@font-face
{
    font-family: "myFirstFont";
    src: url("../fonts/SOURCEHANSANSCN-REGULAR.woff2") format("woff2"),
         url("../fonts/SOURCEHANSANSCN-REGULAR.OTF") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face
{
    font-family: "myFirstFont1";
    src: url("../fonts/SOURCEHANSANSCN-BOLD.woff2") format("woff2"),
         url("../fonts/SOURCEHANSANSCN-BOLD.OTF") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
*{ margin:0; box-sizing: border-box; padding:0; transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
body{font-family: "myFirstFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; color:#333; font-size:15px; background: #000000;  }
a{ text-decoration: none; -webkit-transition: all ease .1s;  -moz-transition: all ease .1s; transition: all ease .1s; border:none; color: #333;}
a:focus { outline: 0 }
a:hover{ color: #159a4b;}
img{ border:none; -webkit-transition: all ease .5s;  -moz-transition: all ease .5s; transition: all ease .5s;}
ul,li{ list-style:none;}
.clear{ clear:both;}
.clearfix{ clear:both;}
p{ margin:0; padding:0;}
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.padding30{ padding:30px;}
.padding40{ padding:40px;}
.fr{ float:right;}
.fl{ float:left; }
.paddingright{ padding-right:10px;}
.paddingleft{ padding-left:10px;}
.undis{ display:block;  background-size: cover;}
.dis{ display:none;  }
.pr5{ padding-right:5px;}
.red{ color:#f00;}
.fff{ color:#fff;}
.pdt30{ padding-top: 30px;}
.txtcenter{ text-align: center;}
h4, .h4, h5, .h5, h6, .h6{ margin: 0;}
.auto80{ width:80%; position: relative;}
.mar0{ margin:0 auto;}
.flex {display: flex; flex-wrap: wrap;}
.flex-center { display: flex; align-items: center; justify-content: center;}
.flex-center-contain { justify-content: space-between;  }
/* ===== Header Nav Active ===== */
nav > ul.flex.flex-center > li > a{
  display:inline-block;
  padding-bottom: 6px; /* 让下边框有位置，可按你原样式调整 */
}

/* 当前高亮 */
nav > ul.flex.flex-center > li > a.is-current{
  border-bottom: 3px solid #159449;
}



input,button,select,textarea{ outline:none; font-family: "myFirstFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;}
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none; font-weight:normal;}

#warp{ width:100%; height:auto;  position: relative;}
.HeaderM{ display: none;}


header{
    width: 100%;
    height: 103px;
    background: rgba(35,35,35,0.5);
    padding: 18px 40px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    transition: all 0.35s ease;
}

/* 鼠标移动到顶部导航区域时显示 */
header:hover{
    background: rgba(35,35,35,1.0);
}
.contain{ padding: 0 10%;}
header .logo{ width: 108px; height: 66px;}
header .logo a{ display: block; width: 108px; height: 66px; background: url(../images/logo.svg) no-repeat;}

header .cart{ width: 42px; height: 100%;}
header .cart a{ display: block;  width: 42px; height: 100%; background: url(../images/cart.png) no-repeat center;}
.searchshow{ width: 260px; height: 59px; display:flex; }
.searchshow input{ width: 65%; height: 59px; border:1px solid #FFFFFF; font-size: 15px; color: #CCCCCC; border-right: none; background: none; padding: 0 23px; border-radius: 15px 0 0 15px;}
.searchshow button{ width:20%; height: 59px; background: #159a4b; color: #FFFFFF; margin-left: -5px; border: none; border-radius: 0 15px 15px 0; font-size: 22px;}
header nav{ height: 100%; padding-left: 30px;}
header nav ul{ height: 100%;}
header nav ul li{ font-size: 15px; padding: 0 1.4rem; position: relative;}
header nav ul li a{ color: #FFFFFF; display: inline-block; padding-bottom: 5px;}
header nav ul li:hover ul{ display: block;}
header nav ul li ul{ display: none; width: 200px; height: auto; background: #FFFFFF; border-radius: 5px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); position: absolute; left: 0; top:30px; z-index: 999;}
header nav ul li ul li:last-child{ border: none;}
header nav ul li ul li{width: 100%; height: 42px; padding:  0; line-height: 42px; border-bottom:1px solid #EEEEEE;}
header nav ul li ul li a{ color: #333333; font-size: 15px; display: block; padding: 0 10px; padding-bottom: 0;}
header nav ul li ul li a:hover{ background: #159449; color:#FFFFFF;}

header nav ul li:hover .submenu{ display: block;}
header nav ul li .submenu{ display: none; position: absolute; left: 0; top: 30px; background: #FFFFFF; border-radius: 5px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);  width: 800px; padding: 25px 50px; z-index: 999;}
header nav ul li .submenu dl{ width: 31.3%; height: auto; overflow: hidden; text-align: center;}
header nav ul li .submenu dl dt{ width: 100%; height: auto; overflow: hidden;}
header nav ul li .submenu dl a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
header nav ul li .submenu dl dt img{ width: 60%; height: auto;}
header nav ul li .submenu dl dd{ padding:15px 0;}
header nav ul li .submenu dl dd em{ display: block; font-weight: bold; color: #111111; height: 36px; line-height: 36px; overflow: hidden; font-style: normal;}
header nav ul li .submenu dl dd i{ display: block; height: 30px; line-height: 30px; overflow: hidden; font-style: normal;}


.bannerVideo{ width: 100%; height: auto;}
.bannerVideo img{ width: 100%; height: auto;}


.bannerbg{ width: 100%; height: auto;  overflow: hidden; background:#fff;}

/**banner**/
.bannerbg {
  width: 100%;
  overflow: hidden;
}

.main_visual {
  width: 100%;
  overflow: hidden;
}

.main_visual .owl-carousel,
.main_visual .owl-stage-outer,
.main_visual .owl-stage,
.main_visual .owl-carousel .owl-item {
  width: 100%;
}

.main_visual .owl-carousel .item {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.main_visual .owl-carousel .item a {
  display: block;
  width: 100%;
}

.main_visual .owl-carousel .item img {
  display: block;
  width: 100%;
  height: auto;
}
.main_visual .owl-nav{ height:0;}
.main_visual .owl-prev,
.main_visual .owl-next {
  display: none;
  text-indent: 99999em;
}

.main_visual .owl-dots {
  width: 100%;
  height: 16px;
  position: absolute;
  left: 0;
  bottom: 180px;
  z-index: 999;
  text-align: center;
}

.main_visual .owl-dots .owl-dot {
  display: inline-block;
  margin: 0 5px;
}

.main_visual .owl-dots .owl-dot span {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/b1.png) no-repeat;
}

.main_visual .owl-dot.active span {
  width: 16px;
  height: 16px;
  background: url(../images/b2.png) no-repeat;
}
.main_visual .owl-carousel .item picture {
  display: block;
  width: 100%;
}

.main_visual .owl-carousel .item picture img {
  display: block;
  width: 100%;
  height: auto;
}
.home-products{ background:#000; }
.inProTit{ width: 100%; line-height: 60px;  position:relative; z-index:666; padding:50px 0;}
.inProTit h2{ color: #FFFFFF; font-size: 32px;  font-family: "myFirstFont1", "myFirstFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; background:url(../images/inTh2.png) no-repeat left center; padding-left: 58px;}
.inProTit a{ display: block; width: 230px; height: 60px; border:1px solid #FFFFFF; text-align: center; color: #FFFFFF; font-size: 16px;}
.inProTit a i{ padding-left:20px;}
.inProTit a:hover{ background: #FFFFFF; color: #159449;}

.inProTit ul li{ cursor: pointer; display: inline-block; font-size: 18px; color: #FFFFFF; margin: 0 35px; position: relative;}
.inProTit ul li.thistab{ font-weight: bold; }
.inProTit ul li.thistab:after{ content: ""; position: absolute; left: 0; bottom: 15px; background: #159449; width: 100%; height: 5px; border-radius: 3px;}




.inProList{ width: 100%; height: auto;}
.inProList dl{ text-align: center; width: 48%; background: #FFFFFF; position: relative; padding: 35px 150px;}
.inProList dl dt img{ width: 100%; height: auto;}
.inProList dl a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.inProList dl dd{ padding-top: 15px;}
.inProList dl dd em{ display: block; font-style: normal; font-size: 18px; line-height: 30px; height: 30px; overflow: hidden;}
.inProList dl dd i{ display: block; font-style: normal; font-size:24px; line-height: 40px; height: 40px; overflow: hidden; color: #111;}
.inProList dl span{ display: block; position: absolute; width: 88px; height: 45px; background: url(../images/prologo.png) no-repeat; left: 0; top: 32px;}


#tab_conbox{  position: relative; z-index: 222;}



.IndexBg1{ width: 100%; height: auto; background: #f9f9f9; padding: 50px 0; }


.InProIdea{ width: 100%; height: auto;}
.InProIdeaLeft{ width: 36%; padding-right: 90px;}
.InProIdeaLeft h2{ color: #111; font-size: 32px;  font-family: "myFirstFont1", "myFirstFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; background:url(../images/inTh2.png) no-repeat left center; padding-left: 58px;}
.InProIdeaLeft h3{ color: #111; font-size: 32px;  font-family: "myFirstFont1", "myFirstFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; padding-left: 58px; background:url(../images/inTh2.png) no-repeat left center; }
.InProIdeaLeft p{ line-height: 26px; font-size: 15px; margin-top: 25px;}
.InProIdeaLeft a{ display: block; margin-top: 100px; width: 230px; height: 60px; line-height: 60px; background: #159a4b;  text-align: center; color: #FFFFFF; font-size: 16px;}
.InProIdeaLeft a i{ padding-left:20px;}
.InProIdeaLeft a:hover{ background: #FFFFFF; color: #159449;}



.InProIdeaRight{ width: 64%; height: auto;}
.InProIdeaRight dl{ width: 100%; height: auto; position: relative; margin-bottom: 30px;}
.InProIdeaRight dl dt{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 85px 80px; color: #FFFFFF;}
.InProIdeaRight dl dt em{ font-style: normal; opacity: 0.7; font-size: 14px; display: block; width: 10%; margin-top: 10px;}
.InProIdeaRight dl dt i{ font-style: normal; width: 80%; padding-right: 35%; display: block; font-size: 18px; line-height: 74px; max-height: 74px; overflow: hidden;}
.InProIdeaRight dl dt a{ display: block; width: 10%; background:#159a4b url(../images/proideamore.png) no-repeat center; }
.InProIdeaRight dl dt a:hover{ background: #000000 url(../images/proideamore.png) no-repeat center; }

.InProIdeaRight dl dd{ width: 100%; height: auto;}
.InProIdeaRight dl dd img{ width: 100%; height: auto;}


.InAbout{ width: 100%; height: auto; background: url(../images/inAboutbg.png) no-repeat center; background-size:cover; padding: 168px 0; color: #FFFFFF;}
.InAbout .contain{ padding: 0 50% 0 10%;}
.InAbout h2{ font-size: 32px;  font-family: "myFirstFont1", "myFirstFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; background:url(../images/inTh2.png) no-repeat left center; padding-left: 58px;}
.InAbout p{ font-size: 16px; line-height: 28px; margin-top: 20px;}

.InAbout a{ display: block; margin-top: 30px; width: 230px; height: 60px; line-height: 60px; background: #159a4b;  text-align: center; color: #FFFFFF; font-size: 16px;}
.InAbout a i{ padding-left:20px;}
.InAbout a:hover{ background: #FFFFFF; color: #159449;}



.IndexBg2{ width: 100%; height: auto; background: #f5f5f7 url(../images/IndexBg2.png) no-repeat bottom center; background-size:cover; }


.inNewsTit{ width: 100%; height: auto; line-height: 60px; padding-top: 90px; padding-bottom: 60px;}
.inNewsTit h2{ color: #111; font-size: 32px;  font-family: "myFirstFont1", "myFirstFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; background:url(../images/inTh2.png) no-repeat left center; padding-left: 58px;}
.inNewsTit a{ display: block;  width: 230px; height: 60px; line-height: 60px; background: #159a4b;  text-align: center; color: #FFFFFF; font-size: 16px;}
.inNewsTit a i{ padding-left:20px;}
.inNewsTit a:hover{ background: #FFFFFF; color: #159a4b;}

.inNewsTit ul li{ cursor: pointer; display: inline-block; font-size: 18px; color: #333; margin: 0 25px; position: relative;}
.inNewsTit ul li.thistab{ font-weight: bold; }
.inNewsTit ul li.thistab:after{ content: ""; position: absolute; left: 0; bottom: 15px; background: #159449; width: 100%; height: 5px; border-radius: 3px;}

.inNewsList{ width: 100%; height: 500px; padding-bottom: 20px;}
.main_visual1 .owl-carousel,.main_visual1 .owl-stage-outer,.main_visual1 .owl-stage,.main_visual1 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual1 .owl-carousel .item{width: 100%;height: 100%;  position: relative; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual1 .owl-carousel .item img{ width: 100%; height: auto; }
.main_visual1 .owl-carousel .item .innewstime{ position: absolute; left: 0; top: 50px; z-index: 222; background: #159a4b; text-align: center; color: #FFFFFF; width: 128px; height: 36px; line-height: 36px;}
.main_visual1 .owl-carousel .item em{ font-style: normal; font-weight: bold; margin: 22px 0; display: block; font-size: 18px; line-height: 30px; height: 60px; overflow: hidden; color: #111111; font-family: "myFirstFont1", "myFirstFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;}
.main_visual1 .owl-carousel .item i{ font-style: normal; display: block; line-height: 24px; height: 72px; overflow: hidden;}

.main_visual1 .owl-prev,.main_visual1 .owl-next{width:68px;height: 68px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 30%;margin-top: 0;text-indent: -999px; overflow: hidden;}
.main_visual1 .owl-prev{background:#fff url(../images/left.png) no-repeat center;left: -7%; }
.main_visual1 .owl-next{background:#fff url(../images/right.png) no-repeat center;right: -7%; }
.main_visual1 .owl-prev:hover{background:#159a4b url(../images/lefts.png) no-repeat center;}
.main_visual1 .owl-next:hover{ background:#159a4b url(../images/rights.png) no-repeat center;}
.main_visual1 .owl-dots{ display: none; text-indent: -99999em;}


.inVideoList{ width: 100%; height: 500px;  padding-bottom: 20px;}
.main_visual2 .owl-carousel,.main_visual2 .owl-stage-outer,.main_visual2 .owl-stage,.main_visual2 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual2 .owl-carousel .item{width: 100%;height: 100%;   background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual2 .owl-carousel .item .inVideoImg{width: 100%; height: auto; position: relative;}
.main_visual2 .owl-carousel .item .inVideoBtn{ width: 73px; height: 73px; background: url(../images/invideo.png) no-repeat; position: absolute; left: 50%; top: 50%; z-index: 333; margin-top: -36px; margin-left: -36px;}
.main_visual2 .owl-carousel .item img{ width: 100%; height: auto; }
.main_visual2 .owl-carousel .item em{ font-style: normal; font-weight: bold; margin: 22px 0; display: block; font-size: 18px; line-height: 30px; height: 60px; overflow: hidden; color: #111111; font-family: "myFirstFont1", "myFirstFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;}
.main_visual2 .owl-carousel .item i{ font-style: normal; display: block; line-height: 24px; height: 72px; overflow: hidden;}

.main_visual2 .owl-prev,.main_visual2 .owl-next{width:68px;height: 68px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 30%;margin-top: 0;text-indent: -999px; overflow: hidden;}
.main_visual2 .owl-prev{background:#fff url(../images/left.png) no-repeat center;left: -7%; }
.main_visual2 .owl-next{background:#fff url(../images/right.png) no-repeat center;right: -7%; }
.main_visual2 .owl-prev:hover{background:#159a4b url(../images/lefts.png) no-repeat center;}
.main_visual2 .owl-next:hover{ background:#159a4b url(../images/rights.png) no-repeat center;}
.main_visual2 .owl-dots{ display: none; text-indent: -99999em;}


footer{ width: 100%; height: auto; background: url(../images/footerbg.png) no-repeat top center; background-size:cover; padding-top: 145px; margin-top: -50px;}

.footerlogo{ width: 100%; height: auto; text-align: center;}


.footerShare{ width: 100%; height: auto; text-align: center; margin-top: 35px;}
.footerShare a{ display: inline-block; width: 32px; height: 32px; margin: 0 5px;}

.footerMenu{ width: 100%; line-height: 49px; margin-top: 20px; text-align: center; color: #FFFFFF;}
.footerMenu a{ color: #FFFFFF; font-size: 15px;}
.footerMenu a:nth-child(3){ display:none;}
.footerMenu a:after{ content: "|"; padding: 0 40px;}
.footerMenu a:last-child:after{ content: ""; padding: 0;}

.footerLinks{ width: 100%; height: auto; text-align: center; margin-top: 35px; padding-bottom: 95px;}
.footerLinks img{ display: inline-block; margin: 0 7px;}

.footerCopy{ width: 100%; height: 65px; line-height: 65px; text-align: center; color: #FFFFFF;}

#mmenu {
	opacity: 0;
}


.alertVideoHide{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background:url(../images/blackBg.png);z-index:888;}
.alertVideoContent{display:none;position:fixed;top:50%;left:50%;width:800px;margin:-180px 0 0 -400px;z-index:999;background:#fff; height:auto; 
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-o-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 40px 0px rgba

(0,0,0,0.2);
border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;}
.alertVideoContent iframe{width:100% !important;height:100% !important;}
.alertVideoContent .vedioClose{position:absolute;top:-27px;right:-27px;cursor:pointer;}

.aboutBox{ width: 100%; padding: 50px 0;}
.aboutBoxL{ width: 50%; height: auto; padding-right: 60px; color: #FFFFFF;}
.aboutBoxL h2{ font-size: 32px;  font-family: "myFirstFont1", "myFirstFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; background:url(../images/inTh2.png) no-repeat left center; padding-left: 58px;}
.aboutBoxL p{ font-size: 16px; line-height: 32px; margin-top: 30px;}

.aboutBoxR{ width: 50%; height: auto;}
.aboutBoxR img{ width: 100%; height: auto; border-radius: 20px;}

.aboutBox2{ width: 100%; padding: 80px 0 60px 0; background: #FFFFFF;}
.aboutBox2 h2{ color: #111; font-size: 32px;  font-family: "myFirstFont1", "myFirstFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; background:url(../images/inTh2.png) no-repeat left center; padding-left: 58px;}
.aboutBox2 h3{ color: #111; font-size: 32px;  font-family: "myFirstFont1", "myFirstFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; padding-left: 58px;}
.aboutBox2info{ width: 100%; padding: 58px;}
.aboutBox2 p{ font-size: 20px; line-height: 26px; margin-bottom: 10px;}

.aboutBox2Img{ width: 100%; height: auto; overflow: hidden;}
.aboutBox2Img img{ width: 100%; height: auto;}

.aboutBox3{ width: 100%; padding-bottom: 50px; background: #FFFFFF;}
.aboutBox3L{ width: 50%; padding: 35px; height: auto;}
.aboutBox3L h3{ font-size: 22px; color: #111111; line-height: 36px;}
.aboutBox3L h4{ font-size: 22px;  color: #111111;  line-height: 36px; margin-top: 45px;}
.aboutBox3L p{ font-size: 20px; line-height: 32px;}
.aboutBox3R{ width: 50%; }
.aboutBox3R img{ width: 100%; height: 100%;}


.aboutBox4{ width: 100%; height: auto; padding-bottom: 50px; background: #FFFFFF; } 
.aboutBox4L{ width: 50%; padding: 35px; height: 100%; background: #d9f2d0;}
.aboutBox4L p{ font-size: 16px; line-height: 26px; margin-bottom: 15px;}
.aboutBox4R{ width: 50%;  padding: 0 35px;}
.aboutBox4R img{ width: 100%; height: 100%;}


.aboutCor{ width: 100%; height: auto; background: url(../images/abcorbg.png) no-repeat bottom center; background-size:cover; padding: 90px 0; }
.aboutCor h2{ color: #111; font-size: 32px;  font-family: "myFirstFont1", "myFirstFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; background:url(../images/inTh2.png) no-repeat left center; padding-left: 58px;}
.aboutCor h3{ color: #111; font-size: 32px;  font-family: "myFirstFont1", "myFirstFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; padding-left: 58px; margin-bottom: 50px;}
.aboutCor > .contain.flex {
    align-items: flex-start;
}

.aboutCorL {
    width: 50%;
    padding: 26px 70px;
    background: #FFFFFF;
}

.aboutCorL dl {
    display: flex;
    height: auto;
    line-height: 30px;
    font-size: 16px;
}

.aboutCorL dl dt {
    width: 22%;
    text-align: justify;
}
.aboutCorL dl dt h4{color: #159a4b;}
.aboutCorL dl dd {
    width: 78%;
}

.aboutCorR {
    width: 50%;
    height: auto;
    align-self: flex-start;
    overflow: hidden;
}

.aboutCorR img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}


.aboutHonor {
  width: 100%;
  height: auto;
  background: #fff;
  padding: 90px 0;
}

.aboutHonor h2 {
  color: #111;
  font-size: 32px;
  font-family: "myFirstFont1", "myFirstFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
  background: url(../images/inTh2.png) no-repeat left center;
  padding-left: 58px;
}

.aboutHonor h3 {
  color: #111;
  font-size: 32px;
  font-family: "myFirstFont1", "myFirstFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
  padding-left: 58px;
  margin-bottom: 50px;
}

.aboutHistoryList {
  width: 100%;
  background: #f5f5f7;
  padding: 45px 60px;
  box-sizing: border-box;
}

.aboutHistoryItem {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #e1e1e1;
  padding: 28px 0;
}

.aboutHistoryItem:first-child {
  padding-top: 0;
}

.aboutHistoryItem:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.aboutHistoryYear {
  width: 220px;
  flex-shrink: 0;
  color: #159a4b;
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  font-family: "myFirstFont1", "myFirstFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
}

.aboutHistoryContent {
  flex: 1;
  color: #333;
  font-size: 16px;
  line-height: 30px;
}

.aboutHistoryContent p {
  position: relative;
  margin: 0 0 12px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 30px;
}

.aboutHistoryContent p:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #159a4b;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 12px;
}

.aboutHistoryContent p:last-child {
  margin-bottom: 0;
}

.privacy-title{ }
.privacy-title h1{color: #111;
    font-size: 32px;
    font-family: "myFirstFont1", "myFirstFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    background: url(../images/inTh2.png) no-repeat left center;
    padding-left: 58px;}
.privacy-info{ padding:20px 0; font-size:1rem; line-height:26px;}


.RockBg{ width: 100%; height: auto; background: #FFFFFF; padding:150px 0;}

.abMenu{ width: 100%; display: flex; justify-content: space-between; height: 60px; line-height: 60px;}
.abMenu h2{ color: #111; font-size: 32px;  font-family: "myFirstFont1", "myFirstFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; background:url(../images/inTh2.png) no-repeat left center; padding-left: 58px;}


.abMenuR{ width: auto; display:flex; flex-wrap:wrap;}
.abMenuR a{ display: block; background: #f5f5f7; margin-left: 3px; padding: 0 25px; }
#lm_hover{ background: #159a4b; color: #FFFFFF;}

.NewsList{ width: 100%; padding: 35px 0; gap: 25px; grid-template-columns: repeat(3, 1fr); /* 3 列 */  display: grid;}
.NewsList dl{ width: 100%; height: auto; overflow: hidden;}
.NewsList dl dt{ width: 100%; height: auto; position: relative;}
.NewsList dl dt img{width: 100%; height: auto; }
.NewsList dl dt .newstime{ position: absolute; left: 0; top: 50px; z-index: 222; background: #159a4b; text-align: center; color: #FFFFFF; width: 128px; height: 36px; line-height: 36px;}
.NewsList dl dd{ background: #f5f5f5; padding: 25px;}
.NewsList dl dd em{ font-style: normal; font-weight: bold;  display: block; font-size: 16px; line-height: 30px; height: 60px; overflow: hidden; color: #111111; font-family: "myFirstFont1", "myFirstFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;}
.NewsList dl dd i{ font-style: normal; display: block; line-height: 24px; height: 72px; overflow: hidden; margin-top: 20px;}
.NewsList dl dt .newsVideo{ width: 73px; height: 73px; background: url(../images/invideo.png) no-repeat; position: absolute; left: 50%; top: 50%; z-index: 333; margin-top: -36px; margin-left: -36px;}

.abMenuR a.is-current{  background: #159a4b; color: #FFFFFF;}

.news-pagination{ padding: 20px 0; text-align:center; }
.news-pagination .page-numbers{ display:inline-block; padding:8px 12px; margin:0 4px; border:1px solid #ddd; }
.news-pagination .page-numbers.current{ font-weight:700; }

.newsShowCover{ text-align:center; margin:0 auto; max-width:500px;}
.newsShowCover img{ width:100%; height:auto;}

.newsShow{ width: 100%; height: auto; overflow: hidden; }
.newsShowTit{ width: 100%; height: auto; text-align: center; font-size: 26px; line-height: 36px; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; color:#000;}
.newsShowTit h1{font-size: 20px;}
.newsShowTime{ width: 100%; height: 55px; line-height: 55px; color: #999999; text-align: center;}
.newsShowinfo{ font-size: 15px; color: #666666; line-height: 26px; padding: 30px 0; overflow: hidden;}
.newsShowinfo img{ max-width: 100%; height: auto; text-align:center;}
.newsShowImg{ width:100%; height:auto; padding-top:30px; text-align:center;}

.aboutinfo{ width: 100%; height: auto; line-height: 26px; padding: 35px 0;}
.aboutinfo img{ max-width: 100%; height: auto;}


.DownList{ width: 100%; height: auto; overflow: hidden; padding:35px 0; display: flex;  flex-wrap: wrap; justify-content: space-between;}
.DownList dl{ width:32.3%; height:auto; margin-bottom: 25px;
    background: #fcfcfc;
    border: 1px solid #ebebeb;
    padding:25px;}
.DownList dl dt{ width:100%; height:auto;}
.DownList dl dt i{ font-size: 42px;}
.DownList dl dd{  width:100%; height:auto; padding-top:10px; overflow:hidden;}
.DownList dl dd h3{ font-size:1.1rem; line-height:30px; height:30px; overflow:hidden;}
.DownList dl dd p{ font-size:1rem; line-height:30px; height:30px; overflow:hidden;}
.DownList dl a{ display: block; width:160px; height:40px; line-height:40px; text-align:center; color:#fff; border-radius:30px; font-size:1rem; background:#159449; margin-top:20px;}
.DownList dl a:hover{ background: #000000;}


.faqList{ width: 100%; height: auto; overflow: hidden; padding:35px 0;}
.faqList .job-title{ margin-bottom: 15px; font-size: 16px; display:block;height:49px;line-height:49px;color:#333; background: #f7f7f7 url(../images/faqico.jpg) no-repeat 98% center;  width: 100%; padding: 0 25px; box-sizing: border-box;}
.faqList .job-title img{ vertical-align: middle; padding-right: 10px;}
.faqList .job-title.cur{ background: #f7f7f7 url(../images/faqicos.png) no-repeat 98% center;}
.faqList .job-box{width:100%; position:relative;overflow:hidden;display:none; margin-bottom: 10px;  background: #f7f7f7;}
.faqList .job-con{padding:20px 30px;line-height:26px;color:#666;position:relative; box-sizing: border-box;}


.ContactBox{ width: 100%; height: auto; overflow: hidden; padding:35px 0; display: flex;  flex-wrap: wrap; justify-content: space-between;}
.ContactBoxLeft{ width: 50%; height: auto;}
.ContactBoxLeft img{ width:100%; height: auto;}
.ContactBoxRight{ width: 50%; height: auto; padding-left: 50px;}
.ContactBoxRight h2{ font-size: 22px; color: #159A4B; line-height: 26px;}
.ContactBoxRight h3{ font-size: 42px; color: #111; line-height: 56px; border-bottom: 4px solid #111111; padding-bottom: 30px; margin-bottom: 30px;}
.ContactBoxRight dl{ display: flex; border-bottom:1px solid #CCCCCC; padding: 35px 0;}
.ContactBoxRight dl dt{ width: 41px; height: 41px; }
.ContactBoxRight dl dd{ padding-left: 15px;}
.ContactBoxRight dl dt img{width: 41px; height: 41px;}
.ContactBoxRight dl dd em{ font-style: normal; display: block; line-height: 24px;}
.ContactBoxRight dl dd p{ color: #111111; font-size: 22px; line-height: 26px;}

.ProductsList{ width: 100%; padding: 35px 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.ProductsList dl{ text-align: center; width: 49%; background: #FFFFFF; position: relative; padding: 35px 150px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); margin-bottom: 25px;}
.ProductsList dl dt img{ width: 100%; height: auto;}
.ProductsList dl a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.ProductsList dl dd{ padding-top: 15px;}
.ProductsList dl dd em{ display: block; font-style: normal; font-size: 18px; line-height: 30px; height: 30px; overflow: hidden;}
.ProductsList dl dd i{ display: block; font-style: normal; font-size:24px; line-height: 40px; height: 40px; overflow: hidden; color: #111;}
.ProductsList dl span{ display: block; position: absolute; width: 88px; height: 45px; background: url(../images/prologo.png) no-repeat; left: 0; top: 32px;}



.GoodsShow{ width: 100%; height: auto; margin-top:15px; position:relative;}
.GoodsShowL{ float:left; width:66%; height:auto;}
.GoodsShowLWz{ width:100%; height:50px; line-height:50px; box-sizing:border-box; }
.GoodsShowLPic{ width:100%; height:auto; overflow:hidden; position:relative; margin-bottom:30px;}
.GoodsShowLContent{ width:100%;height:auto; overflow:hidden;}
.GoodsShowLContent img{ max-width:100%; height:auto; margin:0 auto;}
.GoodsShowLContent em{ font-style:normal;}
.GoodsShowR{ float:right; width:32%; height: calc(100vh - 84px); max-height:100vh; padding:40px; box-sizing:border-box; overflow-y: auto;
    position: sticky;
    right: 0;
    top: 100px; background:#fff;  z-index:888; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);}

.GoodsShowR1{ width:100%; height:auto;}
.GoodsShowR1 h2{ color:#000;   font-family: "myFirstFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; font-size:28px; line-height:36px;}
.GoodsShowR1 div{ padding:25px 0; border-bottom:2px solid #eee; font-size:16px; line-height:26px;}

.GoodsShowR2{ width:100%; height:auto; margin-top:30px;}
.GoodsShowR2 h2{ color:#fff; font-size:20px; font-family: "myFirstFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; box-sizing:border-box; padding-left:40px;  height:68px; line-height:68px; color:#fff; text-transform: uppercase; border-radius:12px 12px 0 0; background:#159B4C;}
.GoodsShowR2List{ width:100%; height:auto; padding:15px 10px; box-sizing:border-box; border:1px solid #eee; border-top:none; border-radius: 0 0 12px 12px; }
.GoodsShowR2List a{ display:block; line-height:48px; height:48px; overflow:hidden; box-sizing:border-box; width:100%; font-size:18px; color:#000; padding:0 30px;}
.GoodsShowR2List a i{ font-size:20px; line-height:48px; color:#0556a5;}
#lm_hover1{ background:#f1f5f8; border-radius:12px;}

.product-gallery{ width:100%; }
.product-gallery-main{
  width:60%; margin:0 auto;
  background:#fff;
  border:1px solid #eee;
  padding:10px;
}
.product-gallery-main img{
  width:100%;
  height:auto;
  display:block;
}

.product-gallery-thumbs{
  margin-top:10px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.product-gallery-thumbs a{
  width:80px;
  height:80px;
  border:1px solid #eee;
  background:#fff;
  padding:4px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.product-gallery-thumbs a img{
  max-width:100%;
  max-height:100%;
  display:block;
}
.product-gallery-thumbs a.is-active{
  border-color:#000; /* 你也可以换成品牌色 */
}
/* =========================
   Search (Product Only)
   ========================= */
.srch-head{
  padding: 20px 0 18px;
  border-bottom: 1px solid #eee;
  margin-bottom: 18px;
}
.srch-title{
  font-size: 28px;
  line-height: 1.2;
  font-weight: 800;
  margin: 0 0 12px;
}
.srch-form{
  display:flex;
  gap: 10px;
  align-items:center;
  margin: 0 0 10px;
}
.srch-input{
  flex:1;
  height: 44px;
  border: 1px solid #ddd;
  padding: 0 14px;
  border-radius: 6px;
  outline: none;
  font-size: 14px;
}
.srch-input:focus{
  border-color:#111;
}
.srch-btn{
  height: 44px;
  padding: 0 18px;
  border: 1px solid #111;
  background:#111;
  color:#fff;
  border-radius: 6px;
  cursor:pointer;
  font-size: 14px;
  font-weight: 700;
}
.srch-btn:hover{
  opacity: .92;
}
.srch-meta{
  color:#666;
  font-size: 13px;
}
.srch-meta b{
  color:#111;
}

/* grid cards */
.srch-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.srch-card{
  display:block;
  border: 1px solid #eee;
  background:#fff;
  border-radius: 10px;
  overflow:hidden;
  text-decoration:none;
  color:#111;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.srch-card:hover{
  transform: translateY(-2px);
  border-color:#ddd;
  box-shadow: 0 10px 26px rgba(0,0,0,.06);
}
.srch-img{
  width:100%;
  background:#f6f6f6;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.srch-img img{
  width:100%;
  height:auto;
  object-fit:cover;
  display:block;
}
.srch-img-ph{
  color:#888;
  font-size: 12px;
  font-weight: 700;
}
.srch-body{
  padding: 12px 14px 14px;
}
.srch-h{
  font-size: 15px;
  line-height: 1.35;
  margin: 0 0 6px;
  font-weight: 800;
}
.srch-cats{
  font-size: 12px;
  color:#666;
  margin-bottom: 8px;
}
.srch-excerpt{
  font-size: 13px;
  color:#444;
  line-height: 1.6;
}

/* pagination */
.srch-pagination{
  margin: 22px 0 8px;
  text-align:center;
}
.srch-pagination .page-numbers{
  display:inline-block;
  margin: 0 4px;
  padding: 8px 12px;
  border: 1px solid #eee;
  border-radius: 8px;
  color:#111;
  text-decoration:none;
  font-size: 13px;
}
.srch-pagination .page-numbers.current{
  border-color:#111;
  background:#111;
  color:#fff;
}

/* empty */
.srch-empty{
  padding: 26px 18px;
  background:#fff;
  border: 1px solid #eee;
  border-radius: 10px;
  color:#333;
  line-height: 1.8;
}



.sub_Menu{ width:100%; height:auto; padding:30px 0;}
/* =========================
   sub_Menu（二级分类导航）
   ========================= */
.sub_Menu{
  width:100%;
  height:auto;
  padding:30px 0;
}

.sub_Menu .sub_MenuIn{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.sub_Menu .sub_MenuIn a{
  display:inline-flex;
  align-items:center;
  height:38px;
  padding:0 14px;
  border:1px solid #e6e6e6;
  background:#fff;
  color:#333;
  text-decoration:none;
  border-radius:6px;
  font-size:14px;
  line-height:38px;
  transition:all .2s ease;
}

.sub_Menu .sub_MenuIn a:hover{
  border-color:#111;
  color:#111;
}

/* 当前高亮 */
.sub_Menu .sub_MenuIn a.is-current{
  background:#111;
  border-color:#111;
  color:#fff;
}


/* ==============================
   Shop List - Logo + Title
   ============================== */

.ShopList {
  width: 100%;
  height: auto;
  padding: 35px 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  box-sizing: border-box;
}

.ShopCard {
  display: block;
  width: 100%;
  background: #fff;
  border: 1px solid #dcdcdc;
  text-decoration: none;
  overflow: hidden;
  transition: all 0.3s ease;
}

.ShopCard:hover {
  border-color: #159a4b;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  transform: translateY(-3px);
}

.ShopCardPic {
  width: 100%;
  height: auto;
  padding: 15px;
  box-sizing: border-box;
  background: #f9fafc;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ShopCardPic img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

.ShopCardTitle {
  width: 100%;
  min-height: 58px;
  padding: 16px 18px;
  box-sizing: border-box;
  color: #111;
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  text-align: center;
  background: #fff;
  transition: all 0.3s ease;
}

.ShopCard:hover .ShopCardTitle {
  color: #159a4b;
}

.shop-empty {
  grid-column: 1 / -1;
  padding: 30px 0;
  color: #666;
  font-size: 16px;
  text-align: center;
}


/* ==============================
   Pagination
   ============================== */

.shop-pagination {
  width: 100%;
  padding: 20px 0 50px;
  text-align: center;
}

.shop-pagination ul {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.shop-pagination li {
  margin: 0;
  padding: 0;
}

.shop-pagination a,
.shop-pagination span {
  display: block;
  min-width: 36px;
  height: 36px;
  padding: 0 12px;
  line-height: 36px;
  border: 1px solid #ddd;
  color: #333;
  background: #fff;
  text-decoration: none;
  box-sizing: border-box;
}

.shop-pagination a:hover,
.shop-pagination .current {
  border-color: #159a4b;
  background: #159a4b;
  color: #fff;
}
/* ==============================
   RUZO Contact
   不包含 .abMenu 样式
   ============================== */

.ruzoContactWrap {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 0 70px;
  box-sizing: border-box;
}

.ruzoContactHead {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0 0 30px;
}

.ruzoContactCompany h2 {
  color: #159a4b;
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  margin: 0 0 8px;
  letter-spacing: 1px;
}

.ruzoContactCompany h3 {
  color: #000;
  font-size: 42px;
  line-height: 52px;
  font-weight: bold;
  margin: 0;
  letter-spacing: 8px;
}

.ruzoContactInfo {
  min-width: 310px;
  padding-bottom: 8px;
}

.ruzoContactInfo p {
  color: #111;
  font-size: 20px;
  line-height: 28px;
  margin: 0;
  letter-spacing: 1px;
  font-family: "Times New Roman", "Yu Mincho", serif;
}

.ruzoContactBlackLine {
  width: 68%;
  height: 4px;
  background: #111;
  margin-bottom: 24px;
}

.ruzoContactLocationList {
  width: 100%;
}

.ruzoContactLocationItem {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 20px;
}

.ruzoContactLocationItem:last-child {
  margin-bottom: 0;
}

.ruzoContactMap {
  width: 34%;
  padding-left: 12px;
  box-sizing: border-box;
}

.ruzoContactMap iframe {
  display: block;
  width: 100%;
  height: 188px;
  border: 0;
}

.ruzoContactAddress {
  width: 58%;
  min-height: 188px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
}

.ruzoContactIcon {
  width: 48px;
  flex-shrink: 0;
}

.ruzoContactIcon img {
  display: block;
  width: 36px;
  height: 36px;
}

.ruzoContactText {
  flex: 1;
  padding-left: 22px;
  box-sizing: border-box;
}

.ruzoContactText h4 {
  color: #111;
  font-size: 20px;
  line-height: 28px;
  font-weight: normal;
  margin: 0 0 8px;
}

.ruzoContactText p {
  color: #111;
  font-size: 22px;
  line-height: 34px;
  margin: 0;
  letter-spacing: 1px;
}



/* =========================================================
   RUZO 全站响应式完整版
   说明：
   1. PC：1381px 以上
   2. 小笔记本 / iPad Pro 横屏：1200px - 1380px
   3. iPad / 平板：768px - 1199px
   4. 手机：767px 以下
========================================================= */


/* =========================================================
   通用修复
========================================================= */

img {
    max-width: 100%;
}

.contain,
.auto80 {
    box-sizing: border-box; width:100%;
}

.owl-carousel,
.owl-stage-outer,
.owl-stage,
.owl-item {
    box-sizing: border-box;
}

/* 修复 Owl 被 CSS 强制 100% 导致只显示 1 个的问题 */
.main_visual1 .owl-carousel .owl-item,
.main_visual2 .owl-carousel .owl-item {
    width: auto;
}

.main_visual1 .owl-carousel .item,
.main_visual2 .owl-carousel .item {
    width: 100%;
    box-sizing: border-box;
}

.main_visual1 .owl-carousel img,
.main_visual2 .owl-carousel img {
    display: block;
    width: 100%;
    height: auto;
}


/* =========================================================
   1580px 以下：普通笔记本导航微调
========================================================= */

@media screen and (max-width: 1580px) {

    .contain {
        padding: 0 2%;
    }

    header nav {
        padding-left: 10px;
    }

    header nav ul li {
        padding: 0 0.5rem;
        font-size: 15px;
    }

    .searchshow {
        width: 230px;
    }
}


/* =========================================================
   1381px 以上：PC 正常显示
========================================================= */

@media screen and (min-width: 1381px) {

    .HeaderM {
        display: none;
    }

    header {
        display: block;
    }

    .auto80 {
        width: 80%;
        height: auto;
        overflow: visible;
    }

    .inProList {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 25px 0;
    }

    .inProList dl {
        width: 48%;
        padding: 35px 150px;
        margin-bottom: 0;
    }

    .ProductsList dl {
        width: 49%;
        padding: 35px 150px;
    }

    .NewsList {
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
    }

    .ShopList {
        grid-template-columns: repeat(4, 1fr);
        gap: 25px;
    }

    .srch-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}


/* =========================================================
   1200px - 1380px
   小笔记本 / iPad Pro 横屏
   注意：这里不是手机，产品必须 2 个一排
========================================================= */

@media screen and (min-width: 1200px) and (max-width: 1380px) {

    .auto80 {
        width: 94%;
        height: auto;
        overflow: hidden;
    }

    .contain {
        padding: 0 3%;
    }

    header {
        display:none !important;
    }

    .HeaderM {
        display: block;
        background: #FFFFFF;
        overflow: hidden;
        position: fixed;
        left: 0;
        top: 0;
        height: 60px;
        line-height: 60px;
        border-bottom: 1px solid #dedede;
        z-index: 9999;
        width: 100%;
        padding: 0 3%;
    }

    .HeaderM .logo {
        float: left;
        width: 82px;
        height: 50px;
        overflow: hidden;
        margin-top: 5px;
    }

    .HeaderM .logo a {
        display: block;
        overflow: hidden;
        width: 82px;
        height: 50px;
    }

    .HeaderM .logo a img {
        width: 82px;
        height: 50px;
    }

    .HeaderM .mlang {
        float: right;
        margin-right: 30px;
    }

    .HeaderM .mlang img {
        padding-right: 10px;
    }

    .m-menu {
        float: right;
        width: 30px;
    
    }

    .m-menu .icon {
        line-height: 1;
        font-size: 0;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
    }

    .m-menu .icon a {
        display: block;
        width: 30px;
    }

    .m-menu .icon > span {
        display: inline-block;
        width: 30px;
        height: 1px;
        background: #333;
        margin: 4px 0;
    }

    #mmenu {
        z-index: 9999;
        opacity: 1;
    }

    #mmenu li .home-search {
        float: left;
        margin-left: 20px;
        width: 90%;
        background-color: #fff;
        padding-left: 0;
        overflow: hidden;
        margin-top: 10px;
        position: relative;
    }

    #mmenu li .home-search .keyword {
        text-align: left;
        border: 1px solid #ccc;
        box-shadow: none;
        border-radius: 0;
        width: 86%;
        font-size: 14px;
        color: #999;
        line-height: 20px;
        vertical-align: top;
        padding: 6px 86px 6px 10px;
        -webkit-appearance: none;
        background-color: #fff;
    }

    #mmenu li .home-search .btn-sub {
        top: 0;
        border: 0;
        right: 0;
        color: #004b9c;
        width: 42px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        position: absolute;
        cursor: pointer;
        border-radius: 0;
        background: #159449 url(../images/search3.png) no-repeat center center;
    }

    .bannerVideo {
        margin-top: 70px;
    }

    .bannerbg {
        margin-top: 20px;
        padding-bottom: 80px;
        overflow: hidden;
        background-size: cover;
    }

    .main_visual .owl-dots {
        bottom: 180px;
    }

    .inProTit {
        width: 100%;
        height: auto;
        line-height: 50px;
        margin-top: -80px;
        padding-bottom: 45px;
    }

    .inProTit h2 {
        font-size: 28px;
    }

    .inProTit a {
        width: 180px;
        height: 48px;
        line-height: 48px;
        font-size: 15px;
    }

    .inProTit ul li {
        font-size: 16px;
        margin: 0 12px;
    }

    .inProList {
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 24px 0;
    }

    .inProList dl {
        width: 48.5%;
        padding: 35px 70px;
        margin-bottom: 0;
    }

    .inProList dl dd em {
        font-size: 17px;
    }

    .inProList dl dd i {
        font-size: 22px;
    }

    .IndexBg1 {

        padding: 40px 0;
    }

    .InProIdeaLeft {
        width: 36%;
        padding-right: 45px;
    }

    .InProIdeaLeft h2,
    .InProIdeaLeft h3 {
        font-size: 28px;
    }

    .InProIdeaLeft a {
        margin-top: 50px;
    }

    .InProIdeaRight {
        width: 64%;
    }

    .InProIdeaRight dl dt {
        padding: 50px 45px;
    }

    .InProIdeaRight dl dt i {
        width: 78%;
        padding-right: 18%;
    }

    .InAbout {
        padding: 110px 0;
    }

    .InAbout .contain {
        padding: 0 42% 0 5%;
    }

    .inNewsTit {
        padding-top: 60px;
        padding-bottom: 45px;
    }

    .inNewsTit h2 {
        font-size: 28px;
    }

    .inNewsTit ul li {
        font-size: 16px;
        margin: 0 12px;
    }

    .inNewsList,
    .inVideoList {
        height: auto;
    }

    .main_visual1 .owl-prev,
    .main_visual1 .owl-next,
    .main_visual2 .owl-prev,
    .main_visual2 .owl-next {
        width: 48px;
        height: 48px;
    }

    .main_visual1 .owl-prev,
    .main_visual2 .owl-prev {
        left: 0;
    }

    .main_visual1 .owl-next,
    .main_visual2 .owl-next {
        right: 0;
    }

    .NewsList {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .ProductsList {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .ProductsList dl {
        width: 49%;
        padding: 35px 80px;
    }

    .ShopList {
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
    }

    .srch-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .GoodsShowL {
        width: 64%;
    }

    .GoodsShowR {
        width: 34%;
        padding: 30px;
    }

    .product-gallery-main {
        width: 70%;
    }

    .aboutBox {
        padding: 80px 0 50px;
    }

    .aboutBoxL {
        padding-right: 35px;
    }

    .aboutBoxL h2,
    .aboutBox2 h2,
    .aboutBox2 h3,
    .aboutCor h2,
    .aboutCor h3,
    .aboutHonor h2,
    .aboutHonor h3,
    .abMenu h2 {
        font-size: 28px;
    }

    .aboutBox2info {
        padding: 45px;
    }

    .aboutCorL {
        padding: 25px 45px;
    }

    .DownList dl {
        width: 32%;
    }

    .ContactBoxRight {
        padding-left: 35px;
    }

    .ContactBoxRight h3 {
        font-size: 34px;
        line-height: 44px;
    }

    .ruzoContactWrap {
        width: 94%;
    }

    .ruzoContactCompany h3 {
        font-size: 38px;
        letter-spacing: 6px;
    }
}


/* =========================================================
   981px - 1199px
   iPad 横屏 / 平板
   产品 2 个一排
========================================================= */

@media screen and (min-width: 981px) and (max-width: 1199px) {

    .auto80 {
        width: 94%;
        height: auto;
        overflow: hidden;
    }

    .contain {
        padding: 0 3%;
    }

  header {
        display:none !important;
    }

    .HeaderM {
        display: block;
        background: #FFFFFF;
        overflow: hidden;
        position: fixed;
        left: 0;
        top: 0;
        height: 60px;
        line-height: 60px;
        border-bottom: 1px solid #dedede;
        z-index: 9999;
        width: 100%;
        padding: 0 3%;
    }

    .HeaderM .logo {
        float: left;
        width: 82px;
        height: 50px;
        overflow: hidden;
        margin-top: 5px;
    }

    .HeaderM .logo a,
    .HeaderM .logo a img {
        width: 82px;
        height: 50px;
        display: block;
    }

    .HeaderM .mlang {
        float: right;
        margin-right: 30px;
    }

    .HeaderM .mlang img {
        padding-right: 10px;
    }

    .m-menu {
        float: right;
        width: 30px;

    }

    .m-menu .icon {
        line-height: 1;
        font-size: 0;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
    }

    .m-menu .icon a {
        display: block;
        width: 30px;
    }

    .m-menu .icon > span {
        display: inline-block;
        width: 30px;
        height: 1px;
        background: #333;
        margin: 4px 0;
    }

    #mmenu {
        z-index: 9999;
        opacity: 1;
    }

    .bannerVideo {
        margin-top: 70px;
    }

    .bannerbg {
        margin-top: 20px;
        padding-bottom: 50px;
        background-size: cover;
    }

    .main_visual .owl-dots {
        bottom: 30px;
    }

    .inProTit {
        width: 100%;
        height: auto;
        line-height: 46px;
        margin-top: -45px;
        padding-bottom: 35px;
    }

    .inProTit h2 {
        font-size: 26px;
    }

    .inProTit a {
        display: none;
    }

    .inProTit ul {
        width: auto;
    }

    .inProTit ul li {
        font-size: 15px;
        margin: 0 8px;
    }

    .inProList {
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 22px 0;
    }

    .inProList dl {
        width: 48.8%;
        padding: 30px 45px;
        margin-bottom: 0;
    }

    .inProList dl span {
        transform: scale(0.85);
        transform-origin: left top;
    }

    .inProList dl dd em {
        font-size: 16px;
    }

    .inProList dl dd i {
        font-size: 20px;
    }

    .IndexBg1 {

        padding: 40px 0;
    }

    .InProIdea .contain {
        display: flex;
        flex-wrap: wrap;
    }

    .InProIdeaLeft {
        width: 38%;
        padding-right: 30px;
    }

    .InProIdeaLeft h2,
    .InProIdeaLeft h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .InProIdeaLeft p {
        font-size: 15px;
        line-height: 28px;
    }

    .InProIdeaLeft a {
        margin-top: 28px;
        width: 170px;
        height: 50px;
        line-height: 50px;
    }

    .InProIdeaRight {
        width: 62%;
    }

    .InProIdeaRight dl dt {
        padding: 36px 32px;
    }

    .InProIdeaRight dl dt em {
        width: 14%;
    }

    .InProIdeaRight dl dt i {
        width: 72%;
        padding-right: 12%;
        font-size: 16px;
        line-height: 28px;
    }

    .InAbout {
        padding: 80px 0;
    }

    .InAbout .contain {
        padding: 0 35% 0 5%;
    }

    .InAbout h2 {
        font-size: 26px;
    }

    .InAbout p {
        font-size: 15px;
        line-height: 28px;
    }

    .inNewsTit {
        padding-top: 45px;
        padding-bottom: 35px;
        line-height: 46px;
    }

    .inNewsTit h2 {
        font-size: 26px;
    }

    .inNewsTit a {
        display: none;
    }

    .inNewsTit ul li {
        font-size: 15px;
        margin: 0 8px;
    }

    .inNewsList,
    .inVideoList {
        height: auto;
    }

    .main_visual1 .owl-prev,
    .main_visual1 .owl-next,
    .main_visual2 .owl-prev,
    .main_visual2 .owl-next {
        width: 42px;
        height: 42px;
    }

    .main_visual1 .owl-prev,
    .main_visual2 .owl-prev {
        left: 0;
    }

    .main_visual1 .owl-next,
    .main_visual2 .owl-next {
        right: 0;
    }

    footer {
        padding-top: 110px;
    }

    .footerMenu a {
        font-size: 15px;
    }

    .footerMenu a:after {
        padding: 0 18px;
    }

    .footerLinks {
        padding-bottom: 45px;
    }

    .aboutBox {
        padding: 90px 0 40px;
    }

    .aboutBoxL {
        width: 50%;
        padding-right: 30px;
    }

    .aboutBoxR {
        width: 50%;
    }

    .aboutBoxL h2,
    .aboutBox2 h2,
    .aboutBox2 h3,
    .aboutCor h2,
    .aboutCor h3,
    .aboutHonor h2,
    .aboutHonor h3,
    .abMenu h2 {
        font-size: 26px;
    }

    .aboutBoxL p {
        font-size: 15px;
        line-height: 28px;
    }

    .aboutBox2 {
        padding: 55px 0;
    }

    .aboutBox2info {
        padding: 38px;
    }

    .aboutBox2 p {
        font-size: 17px;
        line-height: 28px;
    }

    .aboutBox3L,
    .aboutBox3R,
    .aboutBox4L,
    .aboutBox4R {
        width: 50%;
    }

    .aboutBox3L {
        padding: 28px;
    }

    .aboutBox4L,
    .aboutBox4R {
        padding: 28px;
    }

    .aboutCor {
        padding: 60px 0;
    }

    .aboutCorL {
        width: 50%;
        padding: 25px 35px;
    }

    .aboutCorR {
        width: 50%;
    }

    .aboutHistoryList {
        padding: 35px 40px;
    }

    .aboutHistoryYear {
        width: 170px;
    }

    .RockBg {
        padding: 90px 0;
    }

    .abMenu {
        height: auto;
        line-height: 46px;
        display: block;
    }

    .abMenuR {
        margin-top: 12px;
    }

    .abMenuR a {
        margin: 0 6px 8px 0;
        padding: 0 18px;
    }

    .NewsList {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .DownList dl {
        width: 49%;
    }

    .ContactBoxLeft,
    .ContactBoxRight {
        width: 50%;
    }

    .ContactBoxRight {
        padding-left: 30px;
    }

    .ContactBoxRight h3 {
        font-size: 32px;
        line-height: 42px;
    }

    .ProductsList {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .ProductsList dl {
        width: 49%;
        padding: 30px 55px;
    }

    .GoodsShowL {
        float: none;
        width: 100%;
    }

    .GoodsShowR {
        float: none;
        width: 100%;
        height: auto;
        max-height: none;
        padding: 30px;
        position: static;
        margin-top: 30px;
    }

    .product-gallery-main {
        width: 70%;
    }

    .srch-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ShopList {
        grid-template-columns: repeat(3, 1fr);
        gap: 18px;
    }

    .ShopCardPic {
        height: 135px;
        padding: 22px;
    }

    .ruzoContactWrap {
        width: 94%;
        padding-bottom: 55px;
    }

    .ruzoContactCompany h3 {
        font-size: 34px;
        line-height: 44px;
        letter-spacing: 5px;
    }

    .ruzoContactInfo p {
        font-size: 18px;
    }

    .ruzoContactAddress {
        width: 60%;
    }

    .ruzoContactMap {
        width: 36%;
    }
}


/* =========================================================
   768px - 980px
   iPad 竖屏 / 平板
   产品 2 个一排，新闻 2 个一排
========================================================= */

@media screen and (min-width: 768px) and (max-width: 980px) {

    .auto80 {
        width: 94%;
        height: auto;
        overflow: hidden;
    }

    .contain {
        padding: 0 3%;
    }

  header {
        display:none !important;
    }

    .HeaderM {
        display: block;
        background: #FFFFFF;
        overflow: hidden;
        position: fixed;
        left: 0;
        top: 0;
        height: 60px;
        line-height: 60px;
        border-bottom: 1px solid #dedede;
        z-index: 9999;
        width: 100%;
        padding: 0 3%;
    }

    .HeaderM .logo {
        float: left;
        width: 82px;
        height: 50px;
        overflow: hidden;
        margin-top: 5px;
    }

    .HeaderM .logo a,
    .HeaderM .logo a img {
        display: block;
        width: 82px;
        height: 50px;
    }

    .HeaderM .mlang {
        float: right;
        margin-right: 30px;
    }

    .HeaderM .mlang img {
        padding-right: 10px;
    }

    .m-menu {
        float: right;
        width: 30px;

    }

    .m-menu .icon {
        line-height: 1;
        font-size: 0;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
    }

    .m-menu .icon a {
        display: block;
        width: 30px;
    }

    .m-menu .icon > span {
        display: inline-block;
        width: 30px;
        height: 1px;
        background: #333;
        margin: 4px 0;
    }

    #mmenu {
        z-index: 9999;
        opacity: 1;
    }

    #mmenu li .home-search {
        float: left;
        margin-left: 20px;
        width: 90%;
        background-color: #fff;
        padding-left: 0;
        overflow: hidden;
        margin-top: 10px;
        position: relative;
    }

    #mmenu li .home-search .keyword {
        text-align: left;
        border: 1px solid #ccc;
        box-shadow: none;
        border-radius: 0;
        width: 86%;
        font-size: 14px;
        color: #999;
        line-height: 20px;
        vertical-align: top;
        padding: 6px 86px 6px 10px;
        -webkit-appearance: none;
        background-color: #fff;
    }

    #mmenu li .home-search .btn-sub {
        top: 0;
        border: 0;
        right: 0;
        color: #004b9c;
        width: 42px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        position: absolute;
        cursor: pointer;
        border-radius: 0;
        background: #159449 url(../images/search3.png) no-repeat center center;
    }

    .bannerVideo {
        margin-top: 70px;
    }

    .bannerbg {
        margin-top: 20px;
        padding-bottom: 30px;
        background-size: cover;
    }

    .main_visual .owl-dots {
        width: 100%;
        height: 16px;
        padding-bottom: 35px;
        position: static;
        z-index: 999;
    }

    .inProTit {
        width: 100%;
        height: auto;
        line-height: 42px;
        margin-top: 0;
        padding-bottom: 20px;
    }

    .inProTit h2 {
        font-size: 24px;
    }

    .inProTit a {
        display: none;
    }

    .inProTit ul {
        width: 100%;
    }

    .inProTit ul li {
        font-size: 15px;
        margin: 0 8px;
    }

    .inProTit ul li.thistab:after {
        bottom: 6px;
    }

    .inProList {
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 20px 0;
    }

    .inProList dl {
        width: 48.5%;
        padding: 28px 35px;
        margin-bottom: 0;
    }

    .inProList dl span {
        transform: scale(0.78);
        transform-origin: left top;
    }

    .inProList dl dd em {
        font-size: 15px;
    }

    .inProList dl dd i {
        font-size: 18px;
        line-height: 34px;
        height: 34px;
    }

    .IndexBg1 {
        padding: 40px 0;
        margin-top: 0;
    }

    .InProIdea {
        width: 100%;
    }

    .InProIdea .contain {
        width: 94%;
        margin: 0 auto;
        display: block !important;
    }

    .InProIdeaLeft {
        width: 100%;
        padding-right: 0;
        margin-bottom: 28px;
    }

    .InProIdeaLeft h2,
    .InProIdeaLeft h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .InProIdeaLeft p {
        font-size: 15px;
        line-height: 28px;
    }

    .InProIdeaLeft a {
        display: inline-block;
        margin-top: 18px;
        width: 145px;
        height: 46px;
        line-height: 46px;
        font-size: 15px;
        text-align: center;
    }

    .InProIdeaRight {
        width: 100%;
        height: auto;
        padding-top: 0;
    }

    .InProIdeaRight dl {
        width: 100%;
        height: auto;
        margin: 0 0 18px;
        background: #fff;
        border-radius: 12px;
        overflow: hidden;
        position: relative;
        display: flex;
        flex-direction: column;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    }

    .InProIdeaRight dl dd {
        order: 1;
        width: 100%;
        height: auto;
        margin: 0;
        overflow: hidden;
    }

    .InProIdeaRight dl dd img {
        display: block;
        width: 100%;
        height: auto;
        transform: none !important;
    }

    .InProIdeaRight dl dt {
        order: 2;
        width: 100%;
        height: auto;
        min-height: 88px;
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        padding: 18px 72px 20px 18px;
        box-sizing: border-box;
        background: #159a4b !important;
        color: #fff;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .InProIdeaRight dl dt em {
        display: block;
        flex-shrink: 0;
        width: 58px;
        color: #fff !important;
        font-size: 22px;
        line-height: 30px;
        font-style: normal;
        font-weight: bold;
        font-family: "myFirstFont1", "myFirstFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
        position: relative;
        z-index: 2;
    }

    .InProIdeaRight dl dt i {
        display: block;
        flex: 1;
        color: #fff !important;
        font-size: 25px;
        line-height: 50px;
        font-style: normal;
        padding-right: 0;
        position: relative;
        z-index: 2;
    }

    .InProIdeaRight dl dt a {
        position: absolute;
        right: 18px;
        top: 50%;
        left: auto;
        bottom: auto;
        z-index: 3;
        display: block;
        width: 42px;
        height: 42px;
        transform: translateY(-50%);
        background: none !important;
        text-indent: -9999px;
        overflow: hidden;
    }

    .InProIdeaRight dl dt a:after {
        content: "→";
        position: absolute;
        left: 0;
        top: 0;
        width: 42px;
        height: 42px;
        line-height: 42px;
        text-align: center;
        color: #fff;
        font-size: 28px;
        text-indent: 0;
        font-family: Arial, sans-serif;
    }

    .InAbout {
        padding: 60px 0;
    }

    .InAbout .contain {
        padding: 0 5%;
    }

    .InAbout h2 {
        font-size: 24px;
    }

    .InAbout p {
        font-size: 15px;
        line-height: 28px;
        margin-top: 12px;
    }

    .InAbout a {
        margin-top: 18px;
        width: 150px;
        height: 46px;
        line-height: 46px;
        font-size: 15px;
    }

    .inNewsTit {
        padding-top: 35px;
        padding-bottom: 30px;
        line-height: 42px;
    }

    .inNewsTit h2 {
        font-size: 24px;
    }

    .inNewsTit a {
        display: none;
    }

    .inNewsTit ul li {
        font-size: 15px;
        margin: 0 8px;
    }

    .inNewsTit ul li.thistab:after {
        bottom: 5px;
    }

    .inNewsList,
    .inVideoList {
        height: auto;
    }

    .main_visual1 .owl-prev,
    .main_visual1 .owl-next,
    .main_visual2 .owl-prev,
    .main_visual2 .owl-next {
        width: 38px;
        height: 38px;
    }

    .main_visual1 .owl-prev,
    .main_visual2 .owl-prev {
        left: 0;
    }

    .main_visual1 .owl-next,
    .main_visual2 .owl-next {
        right: 0;
    }

    footer {
        padding-top: 110px;
    }

    .footerMenu {
        line-height: 34px;
        padding-bottom: 35px;
    }

    .footerMenu a {
        font-size: 15px;
    }

    .footerMenu a:after {
        padding: 0 12px;
    }

    .footerLinks {
        padding-bottom: 30px;
    }

    .footerCopy {
        height: auto;
        line-height: 24px;
        padding: 12px 3%;
    }

    .aboutBox {
        padding: 90px 0 40px;
    }

    .aboutBoxL,
    .aboutBoxR {
        width: 100%;
    }

    .aboutBoxL {
        padding-right: 0;
    }

    .aboutBoxR {
        margin-top: 25px;
    }

    .aboutBoxL h2,
    .aboutBox2 h2,
    .aboutBox2 h3,
    .aboutCor h2,
    .aboutCor h3,
    .aboutHonor h2,
    .aboutHonor h3,
    .abMenu h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .aboutBoxL p {
        font-size: 15px;
        line-height: 28px;
    }

    .aboutBox2 {
        padding: 40px 0;
    }

    .aboutBox2info {
        padding: 35px;
    }

    .aboutBox2 p {
        font-size: 16px;
        line-height: 28px;
    }

    .aboutBox3L,
    .aboutBox3R,
    .aboutBox4L,
    .aboutBox4R {
        width: 100%;
    }

    .aboutBox3L,
    .aboutBox4L {
        padding: 25px;
    }

    .aboutBox3R,
    .aboutBox4R {
        margin-top: 20px;
    }

    .aboutBox4R {
        padding: 0;
    }

    .aboutCor {
        padding: 45px 0;
    }

    .aboutCorL,
    .aboutCorR {
        width: 100%;
    }

    .aboutCorL {
        padding: 25px;
    }

    .aboutCorL dl {
        display: flex;
        line-height: 28px;
        font-size: 15px;
    }

    .aboutCorL dl dt {
        width: 25%;
    }

    .aboutCorL dl dd {
        width: 75%;
    }

    .aboutCorR {
    width: 100%;
    height: auto;
    margin-top: 20px;
    align-self: auto;
}

.aboutCorR img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

    .aboutHonor {
        padding: 45px 0;
    }

    .aboutHistoryList {
        padding: 30px;
    }

    .aboutHistoryItem {
        display: block;
        padding: 24px 0;
    }

    .aboutHistoryYear {
        width: 100%;
        font-size: 22px;
        margin-bottom: 10px;
    }

    .RockBg {
        padding: 80px 0;
    }

    .abMenu {
        display: block;
        height: auto;
        line-height: 40px;
    }

    .abMenuR {
        margin-top: 12px;
    }

    .abMenuR a {
        margin: 0 8px 8px 0;
        padding: 0 18px;
    }

    .NewsList {
        padding: 25px 0;
        gap: 16px;
        grid-template-columns: repeat(2, 1fr);
    }

    .DownList {
        padding: 25px 0;
    }

    .DownList dl {
        width: 49%;
        margin-bottom: 18px;
    }

    .ContactBox {
        padding: 25px 0;
    }

    .ContactBoxLeft,
    .ContactBoxRight {
        width: 100%;
    }

    .ContactBoxRight {
        padding-left: 0;
        margin-top: 25px;
    }

    .ContactBoxRight h3 {
        font-size: 32px;
        line-height: 42px;
    }

    .ProductsList {
        padding: 25px 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .ProductsList dl {
        width: 48.5%;
        padding: 28px 40px;
        margin-bottom: 20px;
    }

    .GoodsShowL {
        float: none;
        width: 100%;
    }

    .GoodsShowR {
        float: none;
        width: 100%;
        height: auto;
        max-height: none;
        padding: 25px;
        position: static;
        margin-top: 30px;
    }

    .GoodsShowR1 h2 {
        font-size: 26px;
        line-height: 34px;
    }

    .product-gallery-main {
        width: 80%;
    }

    .srch-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .sub_Menu {
        padding: 20px 0;
    }

    .sub_Menu .sub_MenuIn {
        gap: 10px;
    }

    .sub_Menu .sub_MenuIn a {
        height: 36px;
        padding: 0 12px;
        font-size: 13px;
        border-radius: 999px;
    }

    .ShopList {
        padding: 28px 0;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .ShopCardPic {
        height: 130px;
        padding: 22px;
    }

    .ShopCardPic img {
        max-height: 82px;
    }

    .ShopCardTitle {
        min-height: 52px;
        padding: 13px 12px;
        font-size: 15px;
        line-height: 24px;
    }

    .ruzoContactWrap {
        width: 92%;
        padding: 0 0 45px;
    }

    .ruzoContactHead {
        display: block;
        padding-bottom: 22px;
    }

    .ruzoContactCompany h2 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 6px;
    }

    .ruzoContactCompany h3 {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: 5px;
    }

    .ruzoContactInfo {
        min-width: 0;
        width: 100%;
        padding: 18px 0 0;
    }

    .ruzoContactInfo p {
        font-size: 17px;
        line-height: 26px;
        letter-spacing: 0;
    }

    .ruzoContactBlackLine {
        width: 100%;
        height: 3px;
        margin-bottom: 24px;
    }

    .ruzoContactLocationItem {
        display: block;
        margin-bottom: 34px;
    }

    .ruzoContactMap {
        width: 100%;
        padding-left: 0;
    }

    .ruzoContactMap iframe {
        height: 240px;
    }

    .ruzoContactAddress {
        width: 100%;
        min-height: auto;
        padding: 22px 0;
        align-items: flex-start;
    }

    .ruzoContactIcon {
        width: 42px;
        padding-top: 2px;
    }

    .ruzoContactIcon img {
        width: 32px;
        height: 32px;
    }

    .ruzoContactText {
        padding-left: 14px;
    }

    .ruzoContactText h4 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 6px;
    }

    .ruzoContactText p {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0;
    }
}


/* =========================================================
   767px 以下
   手机端
   只有手机才 1 个一排
========================================================= */

@media screen and (max-width: 767px) {

    body {
        font-size: 14px;
    }

    .auto80 {
        width: 92%;
        height: auto;
        overflow: hidden;
    }

    .contain {
        padding: 0 4%;
    }

 header {
        display:none !important;
    }

    .HeaderM {
        display: block;
        background: #FFFFFF;
        overflow: hidden;
        position: fixed;
        left: 0;
        top: 0;
        height: 60px;
        line-height: 60px;
        border-bottom: 1px solid #dedede;
        z-index: 9999;
        width: 100%;
        padding: 0 4%;
    }

    .HeaderM .logo {
        float: left;
        width: 82px;
        height: 50px;
        overflow: hidden;
        margin-top: 5px;
    }

    .HeaderM .logo a,
    .HeaderM .logo a img {
        display: block;
        width: 82px;
        height: 50px;
    }

    .HeaderM .mlang {
        float: right;
        margin-right: 20px;
    }

    .HeaderM .mlang img {
        padding-right: 8px;
    }

    .m-menu {
        float: right;
        width: 30px;
    }

    .m-menu .icon {
        line-height: 1;
        font-size: 0;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
    }

    .m-menu .icon a {
        display: block;
        width: 30px;
    }

    .m-menu .icon > span {
        display: inline-block;
        width: 30px;
        height: 1px;
        background: #333;
        margin: 4px 0;
    }

    #mmenu {
        z-index: 9999;
        opacity: 1;
    }

    #mmenu li .home-search {
        float: left;
        margin-left: 20px;
        width: 90%;
        background-color: #fff;
        padding-left: 0;
        overflow: hidden;
        margin-top: 10px;
        position: relative;
    }

    #mmenu li .home-search .keyword {
        text-align: left;
        border: 1px solid #ccc;
        box-shadow: none;
        border-radius: 0;
        width: 86%;
        font-size: 14px;
        color: #999;
        line-height: 20px;
        vertical-align: top;
        padding: 6px 86px 6px 10px;
        -webkit-appearance: none;
        background-color: #fff;
    }

    #mmenu li .home-search .btn-sub {
        top: 0;
        border: 0;
        right: 0;
        color: #004b9c;
        width: 42px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        position: absolute;
        cursor: pointer;
        border-radius: 0;
        background: #159449 url(../images/search3.png) no-repeat center center;
    }

    .alertVideoContent {
        width: 320px;
        margin: -100px 0 0 -160px;
    }

    .bannerVideo {
        margin-top: 70px;
    }

    .bannerbg {
        margin-top: 20px;
        padding-bottom: 0;
        overflow: hidden;
        background-size: cover;
		background:#fff;
    }

    .main_visual .owl-carousel .item .itemLeft {
        width: 100%;
        position: static;
    }

    .main_visual .owl-carousel .item .itemLeft strong {
        font-size: 2rem;
        height: auto;
        line-height: 40px;
    }

    .main_visual .owl-carousel .item .itemLeft em {
        font-size: 1.2rem;
    }

    .main_visual .owl-carousel .item .itemLeft a {
        margin-top: 15px;
        width: 150px;
        height: 50px;
        line-height: 50px;
        font-size: 1.1rem;
    }

    .main_visual .owl-carousel .item .itemRight {
        width: 100%;
        position: static;
        margin-bottom: 20px;
    }

    .main_visual .owl-dots {
        width: 100%;
        height: 16px;
        z-index: 999;
    }

    .inProTit {
        width: 100%;
        height: auto;
        line-height: 40px;
        margin-top: 0;
        padding-bottom: 15px;
    }

    .inProTit h2 {
        font-size: 22px;
        padding-left: 45px;
        background-size: 32px auto;
    }

    .inProTit a {
        display: none;
    }

    .inProTit ul {
        width: 100%;
    }

    .inProTit ul li {
        font-size: 14px;
        margin: 0 5px;
    }

    .inProTit ul li.thistab:after {
        bottom: 4px;
    }

    .inProList {
        width: 100%;
        height: auto;
        display: block;
    }

    .inProList dl {
        width: 100%;
        padding: 28px 30px;
        margin-bottom: 20px;
    }

    .inProList dl span {
        transform: scale(0.78);
        transform-origin: left top;
    }

    .inProList dl dd em {
        font-size: 15px;
    }

    .inProList dl dd i {
        font-size: 18px;
        line-height: 34px;
        height: 34px;
    }

    .IndexBg1 {
        padding: 35px 0;
        margin-top: 0;
    }

    .InProIdea {
        width: 100%;
    }

    .InProIdea .contain {
        width: 92%;
        margin: 0 auto;
        display: block !important;
    }

    .InProIdeaLeft {
        width: 100%;
        padding-right: 0;
        margin-bottom: 28px;
    }

    .InProIdeaLeft h2,
    .InProIdeaLeft h3 {
        font-size: 22px;
        line-height: 30px;
        padding-left: 45px;
        background-size: 32px auto;
    }

    .InProIdeaLeft p {
        font-size: 14px;
        line-height: 26px;
        margin: 0 0 6px;
    }

    .InProIdeaLeft a {
        display: inline-block;
        margin-top: 18px;
        width: 145px;
        height: 46px;
        line-height: 46px;
        font-size: 15px;
        text-align: center;
    }

    .InProIdeaRight {
        width: 100%;
        height: auto;
        padding-top: 0;
    }

    .InProIdeaRight dl {
        width: 100%;
        height: auto;
        margin: 0 0 18px;
        background: #fff;
        border-radius: 12px;
        overflow: hidden;
        position: relative;
        display: flex;
        flex-direction: column;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    }

    .InProIdeaRight dl dd {
        order: 1;
        width: 100%;
        height: auto;
        margin: 0;
        overflow: hidden;
    }

    .InProIdeaRight dl dd img {
        display: block;
        width: 100%;
        height: auto;
        transform: none !important;
    }

    .InProIdeaRight dl dt {
        order: 2;
        width: 100%;
        height: auto;
        min-height: 88px;
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        padding: 18px 62px 20px 18px;
        box-sizing: border-box;
        background: #159a4b !important;
        color: #fff;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .InProIdeaRight dl dt em {
        display: block;
        flex-shrink: 0;
        width: 50px;
        color: #fff !important;
        font-size: 20px;
        line-height: 28px;
        font-style: normal;
        font-weight: bold;
        font-family: "myFirstFont1", "myFirstFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    }

    .InProIdeaRight dl dt i {
        display: block;
        flex: 1;
        color: #fff !important;
        font-size: 20px;
        line-height: 50px;
        font-style: normal;
        padding-right: 0;
    }

    .InProIdeaRight dl dt a {
        position: absolute;
        right: 15px;
        top: 50%;
        z-index: 3;
        display: block;
        width: 38px;
        height: 38px;
        transform: translateY(-50%);
        background: none !important;
        text-indent: -9999px;
        overflow: hidden;
    }

    .InProIdeaRight dl dt a:after {
        content: "→";
        position: absolute;
        left: 0;
        top: 0;
        width: 38px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        color: #fff;
        font-size: 26px;
        text-indent: 0;
        font-family: Arial, sans-serif;
    }

    .InAbout {
        padding: 50px 0;
    }

    .InAbout .contain {
        padding: 0 5%;
    }

    .InAbout h2 {
        font-size: 22px;
        padding-left: 45px;
        background-size: 32px auto;
    }

    .InAbout p {
        font-size: 14px;
        line-height: 26px;
        margin-top: 10px;
    }

    .InAbout a {
        margin-top: 15px;
        width: 150px;
        height: 46px;
        line-height: 46px;
        font-size: 15px;
    }

    .inNewsTit {
        padding-top: 30px;
        padding-bottom: 30px;
        line-height: 40px;
    }

    .inNewsTit h2 {
        font-size: 22px;
        padding-left: 45px;
        background-size: 32px auto;
    }

    .inNewsTit a {
        display: none;
    }

    .inNewsTit ul li {
        font-size: 14px;
        margin: 0 5px;
    }

    .inNewsTit ul li.thistab:after {
        bottom: 5px;
    }

    .inNewsList,
    .inVideoList {
        height: auto;
        min-height: 360px;
    }

    .main_visual1 .owl-prev,
    .main_visual1 .owl-next,
    .main_visual2 .owl-prev,
    .main_visual2 .owl-next {
        width: 36px;
        height: 36px;
    }

    .main_visual1 .owl-prev,
    .main_visual2 .owl-prev {
        left: 0;
    }

    .main_visual1 .owl-next,
    .main_visual2 .owl-next {
        right: 0;
    }

    footer {
        padding-top: 100px;
    }

    .footerShare {
        margin-top: 25px;
    }

    .footerMenu {
        line-height: 32px;
        margin-top: 0;
        padding-bottom: 35px;
    }

    .footerMenu a {
        font-size: 15px;
    }

    .footerMenu a:after {
        padding: 0 8px;
    }

    .footerLinks {
        margin-top: 25px;
        padding-bottom: 25px;
    }

    .footerCopy {
        height: auto;
        line-height: 24px;
        padding: 12px 4%;
        font-size: 13px;
    }

    .aboutBox {
        padding: 90px 0 40px;
    }

    .aboutBoxL,
    .aboutBoxR {
        width: 100%;
    }

    .aboutBoxL {
        padding-right: 0;
    }

    .aboutBoxR {
        margin-top: 20px;
    }

    .aboutBoxL h2,
    .aboutBox2 h2,
    .aboutBox2 h3,
    .aboutCor h2,
    .aboutCor h3,
    .aboutHonor h2,
    .aboutHonor h3,
    .abMenu h2 {
        font-size: 22px;
        line-height: 30px;
        padding-left: 45px;
        background-size: 32px auto;
    }

    .aboutBoxL p {
        font-size: 14px;
        line-height: 26px;
        margin-top: 10px;
    }

    .aboutBox2 {
        padding: 30px 0;
    }

    .aboutBox2info {
        padding: 25px;
    }

    .aboutBox2 p {
        font-size: 15px;
        line-height: 26px;
    }

    .aboutBox3 {
        padding-bottom: 30px;
    }

    .aboutBox3L,
    .aboutBox3R,
    .aboutBox4L,
    .aboutBox4R {
        width: 100%;
    }

    .aboutBox3L {
        padding: 18px;
    }

    .aboutBox3L h3,
    .aboutBox3L h4 {
        font-size: 20px;
        line-height: 32px;
    }

    .aboutBox3L h4 {
        margin-top: 25px;
    }

    .aboutBox3L p {
        font-size: 14px;
        line-height: 26px;
    }

    .aboutBox3R {
        margin-top: 20px;
    }

    .aboutBox4 {
        height: auto;
        padding-bottom: 30px;
    }

    .aboutBox4L {
        padding: 18px;
    }

    .aboutBox4L p {
        font-size: 14px;
        line-height: 26px;
    }

    .aboutBox4R {
        padding: 0;
        margin-top: 20px;
    }

    .aboutCor {
        padding: 30px 0;
    }

    .aboutCorL,
    .aboutCorR {
        width: 100%;
    }

    .aboutCorL {
        padding: 22px;
    }

    .aboutCorL dl {
        display: block;
        line-height: 28px;
        font-size: 14px;
        margin-bottom: 8px;
    }

    .aboutCorL dl dt,
    .aboutCorL dl dd {
        width: 100%;
    }

    .aboutCorR {
    width: 100%;
    height: auto;
    margin-top: 20px;
    align-self: auto;
}

.aboutCorR img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

    .aboutHonor {
        padding: 30px 0;
    }

    .aboutHonor .contain {
        width: 92%;
        margin: 0 auto;
    }

    .aboutHistoryList {
        padding: 25px 22px;
    }

    .aboutHistoryItem {
        display: block;
        padding: 24px 0;
    }

    .aboutHistoryYear {
        width: 100%;
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 12px;
    }

    .aboutHistoryContent {
        width: 100%;
        font-size: 15px;
        line-height: 28px;
    }

    .aboutHistoryContent p {
        font-size: 15px;
        line-height: 28px;
        padding-left: 18px;
        margin-bottom: 10px;
    }

    .RockBg {
        padding: 80px 0;
    }

    .abMenu {
        display: block;
        height: auto;
        line-height: 40px;
    }

    .abMenuR {
        margin-top: 10px;
    }

    .abMenuR a {
        margin-bottom: 8px;
        width: 100%;
        margin-left: 0;
        padding: 0 15px;
    }

    .NewsList {
        padding: 20px 0;
        gap: 14px;
        grid-template-columns: 1fr;
    }

    .NewsList dl dd {
        padding: 20px;
    }

    .newsShow {
        width: 100%;
        padding: 0;
    }

    .newsShowTit {
        font-size: 22px;
        line-height: 32px;
    }

    .newsShowTit h1 {
        font-size: 20px;
        line-height: 30px;
    }

    .newsShowTime {
        height: auto;
        line-height: 24px;
        padding: 12px 0;
    }

    .newsShowinfo {
        padding: 20px 0;
    }

    .aboutinfo {
        padding: 25px 0;
    }

    .DownList {
        padding: 25px 0;
    }

    .DownList dl {
        width: 100%;
        margin-bottom: 15px;
    }

    .faqList {
        padding: 25px 0;
    }

    .ContactBox {
        padding: 25px 0;
    }

    .ContactBoxLeft,
    .ContactBoxRight {
        width: 100%;
    }

    .ContactBoxRight {
        padding-left: 0;
        margin-top: 25px;
    }

    .ContactBoxRight h2 {
        font-size: 20px;
    }

    .ContactBoxRight h3 {
        font-size: 30px;
        line-height: 40px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .ContactBoxRight dl {
        padding: 22px 0;
    }

    .ContactBoxRight dl dd p {
        font-size: 18px;
        line-height: 26px;
    }

    .ProductsList {
        padding: 25px 0;
        display: block;
    }

    .ProductsList dl {
        width: 100%;
        padding: 28px 35px;
        margin-bottom: 18px;
    }

    .ProductsList dl dd em {
        font-size: 15px;
    }

    .ProductsList dl dd i {
        font-size: 18px;
        line-height: 34px;
        height: 34px;
    }

    .GoodsShowL {
        float: none;
        width: 100%;
    }

    .GoodsShowR {
        float: none;
        width: 100%;
        height: auto;
        max-height: none;
        padding: 20px;
        position: static;
        margin-top: 30px;
    }

    .GoodsShowR1 h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .GoodsShowR1 div {
        padding: 18px 0;
        font-size: 14px;
        line-height: 24px;
    }

    .GoodsShowR2 {
        margin-top: 20px;
    }

    .GoodsShowR2 h2 {
        font-size: 20px;
        padding-left: 20px;
        height: 56px;
        line-height: 56px;
    }

    .GoodsShowR2List a {
        font-size: 16px;
        padding: 0 15px;
    }

    .pgwSlideshow .ps-list {
        position: static !important;
    }

    .product-gallery-main {
        width: 100%;
    }

    .product-gallery-thumbs a {
        width: 64px;
        height: 64px;
    }

    .srch-title {
        font-size: 22px;
    }

    .srch-form {
        flex-direction: column;
        align-items: stretch;
    }

    .srch-input,
    .srch-btn {
        width: 100%;
    }

    .srch-grid {
        grid-template-columns: 1fr;
    }

    .sub_Menu {
        padding: 18px 0;
    }

    .sub_Menu .sub_MenuIn {
        gap: 10px;
    }

    .sub_Menu .sub_MenuIn a {
        height: 36px;
        padding: 0 12px;
        font-size: 13px;
        border-radius: 999px;
    }

    .ShopList {
        padding: 25px 0;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .ShopCardPic {
        height: 130px;
        padding: 22px;
    }

    .ShopCardPic img {
        max-height: 82px;
    }

    .ShopCardTitle {
        min-height: 50px;
        padding: 13px 12px;
        font-size: 15px;
        line-height: 24px;
    }

    .shop-pagination {
        padding: 15px 0 38px;
    }

    .shop-pagination ul {
        flex-wrap: wrap;
    }

    .ruzoContactWrap {
        width: 92%;
        padding: 0 0 45px;
    }

    .ruzoContactHead {
        display: block;
        padding-bottom: 22px;
    }

    .ruzoContactCompany h2 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 6px;
    }

    .ruzoContactCompany h3 {
        font-size: 28px;
        line-height: 38px;
        letter-spacing: 4px;
    }

    .ruzoContactInfo {
        min-width: 0;
        width: 100%;
        padding: 18px 0 0;
    }

    .ruzoContactInfo p {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0;
    }

    .ruzoContactBlackLine {
        width: 100%;
        height: 3px;
        margin-bottom: 24px;
    }

    .ruzoContactLocationItem {
        display: block;
        margin-bottom: 34px;
    }

    .ruzoContactMap {
        width: 100%;
        padding-left: 0;
    }

    .ruzoContactMap iframe {
        height: 220px;
    }

    .ruzoContactAddress {
        width: 100%;
        min-height: auto;
        padding: 22px 0;
        align-items: flex-start;
    }

    .ruzoContactIcon {
        width: 42px;
        padding-top: 2px;
    }

    .ruzoContactIcon img {
        width: 32px;
        height: 32px;
    }

    .ruzoContactText {
        padding-left: 14px;
    }

    .ruzoContactText h4 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 6px;
    }

    .ruzoContactText p {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0;
    }
}


/* =========================================================
   480px 以下：小手机继续压缩
========================================================= */

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

    .auto80 {
        width: 92%;
    }

    .inProTit h2,
    .inNewsTit h2,
    .InProIdeaLeft h2,
    .InProIdeaLeft h3,
    .InAbout h2,
    .aboutBoxL h2,
    .aboutBox2 h2,
    .aboutBox2 h3,
    .aboutCor h2,
    .aboutCor h3,
    .aboutHonor h2,
    .aboutHonor h3,
    .abMenu h2 {
        font-size: 20px;
        line-height: 28px;
        padding-left: 40px;
        background-size: 28px auto;
    }

    .inProList dl,
    .ProductsList dl {
        padding: 25px 25px;
    }

    .inProList dl span,
    .ProductsList dl span {
        transform: scale(0.72);
        transform-origin: left top;
    }

    .inNewsList,
    .inVideoList {
        min-height: 330px;
    }

    .footerMenu a {
        display: inline-block;
        font-size: 14px;
    }

    .footerMenu a:after {
        padding: 0 6px;
    }

    .aboutBox2info {
        padding: 20px;
    }

    .aboutHistoryList {
        padding: 20px 18px;
    }

    .ContactBoxRight h3 {
        font-size: 26px;
        line-height: 36px;
    }

    .GoodsShowR {
        padding: 18px;
    }

    .ruzoContactCompany h3 {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: 3px;
    }

    .ruzoContactMap iframe {
        height: 200px;
    }
}


.aboutBox2Img {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
}

.aboutBox2Img picture {
    display: block;
    width: 100%;
}

.aboutBox2Img img {
    width: 100%;
    height: auto;
    display: block;
}

.ruzo-warehouse-section {
    width: 100%;
    margin: 30px 0;
    background: #f5f5f5;
    overflow: hidden;
}

.ruzo-warehouse-inner {
    display: flex;
    align-items: stretch;
    width: 100%;
}

.ruzo-warehouse-image {
    width: 52%;
    overflow: hidden;
    background: #eeeeee;
}

.ruzo-warehouse-image img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 420px;
    object-fit: cover;
    object-position: center;
    margin: 0;
}

.ruzo-warehouse-content {
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 55px 60px;
    box-sizing: border-box;
    background: #ffffff;
}

.ruzo-warehouse-content h2 {
    position: relative;
    margin: 0 0 24px;
    padding-bottom: 18px;
    color: #111111;
    font-size: 30px;
    line-height: 1.4;
    font-weight: 700;
}

.ruzo-warehouse-content h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 52px;
    height: 4px;
    background: #159a4b;
}

.ruzo-warehouse-address {
    margin: 0 0 25px;
    color: #159a4b;
    font-size: 16px;
    line-height: 1.9;
    font-weight: 600;
}

.ruzo-warehouse-description {
    color: #444444;
    font-size: 16px;
    line-height: 2;
}

.ruzo-warehouse-description p {
    margin: 0 0 14px;
}

.ruzo-warehouse-description p:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .ruzo-warehouse-section {
        margin: 20px 0;
    }

    .ruzo-warehouse-inner {
        display: block;
    }

    .ruzo-warehouse-image,
    .ruzo-warehouse-content {
        width: 100%;
    }

    .ruzo-warehouse-image img {
        height: auto;
        min-height: 0;
        object-fit: contain;
    }

    .ruzo-warehouse-content {
        padding: 28px 22px 32px;
    }

    .ruzo-warehouse-content h2 {
        margin-bottom: 18px;
        padding-bottom: 14px;
        font-size: 24px;
    }

    .ruzo-warehouse-address {
        margin-bottom: 18px;
        font-size: 15px;
        line-height: 1.8;
    }

    .ruzo-warehouse-description {
        font-size: 15px;
        line-height: 1.9;
    }
	.privacy-title h1{
    font-size: 20px;


}
}


@media screen and (min-width: 1381px) {

    .bannerbg {
        width: 100%;
        height: 100vh;
        height: 100dvh;
        margin-top: 0;
        padding: 0;
        overflow: hidden;
        background: #ffffff;
    }

    .main_visual,
    .main_visual .owl-carousel,
    .main_visual .owl-stage-outer,
    .main_visual .owl-stage,
    .main_visual .owl-item,
    .main_visual .owl-carousel .item,
    .main_visual .owl-carousel .item a,
    .main_visual .owl-carousel .item picture {
        width: 100%;
        height: 100% !important;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    .main_visual .owl-carousel .item img,
    .main_visual .owl-carousel .item picture img {
        display: block;
        width: 100%;
        height: 100% !important;
        margin: 0;
        padding: 0;
        object-fit: cover !important;
       object-position: center 106% !important;
    }

    .main_visual .owl-dots {
        bottom: 180px;
    }
}