/* CSS Document */
:root{
	--main_color:#e62129;        /* 主色 */
	--main_color_rgb:229,0,18;  /* rgba */}
@font-face{ font-family:'alimama'; src: url('/images/alimama.ttf');}
@font-face{ font-family:'Beba'; src: url('/images/BebasNeue-Bold.ttf');}
a {
    text-decoration: none;
}
.t_left_center{ display: flex; flex-direction: column; justify-content: center;}
.flex_start{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.flex_space{ display: flex; justify-content: space-between; flex-wrap: wrap;align-items: center;}
.t_center{ display: flex; flex-direction: column; justify-content: center; align-items: center;}
.width_1600{ width:1600px; margin:0 auto;}
.titles{text-align: center;color:  var(--main_color);}
.titles h3 {font-size: 3vw;text-transform: uppercase;font-weight: bold;line-height: 1;}
.titles h2 {font-size: 1.2vw;line-height: 2;    margin-bottom: 2%;}
.banner1 .swiper-slide-active img,.swiper-slide-duplicate-active img{ transition:3s linear; transform:scale(1,1);}


.honors{margin:5% auto;}
.honors .img {
    border: 1px solid #ccc;
}

/*侧边*/
.right-float{width:70px;position:fixed;right:2px;bottom:4%;z-index:300;}
.right-1{width:70px;height:70px;background:var(--main_color);border-radius:6px;margin-top:1px;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;position:relative;cursor:pointer;}
.right-1 a{width:100%;height:100%;display:block;overflow:hidden;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;}
.right-1 samp{width:100%;overflow:hidden;display:block;text-align:center;}
.right-1 span{width:100%;display:block;overflow:hidden;text-align:center;font-size:12px;color:#fff;margin-top:6px;}
.right-phone{width:240px;height:70px;position:absolute;right:90px;top:50%;background:#fff;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;border-radius:6px;box-sizing:border-box;padding-left:16px;opacity:0;transform-origin:right center;transform:translateY(-50%) scale(0);}
.right-phone:before{width:auto;content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);border-left:10px #fff solid;border-top:10px transparent solid;border-bottom:10px transparent solid;}
.right-phone p{width:100%;overflow:hidden;font-size:16px;color:#222;line-height:24px;}
.right-1:hover .right-phone{transform:translateY(-50%) scale(1);opacity:1;}
.right-wx{width:180px;height:180px;position:absolute;right:90px;top:50%;background:#fff;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;border-radius:6px;box-sizing:border-box;transform-origin:right center;transform:translateY(-50%) scale(0);}
.right-wx:before{width:auto;content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);border-left:10px #fff solid;border-top:10px transparent solid;border-bottom:10px transparent solid;}
.right-wx img{width:100%;height:auto;border-radius:6px;}
.right-1:hover .right-wx{transform:translateY(-50%) scale(1);opacity:1;}
.right-2{width:70px;height:70px;background:#fff;border-radius:6px;margin-top:1px;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;position:relative;cursor:pointer;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.04);}
.right-2 span{width:100%;overflow:hidden;text-align:center;display:block;font-size:14px;font-weight:bold;color:var(--main_color);background:url("/images/icon-153.png") no-repeat top center;padding-top:12px;}
.right-2 p{width:100%;overflow:hidden;text-align:center;display:block;font-size:12px;color:#222;}

/* 关于我们 */
.about_a {padding: 5% 0% 1% 0;}
.about_a h3 {font-size: 42px;font-weight: bold;line-height: 60px;color:  var(--main_color);}
.about_a h2 {font-size: 28px;line-height: 56px;font-weight: bold; color:  var(--main_color);}
.about_a .width_1600{align-items: center;margin: initial;display: flex;flex-direction: row-reverse;box-sizing: border-box;flex-wrap: nowrap;justify-content: flex-end;}
.about_a .width_1600 .right {flex: 1;padding-left: 5%;box-sizing: border-box;}
.about_a .width_1600 .right p {font-size: 16px;line-height: 2;margin-bottom: 1%;text-align:justify;}
.about_a .width_1600 .right a{border-radius: 25px;background:  var(--main_color);font-size: 16px;color: #fff;font-weight: bold;display: inline-flex;/* padding: 26px; *//* text-align: center; */width: 130px;line-height: 46px;border: 2px solid  var(--main_color);z-index: 2;position: relative;overflow: hidden;transition: color 0.2s;justify-content: center;margin-top: 3%;}
.about_a .width_1600 .right  a:hover{color:  var(--main_color);}
.about_a .width_1600 .right  a img{width: 26px;margin-left: 10px;transition: 1s;}
.about_a .width_1600 .right  a::before {content: "";will-change: transform;transform-origin: 50% 0%;border-radius: 50%;width: 150%;height: 200%;transition: transform 1s cubic-bezier(.5,0,0,1);position: absolute;top: -50%;left: -25%;transform: scaleY(0);z-index: -1;background-color: #fff;}
.about_a .width_1600 .right  a:hover::before {transform-origin: 50% 100%;transform: none;}
.about_a .width_1600 .left {flex: 1.5;max-width: 800px;position: relative;}

/* 背景 */

.product_q{ min-height: 100vh; position:relative; z-index:2;}
.mask{ position: absolute; height: calc(100% + 80px); left: 0; top: 0; width: 100%; background-color: var(--main_color); -webkit-mask-size: 100% 100%; -webkit-mask-repeat: repeat; animation: mask linear 5s infinite;}
.mask .bg{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-position: center center; background-blend-mode: soft-light; background-color: #000;}
.product_q .wrapper{ position: relative;padding: 120px 90px 70px;display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
.title_top{ width: 458px; height: 164px; background: url(/images/title_bg.png) no-repeat center; background-size: 100% 100%; margin-bottom:80px;}
.title_top p{ font-size: 60px; line-height: 164px; color: #fff; text-align: center; font-family:'alimama';}
.product_q .wrapper .koubei{ width:100%; display: flex; justify-content: space-between; flex-wrap: wrap; overflow: hidden;}
.product_q .wrapper .koubei li{ flex: auto; display: flex; align-items: center;}
.product_q .wrapper .koubei li:nth-child(2){ justify-content: center;}
.product_q .wrapper .koubei li:nth-child(3){ justify-content: flex-end;}
.more_a{ margin-top:64px;}
.more_a a{ display: inline-flex; color: var(--main_color);}
.more_a p{ font-size: 36px;width: 64px;height: 64px;background-color: #f5e7ce;border: 6px solid #cd5249;border-radius: 50%;position: relative;display: flex;align-items: center;justify-content: center; font-family: 'alimama';}
.more_a a p::before{ content: ''; width: 56px; top: 50%; height: 56px; left: 50%; position: absolute; border: 1px solid #ede6d7; border-radius: 50%; transform: translate(-50%, -50%);}
.more_a a p+p{ margin-left: -18px;}



/* 导航 */
#mould86072{ width:100%; position:fixed; top:0; left:0; background:#fff; z-index:99; transition:1s; box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.navbars41{ width:1600px; height:100px; margin:0 auto;}
.navbars41 .logo{float:left;width: 16%;height: 100%;display: table;}
.navbars41 .logo a{ display: table-cell; vertical-align: middle;}
.navbars41 ul{float:right;display: table;height:100%;margin-right: 7%;}
.navbars41 li{ display: table-cell; vertical-align: middle; position:relative;}
.navbars41 li:first-child .hide1{ display:none;}
.navbars41 li>a{ padding:0 24px; font-size:16px; transition:.5s;}
.navbars41 li>a:hover{ color:var(--main_color);}
.navbars41 li.active a{ color:var(--main_color);}
.navbars41 .phone_a{ float:right;padding: 0 17px;position: relative;display: inline-block;}
.navbars41 .phone_a p{ background:url(/images/icon-2.png) no-repeat left center; padding-left:30px; font-size:20px; font-weight:bold; font-family:arial; line-height:100px;}
.navbars41 .btngsearch{ float:right;  width:50px; height:100px; line-height:100px; background:url(/images/icon-1.png) no-repeat center;}
.navbars41 .earth{float:right;padding: 0 17px;position: relative;display: inline-block;}
.navbars41 .earth p{ background:url(/images/icon-3.png) no-repeat left center; padding-left:26px; font-size:18px; font-weight:bold; font-family:arial; line-height:100px;}
.navbars41 .earth:hover p{color:#222;}
#searchBox{ position:fixed; top:100px; left:0; width:100%;  z-index:9999;}
#searchBox div{ width:1000px; padding:30px 0; position:relative; margin:0 auto;}
#searchBox input{width: 100%;height: 60px;line-height: 60px;background: #fff;font-size: 16px;transition:.5s;box-shadow:none;padding: 0 20px;box-sizing:border-box;margin-bottom:0;}
#searchBox a{ background:var(--main_color) url(/images/icon-5.png) no-repeat center; background-size: 30px; width:80px; height:60px; display:block; position:absolute; right:0; top:30px;}
.navbars41 li .hide1{ width:186px; position:absolute; top:100px; left:50%; transform:translateX(-50%); background: #fff; padding:10px; box-sizing:border-box; border-radius:5px; display:none; box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.navbars41 li:hover .hide1{ display:block; text-align:center;}
.navbars41 li .hide1 a{ display:block; padding:0 20px;}
.navbars41 li:hover .hide1 a{ background: none; border-radius:inherit; color:#333; line-height:56px; font-size:14px;}
.navbars41 li:hover .hide1 a:hover{ background: var(--main_color); border-radius:5px; color:#fff;}

.banner1 .swiper-slide{ position:relative;width:100%!important;overflow: hidden;}
.banner1 .swiper-slide .imgs{ width:100%; height:100vh; min-height:100%; transition:1s linear 2s; transform:scale(1.1,1.1);}
.banner1 .swiper-slide .txt{width:100%;position:absolute;top: 52%;left:50%;transform: translate(-50%, -50%);color:#fff;text-align:Center;}
.banner1 .swiper-slide .txt .biaoti img{width:211px!important;height:76px!important;margin-bottom:1%;}
.banner1 .swiper-slide .txt h2{ font-size:52px; line-height:1.75; font-weight:bold;}
.banner1 .swiper-slide .txt h3{font-size:20px;line-height: 2;margin-top: 10px;}
.banner1 .swiper-slide .txt p{position: fixed;right: 2%;bottom: -150%;font-size: 14px;}
.banner1 .swiper-slide-active img,.swiper-slide-duplicate-active img{ transition:3s linear; transform:scale(1,1);}
/*产品*/
.product_b{margin-top:5%;background: #fef3f3;padding: 5% 0;}
.product_a {display: flex;flex-direction: row;align-items: center;justify-content: space-around;}
.product-l {flex: 1;max-width: 560px;}
.product-l .pp {padding-bottom: 5%;}
.product-l .pp { background:url(/images/jiantou.png) no-repeat center left; padding-left:48px;}
.product-l .pp h2 {font-size: 34px;font-weight: bold;line-height: 2;}
.product-l .on{ background:url(/images/jiantou1.png) no-repeat top left; padding-left:58px;color:  var(--main_color);}
.product-l .pp:hover{background:url(/images/jiantou1.png) no-repeat top left; padding-left:58px;}
.product-l .pp p{line-height:1.5;font-size: 18px;}
.product-l .pp:hover h2{color:  var(--main_color);}
.product-l .pp:hover p{color:  var(--main_color);}
.product-r {flex: 1;max-width: 710px;position:relative;margin-right: 3%;}
.tu {position: relative;z-index: 2;}
.product-r .tu img{border-radius: 50%;border: 20px solid #ff656b;}
.circle {position: absolute;top: 0%;left: -16%;animation: rotate 10s linear infinite;}
@keyframes rotate {
  from {
      transform: rotate(0deg);
  }
  to {
      transform: rotate(360deg);
  }
    }



/* 猫砂 */
.mao {margin-top: 5%;}
.mao-a {display: flex;justify-content: space-around;margin-bottom: 3%;}
.maomao{width:100%;}
.mm h2{font-size: 30px;font-weight: bold;line-height: 3;}
.mm:nth-of-type(1) h2{font-size: 30px;font-weight: bold;line-height: 3;background:url(/images/mm1.png) no-repeat center left;background-size: 16%;padding-left: 40px;}
.mm:nth-of-type(2) h2{font-size: 30px;font-weight: bold;line-height: 3;background:url(/images/mm2.png) no-repeat center left;background-size:17%;padding-left: 40px;}
.mm:nth-of-type(3) h2{font-size: 30px;font-weight: bold;line-height: 3;background:url(/images/mm3.png) no-repeat center left;background-size: 25%;padding-left: 40px;}
.mm:nth-of-type(4) h2{font-size: 30px;font-weight: bold;line-height: 3;background:url(/images/mm4.png) no-repeat center left;background-size: 12%;padding-left: 40px;}
.mm p {font-size: 20px;font-weight: bold;}




/* news */
.news_a {
    margin-top: 5%;
}
#box-4 {margin-bottom: 5%;}
#box-4 ul{display: flex;flex-direction: row;justify-content: space-between;}
#box-4 ul li{max-width: 440px;padding: 34px;background: #ffffff;border-radius: 20px;box-shadow: 0 0 20px rgb(0 0 0 / 30%);}
#box-4 ul li .text1 p {font-size: 16px;line-height: 36px;color: #999999;}
#box-4 ul li .title.hangNum1 {font-size: 20px;line-height: 40px;}
#box-4 ul li .content_img {margin: 60px 0 35px 0;}
#box-4 ul li .desc p {line-height: 2;}
#box-4 ul li:hover{box-shadow: 0 0 20px rgb(230 33 41 / 30%);}
#box-4 ul li:hover .title{color:var(--main_color);}
#box-4 ul li:hover .desc{color:var(--main_color);}





/*底部*/
.footer_a {background: #2f3e51;display: flex;}
.footer_b {background: #314154;width: 420px;display: flex;flex-direction: column;align-items: flex-start;padding-left: 8%;padding-top: 5%;color: #fff;}
.footer_b .bb {margin-bottom: 8%;}
.footer_b .bb h3 {font-size: 42px;font-family: Arial;font-weight: bold;}
.footer_b .bb p {margin-bottom: 8px;}
.footer_b .bb h4 {font-size: 20px;font-family: Arial;}
.footer_b .bb h5 {font-size: 20px;}
.footer_b .bbb img {width: 160px;height: 160px;border-radius: 8px;overflow: hidden;}
.footer_b .bbb p {text-align: center;line-height: 2;}

.footer_c {display: flex;flex-direction: column;padding-left: 2%;padding-top: 5%;width: 60%;}
.navc {display: flex;flex-direction: row;justify-content: space-between;width: 100%;margin-bottom: 5%;}
.footer_c a {color: #fff;}
.navcc {display: flex;flex-direction: row;width: 26%;justify-content: space-between;}
.cc {display: flex;flex-direction: row;justify-content: space-between;}
.footer_c dt {font-size: 20px;margin-bottom: 50px;font-weight: normal;}
.footer_c dt a {border-bottom: 1px solid #ffffff2e;padding-bottom: 20px;}

.footer_c dd {font-size: 16px;line-height: 36px;}
.foterr {display: flex;flex-direction: column;}
.foterr b {font-size: 20px;font-weight: normal;color: #fff;}
.foterr .item {position: relative;}
.foterr .itp {display: flex;justify-content: space-between;align-items: center;height: 42px;border: 1px solid rgba(255,255,255,.1);background: #fff;padding: 0 20px;width: 180px;color: #333;line-height: 1.6;font-size: 15px;margin-top: 10%;}
.foterr .ibt {/* border-radius:0 0 5px 5px; */position: absolute;left: 0;top: 100%;width: 100%;background: var(--main_color);max-height: 500px;overflow-y: hidden;display: none;}
.foterr .link:first-child {padding-top: 5px;border-top: 1px solid rgba(255,255,255,.1);}
.foterr .link a {display: block;padding: 5px 20px;font-size: 14px;line-height: 1.5;color: #fff;border-left: 1px solid rgba(255,255,255,.1);border-right: 1px solid rgba(255,255,255,.1);}
.foterr .ggt {overflow-y: hidden;}

.copyright {display: flex;flex-direction: row;justify-content: space-between;border-top: 1px solid #ffffff2e;margin-top: 5%;padding-top: 3%;margin-bottom: 3%;}
.copyright .le {display: flex;}
.copyright .foot_share a{width: 50px;height: 50px;display:block;border: 1px solid;border-radius: 50px;float:left;position:relative;}
.copyright .foot_share a:nth-child(-n+2){ margin-right:24px;}
.copyright .foot_share a:nth-child(1){background: url(/images/sj1.png) no-repeat center;}
.copyright .foot_share a:nth-child(2){ background: url(/images/wx1.png) no-repeat center;}
.copyright .foot_share a:nth-child(3){ background: url(/images/dy1.png) no-repeat center;}
.copyright .foot_share a div{width:120px;height:120px;position:absolute;bottom:56px;left:50%;margin-left:-56px;box-shadow: 0 0 8px rgb(0 0 0 / 10%);transition:.5s;transform: scale(0);}
.copyright .foot_share a:hover div{ transform: scale(1);}
.foot_share img {
    border-radius: 10px;
    overflow: hidden;
}
.copyright .ri {display: flex;flex-direction: column;color: #fff;align-items: flex-end;}
.copyright .ri p {font-size: 14px;line-height: 2;width: 100%;text-align: right;display: flex;align-items: center;justify-content: flex-end;}
.copyright .gong{background: url(/images/gong.png) no-repeat center left;padding-left: 4%;background-size: 8%;align-items: center;/* height: auto; */}


@media (min-width: 1921px) and (max-width: 4000px){
  .about_a .width_1600 {margin:0 auto;}}
@media (max-width: 1680px){
  .width_1600{width:94%;}.navbars41{width:94%;}.foott{width:94%;}.main_a{width:94%;}
}
@media (min-width: 1560px) and (max-width: 1679px){
 
   .about_a h3 {
    font-size: 34px;line-height: 46px;}
  .about_a h2 {
    font-size: 24px;
    line-height: 44px;}
  .about_a .width_1600 .right p {line-height: 1.7;}
#box-4 ul li {
  max-width: 27%;}
}
@media (max-width: 1560px){
   .about_a h3 {
    font-size: 34px;line-height: 46px;}
  .about_a h2 {
    font-size: 24px;
    line-height: 44px;}
  .about_a .width_1600 .right p {line-height: 1.7;}
#box-4 ul li {
  max-width: 25%;}
}
@media (max-width: 1500px){
    .width_1600{width:90%;}.navbars41{width:90%;}.foott{width:90%;}.main_a{width:90%;}
 #box-4 ul li {
  max-width: 25%;}
  .fol h3 {
    font-size: 30px;}
  .for strong {
    font-size: 20px;
    color: var(--main_color);
}.fol ul {width: 80%;}
}
@media (max-width: 1440px){
 .about_a h3 {
    font-size: 34px;line-height: 46px;}
  .about_a h2 {
    font-size: 24px;
    line-height: 44px;}
}
@media (min-width: 1360px) and (max-width: 1400px){
  .fol ul {width: 80%;}
.about_a h3 {
    font-size: 26px;
    line-height: 38px;}.about_a h2 {
    font-size: 20px;
    line-height: 38px;
}.about_a .width_1600 .right p {
    line-height: 1.5;
}.fol h3 {
    font-size: 30px;}
  .for strong {
    font-size: 20px;
    color: var(--main_color);
}
}