*{box-sizing:border-box;margin:0; padding:0; list-style:none;  font-size: 16px;}
html {font-size: calc(100vw * 100 / 1920);}
a{ color:#333; text-decoration:none;   }
a:hover{text-decoration:none;}
h1,h2,h3,h4,h5,h6{ margin: 0;font-weight:normal;}
hr{ border:none;}
.clear{ clear:both;}
p,ul{margin: 0;}
img{ border:0;  }
input,textarea{outline:none;}
.w80,.w1440,.container{ margin: 0px auto; width:1440px;  }
.l{float: left}
.r{float: right}
audio, canvas, progress, video{display: inline-block; vertical-align: baseline;}
*:focus {outline: none; }
em{font-style:normal}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{ content:"";}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ content:"";}


.index_header{ height: 1.05rem; position: absolute; top: 0; left:0; background: #fff;  z-index:9; display: flex;}
.header_menu{width:1rem; height: 100%; background: #bb161b; display: flex; align-items: center; justify-content: center;}
.header_menu img{width:.34rem}
.header_ma{position: absolute; top: 0; right:5%; height: 1.05rem; display: flex; align-items: center; z-index:9}
.header_ma p{color:#fff; font-size: 16px; display: flex; align-items: center; }
.header_ma p img{margin-right:.1rem}
.header_ma .header_ma_wx{width:1.1rem; position: absolute; top:.75rem; right:0; display: none;}
.header_ma:hover .header_ma_wx{display: block;}
.nav_all{width:100%; height: 100vh; background:rgba(187,22,27,0.8); position: fixed; top:0; left:0; z-index: 9; display: none;}
.nav_close{width:80%; margin:.2rem auto .3rem; text-align: right;}
#menu{width:80%;     position: absolute;  top:20%; left: 50%; transform: translate(-50%, 0);}
#menu .nav{width:100%; display: flex; justify-content: space-between;}
#menu .nav .nLi{height: auto; position: relative;}
.nLi p a{width:100%; font-size:.26rem; color:#fff; height:.4rem; line-height:.4rem; display:block}
.sub{height: auto; width:100%; text-align:center; margin-top:.15rem}
.sub li{width:100%; margin-bottom:.12rem;}
.sub li a{font-size:.2rem; color: #fff;}
.sub li a:hover{font-weight:bold}
.sj_header{display:none}
.header_logo{width:2.52rem}
.header_logo img{width:100%; display:block}
.header_logo a{width:100%; display:flex; align-items:center; height:100%}



/*banner*/
.banner{ width:100%; height:auto; position: relative; overflow: hidden;}
.banner .swiper-slide img.ban_img,.sj_banner .swiper-slide img.ban_img{width:100%; display: block; transition: transform 5s ease 0s, opacity 2s ease 0s;}
.banner .swiper-pagination{bottom:.3rem;  color:#fff; font-size: 0.2rem;}
.banner .swiper-pagination-bullet{width:0.12rem; height: 0.12rem; background: #fff; opacity: 1;}
.banner .swiper-pagination-bullet-active{background: #bb161b;}
.ban_info{width:100%; height: auto; left:0; top:50%; transform: translate(0,-50%);   position: absolute;  text-align: center; }
.ban_info h4{color:#fff; font-size:.6rem; font-weight: bold; line-height: .6rem; margin-bottom: .3rem; }
.ban_links{display: table; margin:.6rem auto 0; }
.ban_links a{width:auto; height: .5rem; background: rgba(35,31,32,0.8); padding:0 .3rem; border-radius: 25px; display: flex; align-items: center; justify-content: center; margin: 0 .1rem; float:left;}
.ban_links a span{color:#fff; font-size: .18rem; margin-right: .3rem;font-weight: bold}
.ban_links a img{width:.1rem}
.ban_links a:hover{background: rgba(187,22,27,0.8);}
.ban_sb{width:100%; text-align: center; position: absolute; bottom:.9rem; left:50%; transform: translate(-50%, 0px); z-index:2; animation:mymove 2s infinite;}
.ban_sb p{color:#fff; font-size: 16px;}
.ban_sb img{width:.21rem}
.banner .swiper-slide-active img.ban_img{ transform: matrix(1.1, 0, 0, 1.1, 0, 0);}
.sj_banner{display:none;  width:100%; position: relative; overflow: hidden; }



@keyframes mymove
{
	 0% {
			transform: translate(-50%, 0px);
		}
		50% {
			transform: translate(-50%, -8px);
		}
		100% {
			transform: translate(-50%, 0px);
		}

}


/*项目案例*/
.index_case{width:100%; height: auto; overflow: hidden; margin-top: 1.14rem;}
.index_case .mySwiper2{width:100%; height: auto; overflow: hidden; margin-bottom:10px; margin-top: .64rem;}
.index_case .mySwiper2 .swiper-slide{width:63%}
.index_case .mySwiper2 .swiper-slide a{width:100%; display: block; position: relative; overflow: hidden;}
.index_case .mySwiper2 .swiper-slide a img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_case .mySwiper2 .swiper-slide a h3{width:100%; height: .6rem; text-align: center; line-height: .6rem; color: #fff; font-size:16px; background: rgba(0,0,0,0.3); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; 
  position: absolute; bottom:0; left:0}
.index_case .mySwiper2 .swiper-button-prev {width:16.5%; height: 100%;  left:0;  top: 0;
   background:rgba(255,255,255,0.7) url(../images/case_left.png) no-repeat 80% center; margin-top: 0; z-index: 99; transition: 0.2s;}
.index_case .mySwiper2 .swiper-button-next { width:16.5%;  height: 100%; right:0; top: 0;  background:rgba(255,255,255,0.7) url(../images/case_right.png) no-repeat 20% center;  margin-top: 0; z-index: 99; transition: 0.2s;}
.index_case .mySwiper{width:63%; height: auto; overflow: hidden; margin: 0px auto;}
.index_case_pic{width:100%; height: auto; overflow: hidden; position: relative;}
.index_case_pic img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_case_pic h4{color:#fff; font-size: 16px; background: rgba(0,0,0,0.3); position: absolute; top: 0; left:0; padding: .1rem .3rem;}
.index_case .mySwiper h5{width:100%; height: 40px; line-height:40px; color:#333333; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center; }
.index_case .swiper-slide-thumb-active h5{color:#bb161b}
.index_case .swiper-slide:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.index_case .mySwiper2 .swiper-slide a:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}



/*荣誉资质*/
.index_honor{width:100%; height: auto; overflow: hidden; margin-top: .75rem; background: url(../images/honor_bjs.jpg) no-repeat center; background-size: cover; padding: .9rem 0 0;}
.certificatesMain{width:100%; display: flex; justify-content: space-between; padding:0 5% 0 13%;}
.certificates{width:35%; margin-top: .9rem;}
.certificates_desc{width:100%; border-bottom: 1px solid #e5e5e5; padding-bottom: .35rem; margin-bottom: .35rem;}
.certificates_desc p{color:#000000; font-size: .18rem; line-height: .4rem;}
.certificatesTextList{width:100%; height:2rem; overflow: hidden;}
.certificatesTextList .swiper-slide{height: auto; width: 100%; cursor: pointer; }
.certificatesTextList .swiper-slide .content{width:100%; height: 40px; line-height: 40px; color: #666666; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.certificatesTextList .swiper-slide.active .content{color:#bb161b}
.index_honor_more{width:1.76rem; height: .47rem; background: #bb161b; border-radius: 25px; display: flex; align-items: center; justify-content: center; margin-top: .4rem;}
.index_honor_more span{color:#fff; font-size: 16px; margin-left: .2rem;}
.certificatesListBox { position: relative; width: 9.6rem; }
.certificatesList {
    position: relative;
    height: 7.5rem;
    overflow: hidden;
    width: 100%;
}

.certificatesList .swiper-slide {
    width:4.53rem;  
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    opacity: 1;
    -webkit-transition: all .6s;
    transition: all .6s;
    left: 0;
}

.certificatesList .swiper-slide .content {
    position: relative;
    width: 100%;
    padding-top: .2rem;
    text-align: center; 
}

.certificatesList .swiper-slide .imgBox {
    -webkit-transition: all .6s;
    transition: all .6s;
    height:2.51rem;
    width:4.53rem;
    margin: 0 auto;  
}

.certificatesList .swiper-slide .imgBox img {
    width: 100%;
    display: block;
}


.certificatesList .swiper-slide .certificatesImg {
    position: absolute;
    top: -122%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 2.4rem;
    height: 3.32rem;
    -webkit-transition: all .6s;
    transition: all .6s;
}

.certificatesList .swiper-slide .certificatesImg img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.certificatesList .swiper-slide.swiper-slide-prev .imgBox,
.certificatesList .swiper-slide.swiper-slide-next .imgBox {
    height:3.26rem;
    width:3.68rem;
}



.certificatesList .swiper-slide {
    padding: 0;
    -webkit-transform: translateX(1.53rem);
    -ms-transform: translateX(1.53rem);
    transform: translateX(1.53rem);
    opacity: 0;
}

.certificatesList .swiper-slide.swiper-slide-active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    z-index: 10;
    position: relative;
}

.certificatesList .swiper-slide.swiper-slide-prev {
    opacity: 1;
    -webkit-transform: translateX(1.53rem);
    -ms-transform: translateX(1.53rem);
    transform: translateX(1.53rem);
}

.certificatesList .swiper-slide.swiper-slide-next {
    opacity: 1;    
}


.certificatesList .swiper-slide.swiper-slide-active ~ div {
    -webkit-transform: translateX(-1.53rem);
    -ms-transform: translateX(-1.53rem);
    transform: translateX(-1.53rem);
}



@media (min-width: 1260px) {
    
    .certificatesList .swiper-slide.swiper-slide-prev .certificatesImg,
    .certificatesList .swiper-slide.swiper-slide-next .certificatesImg {
        top: -92%;
        left: 0;     
        right: 0; 
        margin: 0 auto;
    }
}

@media (min-width: 768px) {
    .certificatesList .swiper-slide .content {
        padding-top: 0;
    }

    .certificatesList .swiper-slide.swiper-slide-prev .certificatesImg,
    .certificatesList .swiper-slide.swiper-slide-next .certificatesImg {
        top: -92%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .certificatesList .swiper-slide.swiper-slide-next {
        opacity: 1;
    }
}


.sj_honor{width:100%; display:none; margin-top:.5rem}
.sj_honor .content{width:100%}
.sj_honor .content img{width:100%; display:block}
.sj_honor h4{width:100%; color:#333; font-size:14px; text-align:center; margin-top:.15rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}





/* 主营业务*/
.index_yewu{width:100%; height: auto; overflow: hidden; margin: .9rem 0 1.12rem;}
.index_yewu_num{width:100%; height: auto; overflow: hidden; display: flex; justify-content: space-between; margin-top: .5rem;}
.index_yewu_num dl{width:20%}
.index_yewu_num dl dt{color:#333333; font-size: 18px; line-height:.55rem;}
.index_yewu_num dl dd{color:#333333; font-size: 18px; display:flex;  align-items: center; border-top: 1px solid #e5e5e5;}
.index_yewu_num dl dd span{color:#333333; font-size: .8rem; margin-right: .1rem;}
.index_yewu_num .yewu_num_one{width:44%;}
.index_yewu_num dl:hover span{color:#bb161b}
.index_yewu_tab{width:100%; height: auto; overflow: hidden; background: url(../images/yw_bjs.jpg) no-repeat top left; padding-top: .8rem; padding-bottom: .4rem; margin-top: .5rem;}
.yewu_tab_left{width:20%; float: left; position: relative;}
.yewu-list{width:100%; position: relative; }
.yewu-list:after{content: ""; width:4px; height: 100%; background: #f1f1f1; position: absolute; top:.05rem; left:.05rem}
.yewu-item{width:100%; height: auto; overflow: hidden; position: relative; padding-left:.4rem; margin-bottom: .3rem; z-index:1;} 
.yewu-item:after{content: ""; width: 13px; height: 13px; background: #d5d5d5; border-radius: 50%; position: absolute; top:.05rem; left: 0; z-index:2}
.yewu-item.active:after{background: #bb161b;}
.yewu-header{margin-bottom: .2rem; cursor:pointer}
.yewu-header span{color:#000000; font-size: 18px; font-weight: bold;}
.yewu-more{background: #bb161b; color:#fff; border-radius: 25px; display: flex; justify-content: center; align-items: center; width: 1.76rem; height: .47rem; margin: .22rem 0;}
.yewu-more span{color:#fff; font-size: 16px; margin-left: .2rem;}
.yewu-content{ width:100%; max-height: 0; overflow: hidden;  opacity: 0; transition: max-height .55s cubic-bezier(.4, 0, .2, 1), opacity .4s ease, padding .4s ease;}
.yewu-content p{color:#333333; font-size:16px; line-height: .4rem;}
.yewu-item.active .yewu-content{ max-height: 400px; opacity: 1; padding-bottom: 8px;}
.yewu_tab_right{width:72%; float: right; position: relative; padding-bottom: .3rem;}
.image-layer{width:100%; display: none; transform: scale(1.06); border-radius: 30px;}
.yewu_tab_right:after{content: ""; width:98%; height: 80%; background: #bb161b; border-radius: 25px; position: absolute; bottom:0; left:50%; transform: translate(-50%,0);}
.yewu_tab_pic{width:100%; position: relative; z-index:1}
.image-layer.active { display: block; transform: scale(1); z-index: 2;}



/*企业文化*/
.index_qywh{width:100%; height: 8.2rem; background:url(../images/qywh_bjs.jpg) no-repeat; background-size: cover; background-attachment: fixed; padding: .9rem 0 0;}
.index_qywh_title{width:100%; text-align: center;}
.index_qywh_title h4{color:#fff; font-size: .18rem; text-transform: uppercase;}
.index_qywh_title h5{color:#fff; font-size: .36rem;}
.index_qywh ul{width:100%; display: flex; justify-content: space-between; margin-top: 1.16rem;}
.index_qywh ul li{width:2.56rem; height: 2.56rem; border: 1px solid rgba(255,255,255,0.3); border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center;}
.index_qywh_icon{width:100%; height:.55rem; display: flex; align-items: center; justify-content: center; -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;}
.index_qywh_icon img{max-height: 100%;}
.index_qywh ul li h4{color:#fff; font-size: .24rem; font-weight: bold; margin-top: .25rem;}
.index_qywh ul li i{width:.18rem; height: .1rem; display: block; margin:.2rem auto 0; position:relative}
.index_qywh_all{width:100%; display: flex; justify-content: space-between; margin-top:1rem;}
.index_qywh_all p{color:#fff; font-size: .3rem; font-weight: bold; display: flex; align-items: center;}
.index_qywh_all p img{margin-right: .2rem; width:.56rem}
.index_qywh ul li i:after{content:""; width:.1rem; height:.1rem; background:#fff; border-radius:50%; position:absolute; top:0; right:0; z-index:1; transition: all 0.4s ease-in-out;}
.index_qywh ul li i:before{content:""; width:.1rem; height:.1rem; background:#bb161b; border-radius:50%; position:absolute; top:0; left:0; z-index:0; transition: all 0.4s ease-in-out;}
.index_qywh ul li:hover i:after{left:0; right:auto}
.index_qywh ul li:hover i:before{left:auto; right:0}
.index_qywh ul li:hover .index_qywh_icon{-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); transform: rotateY(360deg);}



/*新闻资讯*/
.index_news{width:100%; height: auto; overflow: hidden; margin: 1.08rem 0 1.16rem;}
.index_news_top{width:100%; text-align: center;}
.index_news_top h4{color:#999999; font-size: .18rem; text-transform: uppercase;}
.index_news_top h5{color:#000000; font-size: .36rem;}
.index_news_all{width:100%; height: auto; overflow: hidden; margin-top: .9rem;}
.index_news_all .swiper-slide a{width:100%; height: 4.82rem; display: block; position: relative; background: #f6f6f6; overflow: hidden;}
.in_news_pic{width:100%; height:2.75rem; overflow: hidden;}
.in_news_pic img{width:100%; height: 100%; display: block; object-fit: cover; object-position: center center; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.in_news_hover{width:100%; height: auto; padding:.55rem .3rem .42rem; position: fixed; bottom:0; left:0; background: rgba(246,246,246,0.9);}
.in_news_hover span{color:#666666; font-size: 16px; display: block;}
.in_news_hover h4{width:100%; height: .72rem; line-height: .36rem; color: #000000;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; font-size: .24rem; margin-top: .15rem;}
.in_news_hover p{width:100%; height:90px; line-height:30px; color: #666666;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden; font-size:16px; margin-top: .15rem; display: none;}
  .in_news_hover h5{color:#bb161b; font-size: 16px; display: block; margin-top:.38rem; display: none;}
.index_news_all .swiper-slide a:hover .in_news_hover p,.index_news_all .swiper-slide a:hover .in_news_hover h5{display: block;}
.index_news_all .swiper-slide a:hover span{display: none;}
.index_news_all .swiper-slide a:hover .in_news_hover{padding:.28rem .3rem .42rem; }
.index_news_all .swiper-slide a:hover .in_news_pic img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}




/*内页*/
.ny_banner{width:100%; height:5.8rem; overflow: hidden;  position: fixed; top: 0;  left: 0;}
.ny_banner img{width:100%; display: block; height:100%; object-fit: cover; object-position: center center;}
.ny_nav{width:100%; height: auto; overflow: hidden; background: #eeeeee;}
.ny_nav a{font-size:max(12px, .18rem); color: #333333; line-height:.7rem; padding: 0 2vw; float: left}
.ny_nav a.active,.ny_nav a:hover{background: #bb161b; color:#fff}
.ny_banner_post{position: absolute; bottom:20%; left:50%; transform: translate(-50%,0); z-index: 1}
.banner_post_zi{width:100%; height: auto; position: relative}
.banner_post_zi h5{color:#fff; font-size: 1.4rem; opacity: 0.1; text-transform: uppercase; font-weight: bold; line-height:1.1rem}
.banner_post_zi h4{color:#ffffff; font-size: .48rem; position: absolute; bottom:0; left:0}
.ny_banner_post p{color:#ffffff; font-size:.24rem; margin-top:.2rem;font-weight: 100;}
.ny_about_show{width:100%; height: auto; overflow: hidden; font-size:max(12px, .16rem); color:#666; margin:.4rem 0 1rem;}
.ny_about_show p{font-size:max(16px, .16rem); color:#333; line-height: .34rem;}
.ny_about_show img{max-width:100%;display:block; margin:0px auto}
.ny_product_title{width:100%; text-align: center}
.ny_product_title h4{font-size:.3rem; color: #000000; margin-bottom: 10px;}



/*新闻资讯*/
.ny_news_all{width:100%; height: auto; overflow: hidden; margin: .6rem 0 1.2rem; }
.ny_news_all ul{width:100%; height: auto; overflow: hidden;margin:.4rem 0;}
.ny_news_all ul li{width:100%; height: auto; overflow: hidden; padding: 15px; margin-bottom:.2rem ;background: #ffffff}
.ny_news_all ul li a{display:flex; justify-content: space-between; align-items:center}
.ny_news_all ul li .ny_time{width:1.15rem;height: auto; float: left;}
.ny_news_all ul li .ny_time span{display: block; font-size: 12px; color: #999; text-align: right}
.ny_news_all ul li .ny_time p{font-size: .42rem; color: #c8c8c8}
.news_xx{width:60%; height: auto; float: left;}
.news_xx h3{width:100%; height:.4rem; line-height:.4rem; font-size:.2rem; color: #000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.news_xx p{width:100%; height:60px; line-height:30px; font-size:max(12px, .16rem); color: #666;  margin: 10px 0; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; }
.news_xx span{font-size: 14px; color: #aaaaaa}
.news_pic{width:20%; height: 100%;}
.news_pic img{width:100%; height: 100%; object-fit: cover; object-position: center center;}
.ny_news_all ul li:hover{border: 1px solid #bb161b;}
.ny_news_all ul li:hover .ny_time p,.ny_news_all ul li:hover .ny_time span,.ny_news_all ul li:hover span{color:#bb161b}
.ny_news_all ul li:hover h3{font-weight: bold; }
.ny_news_time{width: 100%; line-height: 40px; color: #999; height: 40px; margin-bottom: 20px; font-size:14px;  border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; clear: both}
.ny_news_bt{width: 100%; font-size:.3rem; color: #000; padding: 10px 0px; text-align: center; clear: both; font-weight: bold}
#newsfoot {width:100%; border:#DFDFE0 1px solid; background:#F7F7F7; height:auto; padding:.1rem 2%; line-height: 26px;margin-bottom: 10px; margin-top: 30px; display: flex; justify-content: space-between;  align-items: center;}
#newsfoot a{color:#666;}
#list_hide{position: relative;}
#list_hide a{height:30px; background: #bb161b; color: #fff; text-align: center;line-height: 30px; border-radius: 5px; position: relative; display:block; padding:0 .15rem}
#newsfoot .newsfoot_left div b{font-size:max(12px, .16rem)}




/*产品详情*/
.hd{background: #f3f3f3; padding: 1px;  color: #bb161b; font-size: .24rem; font-weight: bold; padding:.15rem }
.bd_xx{width:100%; height:auto; overflow:hidden; font-size:max(12px, .16rem); line-height:.34rem; color:#333; margin-top:.2rem;}
.bd_xx img{max-width:100%;}
.bd_xx p{font-size:max(12px, .16rem); line-height:.34rem; color:#333}
.ny_product_one{width:100%; height:auto; overflow:hidden; margin:.5rem 0}
.ny_proshow_bottom{width:100%; height:auto; overflow:hidden; }
.ny_proshow_xx{margin-left:600px}
.ny_proshow_xx h1{font-size:.3rem;  line-height:.32rem;}
.ny_products_all{width:100%; margin-bottom:1.2rem}
.product_list{ overflow: hidden;  width:100%; margin:.5rem 0 0; padding:15px}
.product_list li{ width:24%; float: left; margin-right:1.33%; margin-bottom:.2rem;display: block; padding:1.3%}
.product_list li:nth-child(4n){ margin-right: 0;}
.ny_pro_img{width:100%; height:auto; overflow:hidden; }
.ny_pro_img img{width:100%; height:100%; object-fit: cover; object-position: center center; transform: scale(1);  transition: all 1s ease 0s; 
-webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.product_list li:hover .ny_pro_img img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.product_list li .gallery-title{ line-height:.5rem; height:.5rem; margin:.16rem 0 10px; text-align: center; font-size:max(12px, .16rem); transition: all 0.3s; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.product_list li:hover .gallery-title{color: #bb161b;}
.product_list li:hover{box-shadow: 0 0 15px rgba(0, 0, 0, .1);}
.ny_proshow_zhaiyao{width:100%; margin-top:.2rem; color:#333; font-size:max(12px, .16rem); line-height:30px}
.ny_product_show{margin:.6rem 0 1.2rem!important}
.sj_sl_PicShow{width:100%; height:auto; overflow:hidden; display:none}
.sj_sl_PicShow .swiper-container .swiper-slide img{width:100%; display:block}



/*联系我们*/
.lianxi{ overflow: hidden; padding-bottom: 0px;}
#map{ height:auto; width: 100%;}
#map img{width:100%; display:block}
.lianxi_fs{ overflow: hidden; margin-top: .3rem; }
.lianxi_fs p{ width:100%;line-height:.3rem; border: 1px solid #e5e5e5; position: relative;  padding:.12rem 0 .12rem .2rem; background: #fff;color: #333; margin-bottom: .2rem; font-size:max(12px, .16rem); }
.lianxi_fs p:hover{background: #f3f3f3;}
.lianxi_fs p::before{ content: ""; height: 12px; width: 2px; display: block; position: absolute; background: #bb161b; left:0; top:50%; transform: translate(0,-50%); }
.lianxi_ewm{ display: table; margin: .3rem auto;}
.lianxi_ewm li{overflow: hidden; float: left; margin: 0 20px;  text-align: center; width:120px}
.lianxi_ewm li img{border:1px solid #ddd; width:100%}
.lianxi_ewm li p{ line-height: 1.8; font-size:max(12px, .16rem); color: #333;}
.liuyan{overflow: hidden;  height:auto; background: url(../images/ny_pc_6.jpg) no-repeat center top fixed;  padding:.7rem 0;}
#section2{width:100%; height:1rem; overflow:hidden}
.ny_contact_form,.ny_contact_form form{width:100%; overflow:hidden}
.ny_contact_form p{ line-height: .6rem; height:.6rem; border: 1px solid #ffffff87; width: 32%; margin-right:1.4%; position:relative; float:left;}
.ny_contact_form p input[type="text"]{text-indent: 5%; font-size:max(12px, .16rem); color: rgba(255,255,255,0.9); font-weight: bold; background: none; width:100%; height:100%; border:0; display: block;}
.ny_contact_form p input[type="text"]::-webkit-input-placeholder,.liuyan textarea::-webkit-input-placeholder{color:rgba(255,255,255,0.8);}
.ny_contact_form p:nth-child(3){ margin-right: 0; float: right;}
.ny_contact_form textarea{line-height: 2; width: 100%; text-indent:20px; font-size:max(12px, .16rem); color: rgba(255,255,255,0.9); font-weight: bold; background: none; border: 1px solid #ffffff87; margin-top: 20px; height: .72rem; resize: none;}
.ny_contact_form input[type="submit"]{ width: 2rem; background:#a0a0a0;border: none; font-size:max(12px, .16rem); color: #FFFFFF; height: .6rem;  display: block; cursor: pointer;}
.jrwm{overflow: hidden; padding-bottom: 0px;}
.jrwm .jiaru_nr{ font-size:max(12px, .16rem);}
.jrwm .jiaru_nr p{ line-height: 2;  color: #454545; text-align: justify;font-size:max(12px, .16rem);}
.jrwm .jiaru_nr img{ width: 100%;}
.anli_jz p{ font-size:max(12px, .16rem);  color: #454545; line-height: .3rem;}
.anli_jz p strong{ font-size: 18px;}
.policy_links{margin-top:10px; color:#fff}
.ny_all{width:100%; height:auto; overflow:hidden; margin-top:5.8rem; background:#fff; position:relative; z-index:7}
.about_two_title{width:100%; height: auto; overflow: hidden}
.about_two_title h3{color:#000000; font-size:.24rem; margin-bottom:10px}
.about_two_title p{color:#333333; font-size:max(12px, .16rem); margin-top:.3rem; line-height:.3rem;}
.about_two_title img{width:.56rem; display:block}
.Validform_checktip{display: block;  position: absolute;  color: #f00;   right:2%;  top:50%; transform: translate(0,-50%);  line-height: 50px; font-size:12px;}
.feedback_submit{width:100%; display:flex; justify-content: space-between; margin-top:.2rem; align-items:center}
.feedback_submit_left{display:flex; justify-content: space-between; align-items: center;}
.feedback_submit_ma{display:flex;}
.feedback_submit_ma input[type="text"]{width:2rem; height:50px; border:1px solid #fff; font-size:max(12px, .16rem); color:#333; padding:0 2%}
.feedback_submit_ma img{height:50px}
.feedback_submit_left .ysxy{margin-left:.1rem}



/*荣誉资质*/
.honor{ overflow: hidden; padding-bottom:1.2rem;}
.honor_list{ overflow: hidden;  width:100%; margin:.5rem 0 0;}
.honor_list li{ width:23%; float: left; border: 1px solid #e5e5e5; margin-right:2%; margin-bottom:.2rem;display: block;}
.honor_list li:nth-child(4n){ margin-right: 0;}
.honor_list li .ny_case_img{overflow: hidden; height:auto; overflow:hidden; display:flex; align-items:center; justify-content:center}
.honor_list li .ny_case_img img{ width: 100%; height:auto; transition: all 0.3s; display:block; object-fit: cover; object-position: center center;}
.honor_list li:hover .ny_case_img img{transition: all 0.3s; transform: scale(1.05);}
.honor_list li .gallery-title{ line-height:.5rem; height:.5rem; background: #e5e5e5;text-align: center; font-size:max(12px, .16rem); transition: all 0.3s; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.keyword_light{line-height:28px;}
.container2{width:1440px;margin: 0px auto;}
.section-content{width:100%; height: auto; overflow: hidden; font-size:max(12px, .16rem); color:#666; margin:.6rem 0 1.2rem;}
.ny_news_show{width:100%; height: auto; overflow: hidden; font-size:max(12px, .16rem); color:#666; margin:.6rem 0 1.2rem;}
.ny_news_show p{font-size:max(12px, .16rem); color:#333; line-height:.34rem;}
.ny_news_show img{max-width:100%;display:block; margin:0px auto}
.ny_news_show .ny_product_title{margin-bottom:.4rem}
.ny_title_1{ overflow: hidden; margin-bottom: .2rem;}
.ny_title_1 h2{font-weight: 300; font-size: .36rem; line-height: 1.2; color: #000;   }
.ny_title_1 p{text-transform: uppercase; font-size: .26rem; color: #bb161b; position: relative; line-height: 2.8; font-weight: bold;    text-align: center;}
.ny_title_1 p::after{ content: ""; position: absolute; display: block; height: 1px; width:1.4rem; background: #bb161b; right: 45%; bottom: 0;}
.ny_title_1 em{font-style: normal; font-size: .24rem; line-height:1.4; color: #000; padding: 15px 0; display: block;}
.ny_title_2{ overflow: hidden;  margin-bottom: .2rem;}
.ny_title_2 h2{font-weight: 300; font-size: .36rem; line-height: 1.2; color: #fff;}
.ny_title_2 p{text-transform: uppercase; font-size: .26rem; color: #fff; position: relative; margin: 10px 0; padding-bottom:10px; }
.ny_title_2 p::after{ content: ""; position: absolute; display: block; height: 3px; width:.8rem; background: #fff; left: 0; bottom: 0;}
.ny_title_2 em{font-style: normal; font-size:.24rem; line-height:1.4; color: #fff; padding: 15px 0; display: block;}
.keyword_light tr td{font-size:max(12px, .16rem); color: #333;  line-height: 34px;}
.keyword_light img{max-width:100%;margin-bottom: 10px;}
.ysxy{font-size:14px; color:#666; }
.ysxy a{color:#ff0101; font-size:14px}
.ysxy span{color:#fff; font-size:14px}





/*底部*/
.index_footer{width:100%; height: auto; position: relative; overflow: hidden; padding-top:.7rem; background:#f6f6f6; }
.index_footer_center{width:100%; display: flex; justify-content: space-between;}
.footer_nav{width:40%; display: flex; justify-content: space-between}
.footer_nav dl dt{font-size: 16px; font-weight: bold; text-align: center;}
.footer_nav dl dd a{color:#666666; font-size: 14px; margin-top: .18rem; display: block;}
.footer_nav dl dd a:hover{color:#bb161b}
.footer_address_info{width:22%; }
.footer_address_info h4{color:#231f20; font-size: 18px; font-weight: bold;}
.footer_address_info h5{color:#333333; font-size: 16px; display: flex; align-items: center; margin: .1rem 0;}
.footer_address_info h5 img{width:.2rem}
.footer_address_info h5 span{color:#bb161b; font-size: .24rem; font-weight: bold; margin-left: .1rem;}
.footer_address_info p{color:#333333; font-size: 14px; line-height: 30px;}
.footer_ma_info{width:17%; height: auto; float: right; display: flex; justify-content: space-between;}
.footer_wxs{width:46%;}
.footer_wxs div{width:100%; background: #fff; padding:.05rem;}
.footer_wxs div img{width:100%; display: block;}
.footer_wxs p{color:#666666; font-size: 14px; text-align: center; margin-top: .1rem;}
.index_footer_bottom{width:100%; height: auto; overflow: hidden; display: flex; justify-content:space-between;  border-top: 1px solid #dbdbdb; padding:.25rem 0; margin-top: .6rem;}
.copy_l{width:auto; height: auto; overflow: hidden; font-size:14px; color:#989898; line-height:40px;  text-transform: uppercase;  }
.copy_l a{color:#989898; font-size:14px; }
.footer_links a{color:#989898; font-size:14px; line-height:40px}
.footer_links span{color:#989898; font-size:14px; margin: 0 .1rem;}




/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:250px;
    width: 77px;
    z-index: 999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
	 font-size: 14px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}

.fix_ewms {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li i.icon-top {
    background-position: -30px -49px; height:32px;
}

.lxfx li p {
    line-height: 12px;
    text-align: center;
    font-size:14px;
}
.lxfx li {
    background:#bb161b;
    height: 62px;
    margin-bottom: 1px;
    margin-left: 0;
    position: relative;
    width: 77px; float:left;
}




@media (min-width: 1920px) {
  html {
    font-size: 100px;
  }
}



@media screen and (max-width:1670px){
	.certificatesMain{    padding: 0 5% 0 8%;}
}


@media screen and (max-width:1560px){
	.w80, .w1440, .container{width:1200px;}
	
	.certificates{width:40%}

}


@media screen and (max-width:1280px){
	.w80, .w1440, .container{width:94%;}
	.footer_ma_info{width:24%}

}


@media (max-width: 992px) {
	html{font-size: 52px;}
	.lxfx{display:none}
	#list_hide a,#newsfoot a,.newsfoot_left div{font-size:14px}
	.ny_about_show p{line-height:.4rem}
	.news_xx h3{font-size:.32rem}
	.news_xx p{font-size:14px}
	.index_yewu_num .yewu_num_one,.index_yewu_num dl{width:auto}
	.yewu_tab_left{width:29%}
	.yewu_tab_right{width:63%}
	.yewu-more,.index_honor_more{width:2.5rem; height: .55rem;}
	.certificates_desc p{font-size:.22rem}
	
}


@media (max-width:790px) {
html{font-size:65px;}
	.header_all,.banner{display:none}
	.sj_banner{display:block}
	.index_footer_center,.index_footer_bottom,.feedback_submit_left,#menu .nav{-webkit-flex-wrap: wrap;  flex-wrap: wrap;}
	.footer_nav,.footer_address_info{width:100%;}
	.footer_address_info{margin:.4rem 0}
	.footer_ma_info{width:50%}
	.honor_list li{width:48%; margin-right:0}
	.honor_list li:nth-child(2n){float:right}
	.feedback_submit{-webkit-flex-wrap: wrap;  flex-wrap: wrap;}
	.ny_contact_form p{width:100%; float:none; margin-top:.2rem; height:.7rem;}
	.ny_contact_form textarea{height:1rem}
	.feedback_submit_left{width:100%}
	.ny_contact_form input[type="submit"]{margin:.4rem auto 0}
	.feedback_submit_ma input[type="text"]{width:2.4rem}
	.news_pic{display:none}
	.news_xx{width:76%}
	#menu{width:94%}
	#menu .nav .nLi{width:33.33%; text-align:center; margin-bottom:.4rem}
	.index_qywh ul li{width:2.2rem; height:2.2rem}
	.ban_info h4{font-size:.4rem; line-height: .5rem; margin-bottom:.1rem}
	.ban_sb{bottom:.3rem}
	.certificatesMain{padding:0; -webkit-flex-wrap: wrap;  flex-wrap: wrap; width:94%; margin:.3rem auto 0}
	.certificates{width:100%; margin-top:0}
	.certificatesListBox{ display:none}
	.certificatesTextList{display:none}
	.sj_honor{display:block}
	.index_honor{padding: .9rem 0 .5rem;}
	.yewu-item.active .yewu-content{display:none}
	.index_yewu_num dl dd span{font-size:.6rem}
	.index_yewu_num dl dt{font-size:16px}
	.index_case .mySwiper{display:none}
	.index_case{margin-top:.8rem}
}





@media (max-width:500px) {
	html{font-size:56px;}
	.index_qywh_all,.index_yewu_num{-webkit-flex-wrap: wrap;  flex-wrap: wrap;}
	.feedback_submit_ma,.index_qywh_all p{width:100%}
	.feedback_submit_ma input[type="text"]{width:4rem}
	.feedback_submit_left .ysxy{margin-left:0; margin-top:.2rem}
	.footer_ma_info{width:80%}
	.section-content{margin: .6rem 0 0;}
	.banner_post_zi h5{font-size:.8rem}
	.ny_nav a{padding: 0 .3rem;}
	.index_header{width:auto}
	.yewu_tab_left,.yewu_tab_right{width:100%}
	.yewu-item{width:25%; padding-left:0; float:left;}
	.yewu-list:after,.yewu-item:after{display:none}
	.index_qywh ul li{border-radius:0}
	.index_yewu_num dl{width:100%; margin-bottom:10px}
	.index_qywh ul{margin-top:1rem}
	.sub li a{font-size:14px}
	.nLi p a{font-size:16px}
	.ban_links{width:80%}
	.ban_links a{width:47%;  margin:0 auto .1rem}
	.ban_links a:nth-child(2n){float:right}
	.index_yewu_tab{padding-top: .2rem;}
	.index_case .mySwiper2 .swiper-slide{width:72%}
	.index_case .mySwiper2 .swiper-slide a h3{font-size:14px}
	.yewu-header span{font-size:16px}
	.index_yewu_num .yewu_num_one, .index_yewu_num dl{width:100%}
	.index_news_all{margin-top:.6rem}
	.index_news{margin: .8rem 0 1rem;}
	.nav_all{background: rgba(187, 22, 27, 0.9);}
	.ny_about_show p,.ny_about_show p span,.index_honor_more span,.in_news_hover p{font-size:14px}
	.yewu-more, .index_honor_more{width:2.2rem}
	.ny_news_bt{font-size:.34rem}
	
}