.mendian .swiper-slide {width: auto!important;}
:root{
	--main_color:#0080cc;
}

body::-webkit-scrollbar{ display:none;}
::-webkit-scrollbar{ display:none;}

.width_1600{ width:1500px; margin:0 auto; }
@font-face{ font-family:'Beba'; src: url('/images/BebasNeue-Bold.ttf');}
.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}
.container-fluid {overflow: hidden;}




.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:770px; 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;}
.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;}
@media (max-width:1799px){
.hmCon4{padding:70px 0;}
.hmc4SwiperWpr{transform:scale(0.7)!important; transform-origin:center top;}
.hmc4yrs{margin-top:-50px;}
.hmc4yr span{font-size:22px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){
.hmCon4{padding:50px 0;}
.hmc4SwiperWpr{transform:scale(0.5)!important; margin-top:13vw;}
.hmc4Swiper .slick-next{right:-100px;}
.hmc4Swiper .slick-prev{left:-300px;}
.hmCon4::before{bottom:105px;}
*{background-attachment:inherit!important;}
}
@media (max-width:767px){
.hmc4SwiperWpr{transform:scale(0.42);}
.hmc4anix img:nth-child(4){display:none;}
.hmc4item span{display:none;}
.hmc4des{margin-left:0px;}
.hmc4Swiper{margin-left:-160px; position:relative; top:-20px;}
.hmc4des{font-size:28px; line-height:40px; padding-top:105px;}
}
@keyframes rangeScale {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(2.8);
  }
}


.mendian {background: #fff;padding: 3% 0 3%;position:relative;}
.mendians .TitHead h2 {margin-bottom: 2%;color:#fff;}
.mendian .swiper-slide a {display: flex;flex-direction: column;align-items: center;}
.mendian .swiper-slide img {position: relative;width: 340px;}
.mendian .swiper-slide h5{position: absolute;bottom: 0;line-height: 3;background: var(--main_color);color: #fff;width: 100%;text-align: center;}
.mendian .swiper-container {position: unset;}

.mendian .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: var(--main_color);}
.mendian .swiper-container-horizontal>.swiper-pagination-progressbar {width: 70%;height: 4px;left: 15%;top: 74%;}
.mendian .more {margin: 4% auto 0;}

/*侧边*/
.right-float{width:70px;position:fixed;right:2px;bottom:4%;z-index:300;}
.right-1{width: 60px;height: 60px;background: #fff;margin-top:1px;margin-bottom:5px;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:center;position:relative;cursor:pointer;
  border-radius: 50px;}
.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:200px;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:60px;height:60px; background:#fff;border-radius:50px;margin-top:1px;display:flex;justify-content: center;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/ccc.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;}


.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;}
.banner1 .swiper-slide .txt h2{ font-size:70px; line-height:78px; font-weight:bold;}
.banner1 .swiper-slide .txt h3{ font-size:42px; line-height:46px; margin-top:36px;}
.banner1 .swiper-slide-active img,.swiper-slide-duplicate-active img{ transition:3s linear; transform:scale(1,1);}


#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:1500px;height:100px;margin:0 auto;display: flex;justify-content: space-between;align-items: center;}
.navbars41 .logo{float:left;width: 20%;}
.navbars41 .logo a{ display: table-cell; vertical-align: middle;}
.navbars41 ul{width:50%;display: flex;margin-right:2%;align-items: center;justify-content: space-between;line-height:100px;}
.navbars41 li:nth-child(1) a{color: var(--main_color);}
.navbars41 li:nth-child(1)::after {content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 3px;background-color: var(--main_color);}
.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: 18px;transition:.5s;}
.navbars41 li>a:hover{ color:var(--main_color);}
.navbars41 li.active a{ color:var(--main_color);}
.navbars41 .phone_a{ 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{width: 18px;height: 18px;background: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:9;}
#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/search1.png) no-repeat center; width:80px; height:60px; display:block; position:absolute; right:0; top:30px;}


.navbars41 li .hide1{ width:140px; 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:44px; font-size:14px;}
.navbars41 li:hover .hide1 a:hover{ background: var(--main_color); border-radius:5px; color:#fff;}


#mould86073 .swiper-slide img{ height: 100vh;}
#mould86073 .swiper-button-prev{ left: 40px!important;}
#mould86073 .swiper-button-next{ right: 60px!important;}
#mould86073 .swiper-button-next:after,#mould86073 .swiper-button-prev:after{ display:none;}
#mould86073 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background:#fff; opacity:0.5; border-radius:4px;width: 17px;
    height: 17px;
    border-radius: 20px;}
#mould86073 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ opacity:1;}



/*第二屏 产品*/


/*第三屏 简介*/
.about.width_1600 {background: #ffffffe6;padding: 2% 4%;margin-left: 10%; box-sizing: border-box;width:52%;    margin-top: 3%;}
.about h3 {font-size: 52px;font-weight: bold;height: 2;line-height: 3;}
.about p {line-height: 30px;text-indent: 2em;margin-bottom: 1%;font-size: 18px;text-align: justify;}
.dd {display: flex;justify-content: space-between;margin-top: 4%;}
.bo {display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.lie {padding-left: 15px;}
.lie h4 {font-size: 20px;line-height: 1.5;}
.lie h5 {color: #666;font-size: 14px;line-height: 2;}
.more {margin-top: 3%;display: flex;width: 164px;height: 50px;background-color:var(--main_color);margin-bottom: 3%;justify-content: center;align-items: center;color: #fff;border-radius: 40px;}
.more span {display: inline-block;vertical-align: middle;}
.more i{background:url(/images/more.png) no-repeat center;margin-left: 6%;background-size: 100%;width: 26px;height: 26px;display: block;transition: transform 0.5s ease;}
.more:hover span{color:#fff;}
.more:hover i{transform: rotate(45deg); /* 鼠标经过时旋转45度 */}


/* 第四屏 证书*/
.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: 70%;
    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: 100%;
}









/*第五屏 新闻*/
/*--------------- */
.news_a{position: relative;z-index: 2;display: flex;
    flex-direction: column;
    align-items: center;}
.TitHead {text-align: center;}
.TitHead h2 {line-height: 1.36;font-size: 2.7vw;color: #000;font-weight:bold;}
.TitHead .desc {padding: 0 0 0 1.82vw;}
.TitHead .desc {color: #142233;}
.xinwen {display: flex;margin-bottom: 3%;}
.xw {display: flex;flex-direction: column;align-items: flex-start;flex: 1;background: #fff;border-radius: 5px;padding: 1% 2%;margin-right: 2%;margin-top: 3%;}
.xinwen .xw:nth-child(3){margin-right:0;}
.xw h5 {font-size: 14px;line-height: 2;margin: 6% 0 3%;background:url(/images/icon-6.png) no-repeat left;padding-left:5%;color:var(--main_color);}
.xw a:hover h5{color:var(--main_color);}
.xw a:hover h3{color:#333;}
.xw a:hover p{color:#333;}
.xw h3 {font-size: 18px;font-weight: bold;margin-bottom: 0%;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
.xw p {font-size: 16px;line-height: 1.7;margin-bottom: 4%;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.xw .liao {margin-bottom: 5%;color:var(--main_color);}
.xw a:hover .liao{color:var(--main_color);}
.news_a .more{margin-top: 0;margin-bottom: 0;}

/*第六屏 底部*/
.lianxi {padding: 7% 0 3%;}
.dianji{display: flex;flex-direction: column;align-items: center;}
.dianji strong {color: #fff;font-size: 34px;line-height: 2;}
.lx {color: #fff;border: 1px solid #fff;width: 210px;height: 50px;border-radius: 50px;display: flex;justify-content: center;align-items: center;margin-top: 1%;}
.lx:hover {color:#fff;}
.fnav {padding-top: 3%;background-color: #333;}
.f-nav.width_1600 {display: flex;flex-direction: column;}
.sec {display: flex;flex-direction: row;justify-content: space-between;margin-top: 2%;margin-bottom: 3%;}
.sec ul.clearfix {display: flex;flex: 1.5;justify-content: space-between;margin-right: 2%;/* color: #fff; */}
.tu {display: flex;width: 1;align-items: center;color:#fff;}
.tu1 {flex: 1;max-width: 190px;display: flex;flex-direction: column;align-items: center;margin-left: 5%;}
.tu1 p{line-height:2;}
.tu1:nth-child(1) img{border-radius: 10px;}
.tu1:nth-child(2) img{border-radius: 10px;}
.sec ul li {flex: 1;}
.sec li h4 {font-size: 20px;margin-bottom: 7%;position: relative;/* line-height: 2; */padding-bottom: 10%;}
.sec li h4::after {content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 1px;width: 35%;background-color: #ffffff3b;}
.sec a{color:#fff;}
.sec li h5 {font-size: 16px;line-height: 2;margin-bottom: 4%;}
.foo {display: flex;flex-direction: row;justify-content: space-between;margin: 3% 0 3%;color:#fff;align-items: center;}
.foo h2 {font-size: 30px;font-weight: bold;flex: 1;display: flex;align-items: center;}
.foo h2 img {margin-right: 3%;}
.foo h4 img {margin-right: 2%;}
.foo h4 {font-size: 26px;flex: 2;}
.copyright div {display: flex;justify-content: space-between;color:#fff;}
.copyright{border-top: 1px solid #ffffff3b;padding-top: 1%;}
.copyright a{color:#fff;}


@media (max-width: 1680px){
  .width_1600 {width: 88%;}.navbars41 {width: 88%;}
  .banner1 .swiper-slide .txt h2 {
    font-size: 5vw;
}.banner1 .swiper-slide .txt h3 {
    font-size: 2vw;
}.about h3 {font-size: 42px;line-height: 1.5;}
  .about p {font-size: 16px;}
  .TitHeads .TitHead {left: 5%;}
  .one_box_b {left: 6%;}
  .right-box img.bg {width: 84%;}
  .c-title span {margin-bottom: 9px;}
  .c-title h2 {font-size:20px;}
.mendian {padding: 2% 0 3%;}
  .mendians .TitHead h2 {
    margin-bottom: 1%;}
  .news_a {margin-top: 4%;}
  .xw {    margin-top: 1%;
    margin-bottom: 1%;}
  .xinwen {margin-bottom:0;}
  .lianxi {
    padding: 6% 0 2%;
} 
.fnav {
  padding-top: 2%;}
  .sec {margin-top: 2%;
    margin-bottom: 2%;}
  .foo {margin: 0% 0 1%;}
  .foo h4 {
    font-size: 22px;}
}

@media (min-width: 1560px) and (max-width: 1679px){ 
 .about.width_1600 {padding: 2% 2%;}
}
@media (max-width: 1550px){

}

@media (min-width: 1440px) and (max-width: 1559px){ 
  .foo h4 {
    font-size: 20px;}
  .foo h2 {
    font-size: 24px;}
.navbars41 li>a {
  padding: 0 7px;}
  .about.width_1600 {padding: 2% 3%; width: 58%;}
  .hmc4y .left p {font-size: 20px;}
}
@media (min-width: 1360px) and (max-width: 1439px){ 
.navbars41 li>a {
  padding: 0px;}.foo h4 {
    font-size: 20px;}
  .foo h2 {
    font-size: 24px;}
  .about.width_1600 {width: 63%;}
}