a,blockquote,body,button,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,img,input,label,li,object,ol,p,q,small,span,strong,table,tbody,td,th,tr,ul{margin:0;padding:0;border:0}
body{font-family:PingFang sc,Microsoft YaHei,Helvetica;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none;background:#fff;}
a,a:active,a:focus,a:hover,a:visited{text-decoration:none}
a,img{-webkit-touch-callout:none;vertical-align: bottom;}
li,ol,ul{list-style:none}
i,em{font-style:normal}
input[type=password],input[type=text],textarea{outline:0;background:#fff;white-space:pre-wrap;word-wrap:break-word;resize:none;-webkit-appearance:none}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:""}
@media screen and (max-width:320px){html{font-size:42.67px;font-size:13.33333vw}}
@media screen and (min-width:321px) and (max-width:31.2rem){html{font-size:48px;font-size:13.33333vw}}
@media screen and (min-width:361px) and (max-width:375px){html{font-size:50px;font-size:13.33333vw}}
@media screen and (min-width:376px) and (max-width:393px){html{font-size:52.4px;font-size:13.33333vw}}
@media screen and (min-width:394px) and (max-width:412px){html{font-size:54.93px;font-size:13.33333vw}}
@media screen and (min-width:413px) and (max-width:414px){html{font-size:55.2px;font-size:13.33333vw}}
@media screen and (min-width:415px) and (max-width:480px){html{font-size:64px;font-size:13.33333vw}}
@media screen and (min-width:481px) and (max-width:5.8rem){html{font-size:72px;font-size:13.33333vw}}
@media screen and (min-width:541px) and (max-width:6.8rem){html{font-size:85.33px;font-size:13.33333vw}}
@media screen and (min-width:641px) and (max-width:720px){html{font-size:96px;font-size:13.33333vw}}
@media screen and (min-width:721px) and (max-width:768px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px}}

.contenttxt{line-height:.6rem;font-size:.28rem;color:#111;font-family:"Microsoft YaHei"!important}
.contenttxt img { max-width:100%; height:auto;margin:.2rem auto; display:block;}
.contenttxt p,.contenttxt span,.contenttxt font,.contenttxt th,.contenttxt td,.contenttxt div,.contenttxt i,.contenttxt em,.contenttxt h1,.contenttxt h2,.contenttxt h3,.contenttxt h4,.contenttxt h5{font-size:.28rem!important; font-family:"Microsoft YaHei"!important;font-weight:normal!important;text-indent:0px!important;white-space: normal!important}
.contenttxt td{padding-left:.3rem!important;}

.b1 { overflow:hidden;width:100%;height:.1px;}
.blank {overflow:hidden;width:100%;height:.16rem; background:#f5f5f5;}
.blank20 {overflow:hidden;width:100%;height:.2rem; background:#f5f5f5;}
.blank88 { overflow:hidden;width:100%;height:.88rem;}
.b_1rem { overflow:hidden;width:100%;height:.1rem;}
.b_2rem { overflow:hidden;width:100%;height:.2rem;}
.b_3rem { overflow:hidden;width:100%;height:.3rem;}
.b_4rem { overflow:hidden;width:100%;height:.4rem;}
.b_5rem { overflow:hidden;width:100%;height:.5rem;}
.b_6rem { overflow:hidden;width:100%;height:.6rem;}
.b_7rem { overflow:hidden;width:100%;height:.7rem;}
.b_8rem { overflow:hidden;width:100%;height:.8rem;}
.b_88rem { overflow:hidden;width:100%;height:.88rem;}
.b_9rem { overflow:hidden;width:100%;height:.9rem;}
.b_94rem { overflow:hidden;width:100%;height:.94rem;}
.b1rem { overflow:hidden;width:100%;height:1rem;}
.b1_1rem { overflow:hidden;width:100%;height:1.1rem;}
.b1_18rem { overflow:hidden;width:100%;height:1.18rem;}
.b1_2rem { overflow:hidden;width:100%;height:1.2rem;}
.b1_22rem { overflow:hidden;width:100%;height:1.22rem;}
.b2rem { overflow:hidden;width:100%;height:2rem;}

.blank-top{overflow:hidden;width:100%;height:0rem}
.text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.text-overflow2 {overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

/*---------------------------------------------------------------------------------------------------------*/

/*头部*/
.MHeadTop { height:1.37rem; background:#ffff00; padding:0 .4rem; display:flex; align-items:center; width:100%; box-sizing:border-box;}
.MHeadTopMenu { padding-top:.4rem;}
.MHeadTopMenu i { font-size:.4rem; color:#111; font-weight:700;}
.MHeadTopLogo { display:flex; justify-content:center; flex:1; overflow:hidden;}
.MHeadTopLogo img { height:1rem;}
.MHeadTopSearch { padding-top:.4rem;}
.MHeadTopSearch i { font-size:.4rem; color:#111;}

.MHeadTopNavMask { position:fixed; top:0; width:28%; right:0; bottom:0; z-index:6069; transform:translate(100%,0);transition:all .5s;}
.MHeadTopNavMask:before{content:'×';width:.72rem;height:.72rem;color:#fff;border-radius:.1rem;position:absolute;top:.4rem;right:.4rem;background:#005470;display:flex;align-items:center;justify-content:center;font-size:.5rem;padding-bottom:.12rem;box-sizing:border-box}
.MHeadTopNavMask.on {transform:translate(0,0);}
.MHeadTopNavPopup { position:fixed; top:0; left:0; bottom:0; background:#091b35; z-index:6070; width:28%; padding-top:.2rem; box-sizing:border-box; transform:translate(-100%,0); transition:all .5s;}
.MHeadTopNavPopup.on { transform:translate(0,0);box-shadow: 0 0 16px rgb(0 0 0 /.8);}
.MHeadTopNavPopup ul li { border-bottom: 1px solid #8d8a8a;}
.MHeadTopNavPopup ul li a { color:#b8d4e0; line-height:1rem; font-size:.3rem; display:block; padding:0 .4rem;}

.MHeadTopSearchMask { position:fixed; top:0; left:0; right:0; bottom:0; z-index:6059; background:rgb(255 255 255/.6); display:none;}
.MHeadTopSearchBox { position:absolute; top:0; left:0; background:#f5f5f5; width:100%; padding:.8rem .6rem; box-sizing:border-box; z-index:6060;box-shadow: 0 0 16px rgb(0 0 0 / 20%); display:none;}
.MHeadTopSearchBox i{width:.5rem;height:.5rem;color:#111;position:absolute;top:.1rem;right:.2rem;display:flex;align-items:center;justify-content:center;font-size:.44rem;}
.MHeadTopSearchBox dl { display:flex;}
.MHeadTopSearchBox dl dd:nth-child(1) { flex:1; overflow:hidden;}
.MHeadTopSearchBox dl dd input { height:.8rem; background:#fff; border:none; border-radius:.8rem 0 0 .8rem; font-size:.26rem; width:100%; padding:0 0 0 .4rem; box-sizing:border-box;}
.MHeadTopSearchBox dl dd span { width:1.2rem; height:.8rem; background:#ffff00; color:#111; display:flex; align-items:center; justify-content:center;border-radius:0 .8rem .8rem 0;}


/*幻灯*/
.bannerSwiper { position: relative; width:100%; overflow:hidden; z-index:1;}
.bannerSwiper .swiper-slide img { width:100%;}
.bannerSwiper .BswiperM { position:absolute;left:50%;bottom:.2rem;z-index:20; transform:translate(-50%,0);}
.bannerSwiper .BswiperM ul { display:flex; justify-content:center;}
.bannerSwiper .BswiperM span { display:block; width:8px; height:8px; margin:0 3px; float:left; background:rgb(171 171 171/.6); border-radius:15px;}
.bannerSwiper .BswiperM span.swiper-pagination-bullet-active { background:#fff;}

.neiye_banner { position:relative;}
.neiye_banner img { height:5.8rem;}
.banner_box { position:relative;}

/*标题*/
.indexTitle { margin-bottom:.4rem; text-align:center;}
.indexTitle strong { font-size:.48rem; color:#9c171c; display:block;}
.indexTitle span { font-size:.26rem; color:#333; margin-top:.1rem; display:block;}
.indexMore { text-align:center; margin-top:.3rem;}
.indexMore a { width:3rem; height:.6rem; line-height:.6rem; text-align:center; border:1px solid #9c171c; font-size:.26rem; color:#9c171c; display:inline-block;}

/*广告位*/
.indexAD { background:#001b38;}
.indexAD img { width:100%;}

/*产品分类*/
.ProductCat { display:flex; flex-wrap:wrap; padding:.6rem .2rem; background:#001b38;}
.ProductCat a { display:block; font-size:.26rem; box-sizing:border-box; width:23.5%; margin-right:2%; border-radius:.66rem; line-height:.66rem; border:1px solid #4d606b; text-align:center; color:#939e95;}
.ProductCat a:nth-child(4n+4) { margin-right:0;}
.ProductCat a:nth-child(1n+5) { margin-top:6%;}

/*核心优势*/
.AdvantageSec { background:#001b38;}
.AdvantageSec a { display:block;}
.AdvantageSec img { width:100%;}

.AdvantageSec .ppys { position:relative;}
.AdvantageSec .ppys span { position:absolute; top:0; right:0; left:0; bottom:0;}
.AdvantageSec .ppys span a { display:block; width:100%; height:25%;}

/*案例展示*/
.PhotoSec { padding:0 .4rem .6rem; background:#001b38;}
.PhotoSec dl { display:flex;}
.PhotoSec dl dt { width:47%; margin-right:6%;}
.PhotoSec dl dt a { display:block;}
.PhotoSec dl dt a:nth-child(1n+2) { margin-top:.2rem;}
.PhotoSec dl dt img { width:100%;}
.PhotoSec dl dd { width:47%;}
.PhotoSec dl dd a { display:block; font-size:.28rem; color:#fff; line-height:.6rem;}

/*新闻中心*/
.NewsSec { padding:0 .3rem; background:#f0f0f0;}
.NewsSec ul { }
.NewsSec ul li a { display:block; line-height:.76rem; font-size:.26rem;color:#666;font-weight: 200;}
.NewsSec ul li:nth-child(1n+2) { border-top: 1px dashed #ddd;}

/*联系我们*/
.contactSec { padding:0 .4rem .6rem; background:#001b38;}
.contactSec ul { }
.contactSec ul li { font-size:.26rem; padding:.2rem 0; border-bottom:1px solid #425363;}
.contactSec ul li a { color:#fff;}

/*底部样式*/
.footerTel { padding:.6rem .4rem; background:#001b38; color:#666; line-height:.5rem; font-size:.34rem; text-align:center;}
.footerCopyright { color:#999; font-size:.22rem; line-height:.5rem; padding:.2rem 0; background:#0d131a; text-align:center;}


/*通用内容页样式*/
.PageTitle { display:flex; margin-bottom:.2rem;}
.PageTitle strong { font-size:.32rem; font-weight:400; display:flex; align-items:center;}
.PageTitle strong:before { content:''; display:block; width:4px; height:.32rem; background:#ffff00; border-radius:3px; margin-right:.16rem;}

.PageCat { padding:.3rem .2rem 0 .08rem; display:flex; flex-wrap:wrap;}
.PageCat a { line-height:.54rem; font-size:.22rem; color:#666; border:1px solid #eee; border-radius:3px; padding:0 .2rem; margin:0 0 .12rem .12rem;}

.PageMainBox { padding:.4rem .3rem;}
.PageMainBoxTitle { border-bottom: 1px solid #eee;padding: .2rem 0; margin:0 .2rem .2rem;}
.PageMainBoxTitle strong { display:block;font-size:.46rem; color:#333; font-weight:400; line-height:.6rem;}
.PageMainBoxInfo { color: #666;height: .6rem;line-height: .6rem;overflow: hidden;text-align: center;margin-bottom: .2rem;font-size:.26rem;}
.PageMainBoxContent { }

/*内页导航*/
.PageNav{display:flex;padding:0 .2rem;position:relative;justify-content:center;height:.9rem;background:#fafafa;border-bottom:1px solid #f5f5f5}
.PageNavBack{position:absolute;left:.3rem;top:0}
.PageNavBack a{display:block;height:.9rem;display:flex;align-items:center}
.PageNavBack a i { font-size:.42rem; color:#9c171c;}
.PageNavTitle{padding:0 .6rem;font-size:.34rem;line-height:.9rem}

/*Page关于我们*/
.introduceMain { padding:0 .2rem;}
.introduceTitle { border-bottom: 1px solid #eee;padding: .2rem 0; margin:0 .2rem;}
.introduceTitle strong { display:block;font-size:.46rem; color:#333; font-weight:400; line-height:.6rem;}

/*Page供应列表*/
.PageSellMainBox { padding:.2rem;}
.PageSellMain { padding:.2rem; display:flex; flex-wrap:wrap;}
.PageSellList { width:49%; margin-right:2%;}
.PageSellList:nth-child(2n+2) { margin-right:0;}
.PageSellList:nth-child(1n+3) { margin-top:2%;}
.PageSellList .image { width:100%; box-sizing:border-box; border:1px solid #f5f5f5; padding:.14rem;}
.PageSellList .image img { width:100%;}
.PageSellList h3 { font-size:.24rem; font-weight:400; color:#111; padding:0 .2rem; text-align:center; line-height:.6rem; background:#ffff00;}

.PageSellTitle { border-bottom: 1px solid #eee;padding: .2rem 0; margin-bottom:.4rem;}
.PageSellTitle strong { display:block;font-size:.3rem; color:#333; font-weight:400; line-height:.4rem;}

/*Page新闻列表*/
.PageNewsMain { padding:.2rem;}
.PageNewsList a { display:block; line-height:.76rem; font-size:.26rem;color:#666;font-weight: 200;}
.PageNewsList:nth-child(1n+2) { border-top: 1px dashed #ddd;}

/*PAGE 联系我们*/
.PageContact { overflow:hidden;display: flex; align-items:center; margin:0 .2rem .4rem;}
.PageContactL { margin-right:4%;}
.PageContactL h3 { display:block;padding-bottom: 0.3rem;color: #333;font-size: 0.34rem;}
.PageContactL p { font-size:0.27rem; color:#333; margin-bottom:0.38rem;}


/*Page荣誉列表*/
.PageHonorMain { display:flex; flex-wrap:wrap; padding:.4rem .2rem;}
.PageHonorList { width:49%; margin-right:2%;}
.PageHonorList:nth-child(2n+2) { margin-right:0;}
.PageHonorList:nth-child(1n+3) { margin-top:4%;}
.PageHonorList .image { width:100%;}
.PageHonorList .image img { width:100%;}
.PageHonorList h3 { font-size:.3rem; text-align:center; margin-top:.2rem; font-weight:400;}

/*Page相册列表*/
.PagePhotoMain { padding:.2rem; display:flex; flex-wrap:wrap;}
.PagePhotoList { width:49%; margin-right:2%;}
.PagePhotoList:nth-child(2n+2) { margin-right:0;}
.PagePhotoList:nth-child(1n+3) { margin-top:2%;}
.PagePhotoList .image { width:100%;}
.PagePhotoList .image img { width:100%;}
.PagePhotoList h3 { font-size:.28rem; font-weight:400; color:#666; padding:0 .2rem; text-align:center; margin-top:.2rem; line-height:.4rem;}