input::placeholder {
    color: #fff;
}
textarea::placeholder {
    color: #fff;
}
:root{
	--main_color:#e60012;
  --main-bg-color:#e60012;
}


@font-face{ font-family:'Beba'; src: url('/images/BebasNeue-Bold.ttf');}
.container-fluid {position: relative;overflow: hidden;}
body::-webkit-scrollbar{ display:none;}
::-webkit-scrollbar{ display:none;}
.width_1600{ width:1600px; margin:0 auto; }
.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}
input[type="text"]{height:52px;    padding: 0;background-color: #ffffff69;border: none;-webkit-box-shadow: none;border-radius: 50px;color:#fff!important;}
input[type="phone"]{height:52px;    padding: 0;background-color: #ffffff69;border: none;-webkit-box-shadow: none;border-radius: 50px;}
textarea{height:52px;  padding-left: 5%;line-height: 52px;  padding: 0;background-color: #ffffff69;border: none;-webkit-box-shadow: none;width:100%;border-radius: 50px;}
input[type="submit"]{font-size: 18px;width: 200px;line-height: 56px;border-radius: 50px;border: none;margin-top: 1%;color:var(--main_color);}

.one_box_b{ position: absolute;
    bottom: 20px;left: 10%;}
.one_box_b .swiper-container{ padding:0 40px;}
.one_box_b .swiper-slide{ position:relative;}
.one_box_b .swiper-slide:hover{ cursor: pointer;}
.one_box_b .swiper-slide div{color:#fff; opacity:0.5;height:170px; margin:0 auto; background: url(/images/btn_honor1.png) no-repeat; line-height:94px; text-align:center; font-size:26px; font-weight:bold; color:#b4fffe;}

.one_box_b .swiper-slide div{ background: url(/images/btn_honor2.png) no-repeat; color:#fff;}
.one_box_b .swiper-slide.on div{ opacity:1;}

.one_box_b .swiper-slide:before{ content:""; height:1px; width:100%; background:rgba(255,255,255,0.2);position:absolute; top:50%; left: 0px;}
.one_box_b .swiper-button-disabled{ background: #c1c1c1 url(/images/btn_jt.png) no-repeat!important; opacity:1!important;}
.one_box_b .swiper-button-prev{ width: 35px; height: 35px; border-radius:50%; background: #fff url(/images/btn_jt1.png) no-repeat; left:0; top:39%; margin:0;}
.one_box_b .swiper-button-next{ width: 35px; height: 35px; border-radius:50%; background: #fff url(/images/btn_jt1.png) no-repeat; right:0; top:39%; transform: rotate(180deg); margin:0;}
.one_box_b .swiper-button-prev:after,.one_box_b .swiper-button-next:after{ display:none;}

.one_box_b .swiper-button-prev:hover{ background:var(--main_color) url(/images/btn_jt.png) no-repeat; border-radius:50%;}
.one_box_b .swiper-button-next:hover{ background:var(--main_color) url(/images/btn_jt.png) no-repeat; border-radius:50%;} 




.TitHeads .TitHead {
    position: absolute;
    top: 15%;color:#fff;
    left: 11%;
    z-index: 9;
}
.TitHeads .TitHead h2{color:#fff;}
.hmCon4{ position:relative;margin-bottom: 6%;}
.hmCon4 .hmTnm{text-align:center;}
.hmc4anix{ position:absolute; left:50%; width:920px; margin-left:-460px; top:0; right:0; bottom:0;}
.hmc4anix img:nth-child(1){ width:480px; height:auto; position:absolute; left:50%; margin-left:-240px; top:-105px}
.hmc4anix img:nth-child(2){ width:660px; height:660px; position:absolute; left:50%; margin-left:-330px; top:-190px;}
.hmc4anix img:nth-child(3){ width:800px; height:800px; position:absolute; left:50%; margin-left:-400px; top:-260px; animation:rangeScale 2s linear infinite;}
.hmc4anix img:nth-child(4){ position: absolute; left: 0px; top: 0px; }
.hmc4Swiper{ width:900px; margin:0 auto;}
.hmc4y .left {display: flex;padding-top: 8%;    align-items: center;}

.hmc4y .left h4 {
    font-size: 140px;
    font-weight: bold;
    color: #fff;
    margin-right: 8%;
}
.hmc4y .left p{color:#fff;
    font-size: 18px;
    line-height: 1.5;flex:1;}
.hmc4item{ height:225px; color:#fff;}
.hmc4item span{ float: left; padding-top: 75px; font: bold 150px/150px rbt_bb; transition:all 0.8s ease; opacity:0; transform:translateX(120px); }
.hmc4des{ margin-left: 395px; font-size: 16px; line-height:24px; letter-spacing: 1px; padding-top: 115px; transition:all 0.8s ease; opacity:0; transform:translateX(120px); text-align:justify; }
.hmc4yrs{ height:110px; position:relative; z-index:2;}
.hmc4yr{ color:#fff; position:relative; text-align:center; transition:all 0.5s ease; height:110px; cursor:pointer}
.hmc4yrs .hmc4yr:nth-child(2n){ padding-top:82px;}
.hmc4yr:before{content:""; width:16px; height:16px; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:rgba(255,255,255,0.3);}
.hmc4yr:after{content:""; width:8px; height:8px; background:#fff; border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%); position:absolute;}
.hmc4yr span{ font-size: 25px; font-weight: bold; line-height: 28px; display:block;}
.slick-current.hmc4yr:before{ background:rgba(13,86,166,0.8); width:28px; height:28px;}
.slick-current.hmc4item span{opacity:1;transform:translateX(0);}
.slick-current.hmc4item .hmc4des{opacity:1; transform:translateX(0); transition-delay:0.2s;}
.hmc4Swiper .slick-prev{ background: url(../images/hmc4btn.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; left: -200px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 2; margin-top:-10px; transform:rotate(180deg); }
.hmc4Swiper .slick-next{background: url(../images/hmc4btn.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; right: -200px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 2; margin-top:-10px;}
.hmc4Swiper .slick-prev:hover,.hmc4Swiper .slick-next:hover{background-image:url(../images/hmc4btnBg.png);}

.hmc4Swiper .slick-next.slick-disabled,
.hmc4Swiper .slick-prev.slick-disabled{ opacity:0!important; cursor:default;}


#mould86072{ width:100%; position:fixed; top:0; left:0; background:#fff!important; z-index:99; transition:1s; box-shadow: 0 0 10px rgb(0 0 0 / 20%);height:100px;}
.navbars41{width: 1800px;height: 100px;position: absolute;right: 0;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.navbars41 .logo{/* float:left; */width: 400px;height: 100%;display: table;/* padding-left:2%; */}
.navbars41 .logo a{ display: table-cell; vertical-align: middle;}
.navbars41 ul{float:right;display: table;height:100%;margin-right: 1%;}
.navbars41 li{ display: table-cell; vertical-align: middle; position:relative;}
.navbars41 li>a{padding: 0 30px;font-size:18px;transition:.5s;/* font-weight:bold; */}
.navbars41 li>a:hover{ color:var(--main_color);}
.navbars41 li.active a{ color:var(--main_color);}

.navbars41 .tab{display: block;align-items: centerer;justify-content: center;}
.dropdown {
            position: relative;
            display: inline-block;
            /* display: flex; */
            text-align: center;
        }
        
        .tab {
            width: 26px;height: 26px;
  background: url(/images/diqiu.gif) var(--main-bg-color) no-repeat center center;-webkit-border-radius: 100%;background-size: cover;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #ddd;
        }
        
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            min-width: 104px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
            top: 35px;
            left: -134%;
            border-radius: 10px;
        }
        
        .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            
        }
.dropdown-content a:nth-child(1){border-bottom: 1px solid #e5e5e5;}
        .dropdown-content a:hover {
            color:var(--main_color);
        }
        
        .show {
            display: block;
        }
.navbars41 .phone_a{float:right;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;padding: 0 36px;}
.navbars41 .phone_a p{ background:url(/images/phone.png) no-repeat left center; padding-left:30px; font-size:24px; font-weight:bold; font-family:arial; line-height:100px;}

.navbars41 .btngsearch{float:right;width:85px;height:100px;line-height:100px;background:var(--main_color) url(/images/search.png) no-repeat center;}
#searchBox{ position:fixed; top:100px; left:0; width:100%; background:rgba(0,0,0,0.2); z-index:99;}
#searchBox div{ width:1200px; padding:30px 0; position:relative; margin:0 auto;}
#searchBox input{width: 100%;height: 60px;line-height: 60px;background: #f5f5f5;font-size: 16px;transition:.5s;box-shadow:none;border: 2px solid var(--main_color);padding: 0 20px;box-sizing:border-box;margin-bottom:0;}
#searchBox a{ background:var(--main_color) url(/images/search.png) no-repeat center; width:80px; height:60px; display:block; position:absolute; right:0; top:30px;}

.navbars41 li .hide1{ width:170px; position:absolute; top:80px; 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:44px; font-size:18px;}
.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 img{ 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;display: flex;flex-direction: column;align-items: center;}
.banner1 .swiper-slide .txt h2{ font-size:58px; line-height:58px; font-weight:bold;}
.banner1 .swiper-slide .txt h3{font-size: 30px;line-height: 50px;margin-top: 36px;color:#fff;WIDTH: 74%;/* margin: 0 auto; */}
.banner1 .swiper-slide-active img,.swiper-slide-duplicate-active img{ transition:3s linear; transform:scale(1,1);}



/*第二屏 产品*/
.mendian .TitHead {
    margin-bottom: 2%;
}
.mendian .new-i-more {
    margin: 0 auto;
    margin-top: 2%;
}

/*第三屏 简介*/
.about.width_1600 {    margin-top: 3%;display: flex;justify-content: space-between;}
.about img {margin-right: 3%;}
.about .right h2 {color:var(--main_color);font-size: 38px;font-weight: bold;line-height: 2;}
.about .right p {line-height: 1.5;text-align: justify;text-indent: 2em;margin-bottom: 2%;font-size: 18px;}
.about .four {display: flex;margin: 6% 0;justify-content: space-between;}
.about h3 {font-size: 42px;font-weight: bold;display: flex;font-family:arial;color: var(--main_color);}
.four .lan {position: relative;display: flex;flex-direction: column;align-items: center;}
.about h3 span {font-size: 14px;position: absolute;top: -18px;right: -34px;display: block;font-weight:normal;color:#222;}
.about .four .lan:nth-child(3) span{position: absolute; right:14px;}
.about .four  .lan:nth-child(4) span{position: absolute; right:-8px;}
.about .four p{font-size:16px;text-indent:0;}

/* 第四屏 证书*/
.TitHead{text-align: center;}
.TitHead h2 {font-size: 42px;font-weight: bold;line-height: 2;}
.TitHead span {color: var(--main_color);}
.TitHead h5 {font-size: 32px;font-weight: bold;}
.wrapper {position: relative;z-index: 2;}
.top-block {display: flex;align-items: center;}
.left-box {width: 47.738%;padding-right: 6.25vw;}
.c-title.gray span {color:var(--main_color);border-top-color: var(--main_color);}
.c-title span {display: inline-block;font-size: 18px;margin-bottom: 20px;border-top: 2px solid transparent;padding-top: 5px;}
.c-title.gray h2, .c-title.gray h3 {color: #333;}
.c-title h2 {font-size: 24px;width:92%;line-height: 1.5;}
.left-box .items {margin-top: 3.125vw;display: flex;justify-content: space-between;}
.left-box .item.item-1:before {background-image: url(/images/icon-1-1.png);}
.left-box .item:before {content: '';width: 76px;height: 76px;background-position: center;background-repeat: no-repeat;background-size: contain;display: block;}
.left-box .item .num {font-size: 60px;color: #222;font-family: 'Beba';}
.left-box .item p {font-size: 18px;color: #203451;}
.left-box .line {width: 1px;background-color: #cdd3e0;}
.left-box .item.item-2:before {background-image: url(/images/icon-1-2.png);}
.left-box a.more {display: block;margin-top: 3.125vw;width: 240px;border-radius: 24px;text-align: center;font-size: 16px;line-height: 48px;color: #fff;background:var(--main_color);transition: all .3s ease;}
.right-box {position: relative;width: 52.262%;}
.right-box img.bg {display: block;width: 92%;}

/*第五屏 新闻*/
.new-i-more {display: flex;align-items: center;width: -moz-max-content;width: max-content;}
.new-i-more.border .text {line-height: 50px;border: 1px solid var(--main_color);background: unset;color: #000;}
.new-i-more .text {width: clamp(68.2666666667px,6.6666666667vw,128px);display: flex;align-items: center;justify-content: center;border-radius: 99px;font-size: clamp(0.75rem,0.6071428571rem + 0.2232142857vw,0.875rem);font-weight: bold;transition: .3s;}
.new-i-more.border .arrow {background: var(--main_color);color: #fff;border-radius: 50%;display: flex;align-items: center;overflow: hidden;transition: .3s;justify-content: center;}
.new-i-more .arrow .fa {width: 50px;height: 50px;background:url(/images/jiantou.png) no-repeat center;}
.new-i-more:hover .text{background:var(--main_color);color:#fff;}
.new-i-more:hover .fa{transform: rotate(45deg);}

.newss .TitHead {padding-top: 2%;padding-bottom: 2%;}
.carousel-container {overflow: hidden;position: relative;}
.carousel-wrapper {    max-width: 1600px;flex-wrap: wrap;width: max-content; /* 让内容宽度根据子元素自动调整 */transition: transform 0.5s ease;justify-content: space-between;display: grid;grid-template-columns: repeat(2, 1fr); /* 两列布局 */grid-gap: 20px;}
.news-item a:hover h3{color:var(--main_color);}
.news-item .img{width:46%;}
.news-item img {border-radius: 20px;width:100%;}
.news-item .txt {padding: 3% 0 3% 3%;display: flex;flex-direction: column;align-items: flex-start;width: 52%;position: relative;}
.news-item {box-sizing: border-box;flex-direction: row;background: #f5f5f5;border-radius: 20px;}
.txt time {display: flex;width: 100%;font-size: 14px;color: #919191;align-items: center;}
.txt time p {padding-right: 2%;}
.txt h3 {font-size: 18px;color: #231815;width: 86%;font-weight: bold;line-height: 1.75;margin: 6% 0;display: -webkit-box;
            -webkit-line-clamp: 2; /* 限制显示行数 */
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;}
.txt span {position: absolute;bottom: 8%;background:url(/images/xq.png) no-repeat right;padding-right: 4%;color:var(--main_color);}
.news-item a:hover span{color:var(--main_color);}
.txt span::after{content: '';position: absolute;left: 0;right: 0;bottom: 0; /* 下划线距离文本底部的距离 */height: 1px;width:64px;/* 下划线的粗细 */background-color:var(--main_color); }.news-item a {display: flex;justify-content: space-between;}
.newss .new-i-more {margin: 0 auto;padding-top: 2%;}


/*第六屏 底部*/

.footer_up{ width:100%;background: url(/images/footer_bg_up.jpg) no-repeat; text-align:Center; padding-top:120px; box-sizing:border-box;}
.footer_a {background: #e60012;}
form{display: flex;flex-direction: column;margin-top: 2.5%;}
.form ul.block_001 {display: flex;justify-content: space-between;}
.form li {list-style: none;flex: 1;max-width: 350px;}
.form li input{width: 100%;padding-left: 5%;font-size: 16px;}
.form li textarea{padding-left: 5%;}
.textCenter {background-color: #ffffff69;display: flex;justify-content: center;align-items: center;height: 1px;margin-top: 3%;}

.footer_down{width:100%;height: 56vh;background: url(/images/footer_bg_down.jpg) no-repeat;padding-top:3%;box-sizing: border-box;position:relative;display: flex;flex-direction: column;justify-content: space-between;}
.footer_down_cont{width:88%;margin:0 auto;display: flex;justify-content: space-between;padding-top: 3%;}
.footer_down_left{/* float:left; *//* width:18%; */flex: 1;color: #fff;}
.footer_down_left .foot_logo{ margin-bottom:48px;}
.footer_down_left li{ float:left; margin:0 8px; cursor: pointer; position:relative;}
.footer_down_left li span{ width:40px; height:40px; display:block; background: url(/images/icon_foot.png) no-repeat; border:1px solid var(--main_color); box-sizing:border-box; border-radius:50%;}
.footer_down_left li:nth-child(1) span{ background-position:-1px 0;}
.footer_down_left li:nth-child(2) span{ background-position:-41px 0;}
.footer_down_left li:nth-child(3) span{ background-position:-81px 0;}
.footer_down_left li:nth-child(4) span{ background-position:-121px 0;}
.footer_down_left li:nth-child(5) span{ background-position:-161px 0;}
.footer_down_left li:hover span{ background: var(--main_color) url(/images/icon_foot.png) no-repeat;}
.footer_down_left li:hover:nth-child(1) span{ background-position:-1px -40px;}
.footer_down_left li:hover:nth-child(2) span{ background-position:-41px -40px;}
.footer_down_left li:hover:nth-child(3) span{ background-position:-81px -40px;}
.footer_down_left li:hover:nth-child(4) span{ background-position:-121px -40px;}
.footer_down_left li:hover:nth-child(5) span{ background-position:-161px -40px;}

.footer_down_left li div{width:120px;height:120px;background:#fff;border-radius:6px;position:absolute;left:-100%;top: -126px;box-shadow: 0 0 5px rgb(0 0 0 / 20%);display:none;}
.footer_down_left li:hover div{ display:block;}
.footer_down_left li div:after{content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:12px solid #fff;position:absolute;bottom: -12px;left: 40%;z-index:1;transform: scaleY(-1);}
.footer_down_left li div:before{ content:"";width:0; height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:15px solid rgba(0,0,0,0.05);position:absolute;top:-15px;left:50%; transform:translateX(-50%);z-index:0;}
.footer_down_left p {font-size: 16px;line-height: 2;font-weight: bold;}
.footer_down_left h2 {font-size: 3vw;line-height: 1.5;font-weight: bold; font-family:arial;}
.footer_down_left h5 {font-size: 16px;line-height: 2;    width: 86%}
.footer_down_left h5 span {font-weight: bold;}
.footer_down_left ul {padding-top: 18%;}

.footer_down_right{/* float:right; *//* width:70%; */flex: 1.5;/* display: flex; */flex-direction: row;justify-content: space-between;}
.footer_down_right ul {display: flex;justify-content: space-between;}
.footer_down_right li{/* float:left; *//* width:16%; */flex: 1;}
.footer_down_right li a{color:#fff;}
.footer_down_right li:last-child{ margin-right:0;}
.footer_down_right li h4{font-size:22px;line-height: 42px;font-weight:bold;position:relative;padding-bottom: 10px;margin-bottom: 20px;}
.footer_down_right li h5{line-height: 50px;}
.footer_down_right li h5 a{ font-size:18px;}

.foot_copy{ position:absolute; bottom:0; left:0; width:100%;} 
.copyright{ width:100%;}
.copyright div{ width:88%; margin:0 auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.copyright p{ line-height:64px; font-size:18px;color:#fff;}
.copyright a{color:#fff;}
.copyright p a:hover{ color:#fff;}



@media (max-width: 1680px){
.width_1600 {
  width: 88%;}.navbars41 {
    width: 96%;}
  .navbars41 li>a {
    padding: 0 17px;}
  .about .right h2 {font-size: 30px;}
  .about .right p {font-size: 16px;}
  .about h3 {
    font-size: 36px;}
  .about .four p {
    font-size: 14px;}
  .c-title h2 {
    font-size: 16px;}
  .left-box .item .num {
    font-size: 52px;}
  .left-box a.more { margin-top: 2vw;}
  .TitHead h2 {
      font-size: 38px;}
.TitHead h5 {
  font-size: 24px;}
.left-box .items {
  margin-top: 2.125vw;}
.right-box img.bg {width: 78%;}
  .one_box_b {left: 6%;}
  .news-item .img {
    width: 36%;
}
  .news-item a {
    display: flex;
    justify-content: space-evenly;
}
  .footer_up {padding-top: 120px;}
  .footer_up img {
    width: 9%;
}
  .form li {max-width: 330px;}
  form {margin-top: 1%;}

  .footer_down {padding-top: 1%;}
  .footer_down_cont {padding-top: 3%;}
  .footer_down_left ul {
    padding-top: 7%;
}
  .footer_down_right li h4 {line-height: 18px;}
.footer_down_right li h5 {line-height: 44px;}
  .copyright {visibility: visible;}
}


@media (min-width: 1560px) and (max-width: 1679px){ 
  .copyright p {font-size: 16px;}
  .form li input {width: 90%;}
  .form li textarea {width: 90%}
  .navbars41 .logo {width: 360px;}
 .about .right h2 {font-size: 30px;}
  .about img {width: 50%;}
}
@media (min-width: 1440px) and (max-width: 1559px){
  .hmc4y .left h4 {font-size: 120px;}
  .banner1 .swiper-slide .txt h3 {
    font-size: 28px;}
  .about img {width: 50%;}
  .form li {
    max-width: 290px;
}
.navbars41 .logo {width: 240px;}
  .footer_down_left h2 {
    font-size: 2.5vw;}
  .footer_down_left h5 {
    font-size: 18px;}
  .footer_down_right li h4 {margin-bottom:7px;}
 input[type="submit"] {width: 160px;line-height: 48px;}
}
@media (min-width: 1360px) and (max-width: 1439px){ 
  .about h3 {
    font-size: 28px;
}.about .right p {
    font-size: 14px;
}
  .banner1 .swiper-slide .txt h3 {
    font-size: 28px;}
 .navbars41 .logo {width: 260px;}
  .navbars41 .phone_a {padding: 0 10px;}
  .about img {width: 50%;}
  .about .right h2 {
    color: var(--main_color);
    font-size: 30px;}
  .about .right p{font-size:16px;}
  .form li {max-width: 270px;}
  input[type="submit"] {
    font-size: 18px;
    width: 160px;}
  .footer_down_left h5 {
    font-size: 16px;}
  .footer_down_right li h4 {margin-bottom: 7px;}
  .footer_down_right li h5 {
    line-height: 40px;}
  .footer_down_left ul {padding-top: 22%;}
  .navbars41 li>a {
    padding: 0 13px;
}
}