@charset "UTF-8";
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,img{margin:0;padding:0}
img,input,button,textarea{border:0;padding:0;margin:0;outline-style:none}
ul,ol{list-style:none}
input{font-family:"SimSun","����"}
select,input,textarea{font-size:12px;margin:0}
textarea{resize:none}
img{border:0;vertical-align:middle;max-width:100%;}
table{border-collapse:collapse}
td{border-style:solid;}
.clearfix::before,.clearfix::after{content:"";display:table}
.clearfix::after{clear:both}
.clearfix{*zoom:1}
a{color:#666;text-decoration:none}
h1,h2,h3,h4,h5,h6{text-decoration:none;font-weight:normal;font-size:100%}
s,i,em{font-style:normal;text-decoration:none}
.fl{float:left}
.fr{float:right}
.w{width:62.5%;margin:0 auto;}
.ws{width:62.5%;margin:0 auto;}
.clear{clear:both;}
.texttwo{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.textone{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}








@media screen and (max-width: 1000px) {



.w{width:92%;margin:0 auto;}
.ws{width:92%;margin:0 auto;}

/*内页导航*/
.nacs{width:100%;height:52px; position: sticky; left: 0;   text-align: center;    z-index: 40; margin:60px auto 40px;background:#FFFFFF;padding:5px 0;}
.nacs .leval-list{width:100%;    display: flex;     align-items: center;  justify-content:space-between;    height: 100%;}
.nacs .leval-list li{width:30%;   z-index: 3;    border: 1px solid #0089A8;}
.nacs .leval-list li:last-child{ border: 1px solid #0089A8;}
.nacs .leval-list li a {display:block;text-align:center;z-index: 3;color: #0089A8;font-family: Alibaba PuHuiTi 2.0;font-size: 16px;font-weight: 400;line-height: 22.4px;text-align: center;padding: 10px 0;}
.nacs .leval-list li:hover a {transition-duration:0.8s; background:#0089A8; display:block;text-align:center;z-index: 3;color: #FFFFFF;font-family: Alibaba PuHuiTi 2.0;font-size: 16px;font-weight: 400;line-height: 22.4px;text-align: center;}
.nacs .leval-list li.active a { background:#0089A8; display:block;text-align:center;z-index: 3;color: #FFFFFF;font-family: Alibaba PuHuiTi 2.0;font-size: 16px;font-weight: 400;line-height: 22.4px;text-align: center;}

/*大标题*/
 .btitle{width:fit-content;display:flex;align-items:center;justify-content: space-between;}
 .btitle .mborder{width: 3px;height: 14px;background:#0089A8;margin-right:10px;}
 .btitle .titcn{width: fit-content; font-family: PingFang SC;font-size: 16px;font-weight: 400;line-height: 22.4px;text-align: center;color:#0089A8;}

    /*手机导航*/
.m_head{height:44px;padding: 8px 0; background:#fff;display:flex;position:fixed;top:0;align-items:center;justify-content:space-around;z-index:8;width:100%;}
.m_head .logo{width:35%;}
.m_head .logo a{display: block;}
.m_head .logo a img{width:100%}
.m_head .nav{width:8%;}
.m_head .nav .nav_ig{line-height:.7rem}
.m_head .nav:hover .list{display:block}
.m_head .nav:hover .list ul{transform:translate(0%);transition:all 1s}
.m_head .nav .nav_ig img{vertical-align:middle;width:100%;height:100%}
.m_head .zhanwei{width:30%;height:44px;}

.side_list{width:100%;display:none;z-index:100;position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;overflow:scroll}

.side_list ul{width:100%;padding:20px 0;border-bottom:0.5px solid #ededed;background:0}
.side_list .mtop{}
.side_list>ul>li.snav{color:#4babda;font-size:16px;font-family:PingFangRegular;text-transform:uppercase;margin:0 auto;font-weight:400;background:url("../img/hright.png")no-repeat right;background-size:20px}
.side_list>ul>li.snav_on{background:url("../img/hright.png")no-repeat right;background-size:20px}
/*.side_list>ul>li.snav_on{ transition: all 0.3s ease-out;transform: rotate(180deg);}*/
.side_list>ul>a>li.arrow{background:url("../img/hright.png")no-repeat right;background-size:20px}
.side_list ul>li>ul{border-bottom:0;margin-top:0;padding:0;display:none}
.side_list ul>li.snav_on ul.ul_on{display:block;/*animation:fadeInDown 12s 10s linear backwards;*/}
.side_list ul>li>ul>li{background:0;padding:10px 0}
.side_list ul li{width:90%;margin:0 auto;color: #4babda;  font-family: AlibabaPuHuiTi2.0-85Bold;  font-size: 16px;  text-transform: capitalize;}
.side_list ul li a{color: #6d758f;  font-family: AlibabaPuHuiTi2.0-55Regular;  font-size: 15px;  text-transform: capitalize;display:block;}

/*搜索*/
.search{width:100%;background:#0089A8;padding: 10px 0;margin-top: 60px; }
.search .searchlist{width:90%;margin: 0 auto; background:#FFFFFF;border-radius: 50px;display: flex;align-items: center;justify-content: space-evenly;padding: 5px 0;}
.search .searchlist img{width:22px;}
.search .searchlist input{width:90%;font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 22px;text-align: left;color: #888990;}

 /*首页轮播*/
.swbanner{width:100%;z-index:450; }
.swbanner .swiper {width: 100%;height: 100%;}
.swbanner .swiper-wrapper{width: 100%;}
.swbanner .swiper-slide{width: 100%;background-repeat: no-repeat;background-size:100% 100%;  margin: 0 auto;}
.swbanner .swiper-slide::after{ content:"";display:block; padding-bottom:58%  }
.swbanner .swiper-pagination-bullet-active {opacity: var(--swiper-pagination-bullet-opacity, 1);background: #0089A8;}
.swbanner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: url('../img/sright.png') no-repeat;background-size: 100%; width: 41px;height: 90px;top:50%;right: 0px;}
.swbanner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: url('../img/sleft.png') no-repeat;background-size: 100%; width:41px;height:90px;top:50%;left: 0px;}
.swbanner .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{margin-right: 400px; content:'';}
.swbanner .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{margin-left: 400px; content:'';}

 /*品牌*/
.hotbrand{width:100%;margin-top: 40px;}
.hotbrand .htop{width:100%;display: flex;align-items:center;justify-content:space-between;margin-bottom: 20px;}
.hotbrand .htop .btitle{width:fit-content;}
.hotbrand .htop .bmore{width:fit-content; display: flex;align-items:center;justify-content:center;}
.hotbrand .htop .bmore p{width:fit-content;font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;color: #AFB1B5;}
.hotbrand .htop .bmore img{width:20px;}
.hotbrand .hbot{width:100%;}
.hotbrand .hbot ul{width:100%; display:grid;grid-template-columns: 24% 24% 24% 24%;grid-column-gap: 1.333%;}
.hotbrand .hbot ul li{width:100%;padding: 10px 0;border: 1px solid #F7F8F9;text-align: center;margin-bottom: 2px;}
.hotbrand .hbot ul li img{width:60%;margin-bottom: 5px;height:20px;object-fit:contain;}
.hotbrand .hbot ul li p{font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: center;color: #383B46;}

.proclass{width:100%;margin-top: 20px;padding:0 0 30px 0;}
.proclass .ptop{width:100%;margin-bottom:20px ;}
.proclass .pmiddle{width:100%;background: #F7F8F9;border-radius: 10px;margin: 0 auto 10px ;padding: 10px 0;}
.proclass .pmiddle .swiper{width:100%;height:100%;overflow:hidden;position:relative;}
.proclass .pmiddle .swiper-wrapper{width:100%;}
.proclass .pmiddle .swiper-slide a{width: 95%;padding: 10px 0;border-radius: 4px; margin: 0 0 0 5% ; display: block;font-family: PingFang SC;font-size: 15px;font-weight: 400;line-height: 21px;color: #60626B;text-align: center;}
.proclass .pmiddle .swiper-slide:hover a{color:#0089A8;}
.proclass .pmiddle .swiper-slide.active a{width:90%;margin: 0 auto; background: #fff; text-align:center;color:#0089A8;font-weight:600;}
.proclass .pbottom{width:100%;}
.proclass .pbottom .pbcont{width:100%;margin: 0 auto  ;}
.proclass .pbottom .pbcont .pitem{width: 100%;margin:0 auto 25px;border: 0.5px solid #EBEBEC;border-radius: 6px;}
.proclass .pbottom .pbcont .pitem .stitle{margin-bottom: 0px;background: #0089A8;border-radius: 6px 6px 0 0; padding: 10px 15px;font-family: PingFang SC;font-size: 16px;font-weight: 400;line-height: 22.4px;text-align: left;color: #FFFFFF;}
.proclass .pbottom .pbcont .pitem ul{width: 100%;}
.proclass .pbottom .pbcont .pitem ul li{border-bottom: 1px solid #EBEBEC; width:100%; /*height:45px; */padding:15px 0px ;}
.proclass .pbottom .pbcont .pitem ul li span{width: 90%;margin: 0 5% 0 5%; display: block; height: 100%;  position: relative;cursor:pointer; font-family: PingFang SC;
font-size: 14px;font-weight: 600;line-height: 19.6px;text-align: left;color: #383B46;}
.proclass .pbottom .pbcont .pitem ul li span i{ display: block; height: 24px; width: 24px; background: url('../img/brjian.png') no-repeat center center; background-size:80% 80%; position: absolute; right: 0px; top: 50%; margin-top: -12px;  transition: all 0.3s ease-out; transform: rotate(0deg);}
.proclass .pbottom .pbcont .pitem ul li span i.action{ transition: all 0.3s ease-out;background: url('../img/brjia.png') no-repeat center center; background-size:80% 80%;}
.proclass .pbottom .pbcont .pitem ul li.show>dl{ display: block;  background: #fff; margin-top:10px;}
.proclass .pbottom .pbcont .pitem ul li>dl{ display: none;  background: #fff; margin-top:10px;}
.proclass .pbottom .pbcont .pitem ul li>dl dt{width: 40%;margin: 0 5% 0 5%; padding: 10px 0;float: left;}
.proclass .pbottom .pbcont .pitem ul li>dl dt a{display: block; font-family: PingFang SC;font-size: 14px ;font-weight: 300;line-height: 19.6px;text-align: left; color: #60626B;}
.proclass .pbottom .pbcont .pitem ul li>dl dt:hover a{ color:#0089A8;}
.proclass .pbottom .pbcont .pitem ul li>dl dt.actives a{ color:#0089A8;}

 /*底部*/
.mfooter{width:100%;background:url("../img/footbg.png")no-repeat;background-size: 100% 100%; }
.mfooter .ftop{width:100%;display:block;padding:50px 0;}
.mfooter .ftop .ftleft{width:100%;}
.mfooter .ftop .ftleft img{width:50%; margin-bottom:25px;}
.mfooter .ftop .ftleft h1{margin-bottom:10px; font-family: Poppins;font-size: 24px;font-weight: 700;line-height: 28.8px;text-align: left;color:rgba(255, 255, 255, 0.8) ;}
.mfooter .ftop .ftleft ul{width:100%;}
.mfooter .ftop .ftleft ul li{margin-bottom:10px; width:100%; }
.mfooter .ftop .ftleft ul li a{width:100%;display:flex; align-items:initial;justify-content:space-between; }
.mfooter .ftop .ftleft ul li a span{width:fit-content;font-family: Alibaba PuHuiTi 2.0;font-size: 14px;font-weight: 400;line-height: 19.6px;letter-spacing: 0.01em;text-align: left;text-align: justify;color:rgba(255, 255, 255, 0.8);}
.mfooter .ftop .ftleft ul li a p{width:77%;font-family: Alibaba PuHuiTi 2.0;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;color:rgba(255, 255, 255, 0.8);}
.mfooter .ftop .ftright{width:100%; display:flex;justify-content:space-between;}
.mfooter .ftop .ftright .item{width:30%;}
.mfooter .ftop .ftright .item ul{width:100%;}
.mfooter .ftop .ftright .item ul li{margin:0 0 15px 0; text-align:center;}
.mfooter .ftop .ftright .item ul li a{text-align: center;  color: rgba(255, 255, 255, 0.8); font-family: Alibaba PuHuiTi 2.0;font-size: 16px;font-weight: 500;line-height: 22.4px;text-align: center;}
.mfooter .ftop .ftright .item ul li h1{font-family: Alibaba PuHuiTi 2.0;font-size: 16px;font-weight: 500;line-height: 22.4px;text-align: center;color:#FFFFFF;margin:0 0 20px 0;font-weight:bold;}
.mfooter .ftop .ftright .item ul li img{width:100%;margin:0 0 5px 0; }
.mfooter .ftop .ftright .item ul li p {font-family: Alibaba PuHuiTi 2.0;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: center;color:#AFB1B5;}
.mfooter .bottom{text-align:center;border-top: 1px solid rgba(235, 235, 236, 0.05);padding:10PX;}
.mfooter .bottom p{ font-family: Alibaba PuHuiTi 2.0;font-size: 14px;font-weight: 300;line-height: 19.6px;text-align: center; color:#FFFFFF ;}
.mfooter .bottom p a{ font-family: Alibaba PuHuiTi 2.0;font-size: 14px;font-weight: 300;line-height: 19.6px;text-align: center; color:#FFFFFF ;}


 /*底部导航*/
.fbfunction{position:fixed;bottom:0;width: 100%;display: flex; align-items: center;justify-content: space-between;box-shadow: 0px -6px 15px 0px #00000026;}
.fbfunction .fbleft{width:28.666%;background: #FFF;}
.fbfunction .fbleft a{display: flex; align-items: center;justify-content: space-evenly;padding:14px 0;}
.fbfunction .fbleft a img{ width:20px;}
.fbfunction .fbleft a p{width: fit-content;font-family: PingFang SC;font-size: 13px;font-weight: 400;line-height: 18.2px;text-align: center;color: #383B46; }
.fbfunction .fbmiddle{width:28.666%;background: #FFF;}
.fbfunction .fbmiddle a{display: flex; align-items: center;justify-content: space-evenly;padding:14px 0;box-shadow: 0px 2px 3px 0px #00000026;}
.fbfunction .fbmiddle a img{width:20px; }
.fbfunction .fbmiddle a p{width: fit-content;font-family: PingFang SC;font-size: 13px;font-weight: 400;line-height: 18.2px;text-align: center;color: #383B46;}
.fbfunction .fbright{width: 42.666%;background: #EB4632;}
.fbfunction .fbright a{display: flex;align-items:flex-start;justify-content: space-evenly;width: 100%;padding:14px 0;}
.fbfunction .fbright a img{width: 20px;}
.fbfunction .fbright a p{font-family: PingFang SC;font-size: 13px;font-weight: 400;line-height: 18.2px;text-align: center;color: #FFFFFF;}
.fbfunction .fbright a span{font-family: PingFang SC;color:#EB4632;font-size: 13px;font-weight: 400;line-height: 13px;text-align: center;background: #FFFFFF;border-radius: 8px 8px 8px 0;padding: 2px 8px;}


 /*我的询价车*/
.inquirycar{width:100%;background:#F7F8F9;margin-top: 60px; }
.inquirycar .inqtop{width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 15PX 0;}
.inquirycar .inqtop .tleft{width: fit-content;}
.inquirycar .inqtop .tleft p{font-family: PingFang SC;font-size: 16px;font-weight: 400;line-height: 22.4px;text-align: left;color: #EB4632;}
.inquirycar .inqtop .tleft span{font-family: PingFang SC;font-size: 16px;font-weight: 400;line-height: 22.4px;text-align: left;color: #EB4632;}
.inquirycar .inqtop .tright{width: fit-content;}
.inquirycar .inqtop .tright span{font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;color: #383b46;}

.inquirycar .inqmiddle{width: 100%;padding-bottom: 60px;}
.inquirycar .inqmiddle ul{width: 100%;}
.inquirycar .inqmiddle ul li{width: 100%;margin-bottom: 10px;border-radius: 6px; background: #fff; }
.inquirycar .inqmiddle ul li a{width: 90%;margin: 0 auto; padding: 15px 0;border-radius: 6px;  display: flex;align-items: center;justify-content: start;}
.inquirycar .inqmiddle ul li a .mileft{width: 20px;margin-right: 10px;display: none;}
.inquirycar .inqmiddle ul li a .mileft input[type="checkbox"]{ appearance: none;  width: 20px;  height: 20px;  background-color: #fff;  border: 1px solid #AFB1B5;  border-radius: 50%;  cursor: pointer;}
.inquirycar .inqmiddle ul li a .mileft input[type="checkbox"]:checked{background: #EB4632;border: none;background-image: url('../img/Path.png');background-repeat: no-repeat;background-size:18px 18px ; background-position: center;}



.inquirycar .inqmiddle ul.show li a .mileft{display: block;}

.inquirycar .inqmiddle ul li a .mimiddle{width:25.396% ;margin-right: 10px;}
.inquirycar .inqmiddle ul li a .mimiddle img{width: 100%;}
.inquirycar .inqmiddle ul li a .miright{width:61.90% ;}
.inquirycar .inqmiddle ul li a .miright h1{font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;color: #383B46;margin-bottom: 5px;}
.inquirycar .inqmiddle ul li a .miright ul{width: 100%;}
.inquirycar .inqmiddle ul li a .miright ul li{display: block; width: 100%;margin-bottom: 2px;padding: 0; font-family: PingFang SC;font-size: 12px;font-weight: 400;line-height: 16.8px;text-align: left;color: #888990;}
.inquirycar .inqmiddle ul li a .miright ul li span{width: 100%;font-family: PingFang SC;font-size: 12px;font-weight: 400;line-height: 16.8px;text-align: left;color: #888990;}

.inquirycar .inqdown{position:fixed;bottom:0;width: 100%;}
.inquirycar .inqdown .done{width: 100%;background: #EB4632;padding: 15px 0;display: flex;align-items: center;justify-content: center;}
.inquirycar .inqdown .done img{width:20px;margin-right: 10px;}
.inquirycar .inqdown .done p{width:fit-content;font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: center;color:#fff;}

.inquirycar .inqdown.actives .done{display: none;}
.inquirycar .inqdown.actives .dtwo{display: block;}


.inquirycar .inqdown .dtwo{display: none;width: 100%;background: #FFF;padding: 8px 0;}
.inquirycar .inqdown .dtwo .dtcon{width: 92%;margin: 0 auto; display: flex;align-items: center;justify-content: space-between;}
.inquirycar .inqdown .dtwo .dtcon .qb{width: fit-content;font-family: PingFang SC;font-size: 12px;font-weight: 400;line-height: 16.8px;text-align: left;color: #333333;display: flex; align-items: center;}

.inquirycar .inqdown .dtwo .dtcon .qb input[type="checkbox"]{ appearance: none;margin-right: 5px;  width: 20px;  height: 20px;  background-color: #fff;  border: 1px solid #AFB1B5;  border-radius: 50%;  cursor: pointer;}
.inquirycar .inqdown .dtwo .dtcon .qb input[type="checkbox"]:checked{background: #EB4632;border: none;background-image: url('../img/Path.png');background-repeat: no-repeat;background-size:18px 18px ; background-position: center;}
.inquirycar .inqdown .dtwo .dtcon .delebtn{width:43.4% ;background:#EB4632;padding: 10px 0; border-radius: 6px;display: flex;align-items: center;justify-content: center;}
.inquirycar .inqdown .dtwo .dtcon .delebtn img{width:20px ;margin-right:10px ;}
.inquirycar .inqdown .dtwo .dtcon .delebtn p{width: fit-content; font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: center;color: #fff;}


/*品牌*/
.kfcon{width:100%;margin-top: 60px;padding: 20px 0;}
.kfcon .one{width: 100%;margin-bottom: 15px;}
.kfcon .one .htop{width:100%;display: flex;align-items:center;justify-content:start;margin-bottom: 20px;}
.kfcon .one .htop .btitle{width:fit-content;}

.kfcon .one .hbot{width:100%;}
.kfcon .one .hbot ul{width:100%; display:grid;grid-template-columns: 31% 31% 31%;grid-column-gap: 3.5%;}
.kfcon .one .hbot ul li{width:100%;padding: 10px 0;border: 1px solid #F7F8F9;text-align: center;margin-bottom: 10px;}
.kfcon .one .hbot ul li img{width:80%;margin-bottom: 5px;}
.kfcon .one .hbot ul li p{font-family: PingFang SC;font-size: 12px;font-weight: 400;line-height: 16.8px;text-align: center;color: #60626B;margin-bottom: 5px;}
.kfcon .one .hbot ul li span{font-family: PingFang SC;font-size: 10px;font-weight: 400;line-height: 14px;text-align: center;color: #0089A8;}

/*品牌中心*/
.Brandcon{width:100%;display: flex; align-items: start;justify-content: center;}
.Brandcon .bleft{width:24%;background:#FAFAFA ;height:100vh;}
.Brandcon .bleft ul{width:100%;}
.Brandcon .bleft ul li{width:100%;margin-bottom: 10px;}
.Brandcon .bleft ul li a{width:100%;display: block;padding: 10px 0;}
.Brandcon .bleft ul li a p{width:80%;height: 36px;display: flex; align-items: center;justify-content: center; margin: 0 auto; font-family: PingFang SC;font-size: 13px;font-weight: 400;line-height: 18.2px;text-align: center;color: #383B46;}
.Brandcon .bleft ul li.actives{background: rgba(0, 137, 168, 0.05);}
.Brandcon .bleft ul li.actives a{position: relative;}
.Brandcon .bleft ul li.actives a::before{content: '';position: absolute;left: 0;top: 35.7%;right: auto;height: 20px;width: 3px;background-color: #0089A8;border-radius: 0 2px 2px 0;}
.Brandcon .bleft ul li.actives a p{color: #0089A8;}

.Brandcon .bright{width:76%;background: #fff;}
.Brandcon .bright ul{width:100%;}
.Brandcon .bright ul li{width:89.47%;margin: 0 auto;}
.Brandcon .bright ul li.tjpp{}
.Brandcon .bright ul li.tjpp .titcn{font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;color: #0089A8;padding: 15px 0;}
.Brandcon .bright ul li.tjpp ul{width: 100%; display:grid;grid-template-columns: 31% 31% 31%;grid-column-gap: 3.5%;}
.Brandcon .bright ul li.tjpp ul li{width:100%;padding: 10px 0;border: 1px solid #F7F8F9;text-align: center;margin-bottom:5px ;}
.Brandcon .bright ul li.tjpp ul li a{display: block;}
.Brandcon .bright ul li.tjpp ul li a img{width:80%;margin-bottom: 5px;height:30px;object-fit:contain;}
.Brandcon .bright ul li.tjpp ul li a p{font-family: PingFang SC;font-size: 12px;font-weight: 400;line-height: 16.8px;text-align: center;color: #383B46;}

.Brandcon .bright ul li.qbpp{}
.Brandcon .bright ul li.qbpp .titcn{font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;color: #0089A8;padding: 15px 0;}
.Brandcon .bright ul li.qbpp ul{width: 100%; display:grid;grid-template-columns: 31% 31% 31%;grid-column-gap: 3.5%;}
.Brandcon .bright ul li.qbpp ul li{width:100%;padding: 10px 0;border: 1px solid #F7F8F9;text-align: center;margin-bottom:5px ;}
.Brandcon .bright ul li.qbpp ul li a{display: block;}
.Brandcon .bright ul li.qbpp ul li a img{margin-bottom: 5px;height:30px;object-fit:contain;margin:auto;}
.Brandcon .bright ul li.qbpp ul li a p{font-family: PingFang SC;font-size: 12px;font-weight: 400;line-height: 16.8px;text-align: center;color: #383B46;}


.Brandcon .bright ul li.flpp{}
.Brandcon .bright ul li.flpp ul{width: 100%;}
.Brandcon .bright ul li.flpp ul li{border-bottom: 1px solid #EBEBEC; width:100%; /*height:45px; */padding:15px 0px ;}
.Brandcon .bright ul li.flpp ul li span{width: 90%;margin: 0 5% 0 5%; display: block; height: 100%;  position: relative;cursor:pointer; font-family: PingFang SC;
font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;color: #0089A8;}
.Brandcon .bright ul li.flpp ul li span i{ display: block; height: 24px; width: 24px; background: url('../img/brjian.png') no-repeat center center; background-size:80% 80%; position: absolute; right: 0px; top: 50%; margin-top: -12px;  transition: all 0.3s ease-out; transform: rotate(0deg);}
.Brandcon .bright ul li.flpp ul li span i.action{ transition: all 0.3s ease-out;background: url('../img/brjia.png') no-repeat center center; background-size:80% 80%;}
.Brandcon .bright ul li.flpp ul li.show>dl{ display: block;  background: #fff; margin-top:10px;}
.Brandcon .bright ul li.flpp ul li>dl{ display: none;  background: #fff; margin-top:10px;}
.Brandcon .bright ul li.flpp ul li>dl dt{width: 31%;margin: 0 2% 10px 0%; padding: 15px 0;float: left;border: 1px solid #F7F8F9;text-align: center;}
.Brandcon .bright ul li.flpp ul li>dl dt:nth-child(3n){margin: 0 0% 10px 0%;}
.Brandcon .bright ul li.flpp ul li>dl dt a{display: block;}
.Brandcon .bright ul li.flpp ul li>dl dt a img{margin-bottom: 5px;height:30px;object-fit:contain;margin:auto;}
.Brandcon .bright ul li.flpp ul li>dl dt a p{font-family: PingFang SC;font-size: 12px;font-weight: 400;line-height: 16.8px;text-align: center;color: #383B46;}


/*品牌详情*/
.branddetailcon{width: 100%;background: #FFF;padding: 0 0 23px 0 ;margin-top: 60px;}
.branddetailcon .bdbottom{width: 100%;}
.branddetailcon .bdbottom .brandjs{width: 100%;background: #fff; }
.branddetailcon .bdbottom .brandjs .jsleft{width: 100%;text-align: center;padding: 10px 0;}
.branddetailcon .bdbottom .brandjs .jsleft img{width: 40%;margin-bottom: 5px;}
.branddetailcon .bdbottom .brandjs .jsleft p{font-family: PingFang SC;font-size: 16px;font-weight: 400;line-height: 22.4px;text-align: center;color: #383B46;}
.branddetailcon .bdbottom .brandjs .jsright{width: 100%;padding:20px 0 ;}
.branddetailcon .bdbottom .brandjs .jsright .p{width: 100%;margin: 0 auto 10px;}
.branddetailcon .bdbottom .brandjs .jsright .p .con{max-height:72px;overflow:hidden}
.branddetailcon .bdbottom .brandjs .jsright .p .con p{font-family: PingFang SC;font-size: 16px;font-weight: 400;line-height: 24px;text-align: left;color: #60626B;}
.branddetailcon .bdbottom .brandjs .jsright .p.on .con{max-height:none}
.branddetailcon .bdbottom .brandjs .jsright .p.on .con p{font-family: PingFang SC;font-size: 16px;font-weight: 400;line-height: 24px;text-align: left;color: #60626B;}

.branddetailcon .bdbottom .brandjs .jsright .show{cursor: pointer;display: flex;align-items:center;justify-content:start;}
.branddetailcon .bdbottom .brandjs .jsright .show span{width: fit-content;font-family: PingFang SC;font-size: 16px;font-weight: 400;line-height: 24px;text-align: left;color: #0089A8;}
.branddetailcon .bdbottom .brandjs .jsright .show img{width: 16px;margin-left: 0px; vertical-align: middle;}

.branddetailcon .bdbottom .brandfl{width: 100%;background: #fff;display: flex;align-items:center;justify-content:start;margin-bottom: 20px;}

.branddetailcon .bdbottom .brandfl .flmiddle{width: 80%;}
.branddetailcon .bdbottom .brandfl .flmiddle ul{width: 90%;margin: 0 auto;display: grid;align-items:center;justify-content:space-between;grid-template-columns: 31% 31% 31% ;grid-column-gap: 3.5%;}


.branddetailcon .bdbottom .brandfl .flmiddle ul li{width: 100%;padding: 15px 0;}
.branddetailcon .bdbottom .brandfl .flmiddle ul li a{display: block;font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 22px;text-align: center;color: #AFB1B5;}


.branddetailcon .bdbottom .brandfl .flmiddle ul li a{display: block;font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 22px;text-align: center;color: #AFB1B5;}
.branddetailcon .bdbottom .brandfl .flmiddle ul li.actives{position: relative;}
.branddetailcon .bdbottom .brandfl .flmiddle ul li.actives::before{content: '';position: absolute;bottom: 0 ;left:30% ; height: 3px;width: 32px;background-color: #0089A8;}
.branddetailcon .bdbottom .brandfl .flmiddle ul li.actives a{color: #0089A8;}

.branddetailcon .bdbottom .brandfl .flrightt{width: 20%;}
.branddetailcon .bdbottom .brandfl .flrightt .show{ margin: 0  auto ;cursor: pointer;display: flex;align-items:center;justify-content:center;}
.branddetailcon .bdbottom .brandfl .flrightt .show span{width: fit-content;font-family: PingFang SC;font-size: 16px;font-weight: 400;line-height: 24px;text-align: center;color: #383B46;}
.branddetailcon .bdbottom .brandfl .flrightt .show img{width: 16px;margin-left: 0px; vertical-align: middle;}


.branddetailcon .bdbottom .brandxq{width: 100%;background: #fff;padding: 0px 0;}
.branddetailcon .bdbottom .brandxq .xqcon{width: 100%;margin: 0 auto 20px;}
.branddetailcon .bdbottom .brandxq .xqcon .xqtit{background: #0089A8; width: 100%;padding:10px 0 10px 0px; border-radius: 6px 6px 0 0;}
.branddetailcon .bdbottom .brandxq .xqcon .xqtit p{width: 90%;margin: 0 auto;font-family: Alibaba PuHuiTi 2.0;font-size: 16px;font-weight: 700;line-height: 22.4px;text-align: left;color: #fff;}

.branddetailcon .bdbottom .brandxq .xqcon .xq-head{border: 1px solid #F7F8F9; height: 40px; background: rgba(0, 137, 168, 0.05); display: grid;grid-template-columns: 17.3% 32.6% 32.6% 17.3%  ;justify-content: center;align-items: center;}
.branddetailcon .bdbottom .brandxq .xqcon .xq-head li{ font-family: PingFang SC;font-size: 13px;font-weight: 400;line-height: 13px;text-align: center;color: #0089A8;}

.branddetailcon .bdbottom .brandxq .xqcon .xq-con{ display: grid;grid-template-columns:17.3% 32.6% 32.6% 17.3%  ;}
.branddetailcon .bdbottom .brandxq .xqcon .xq-con li{ align-self: stretch;  border: 1px solid #F7F8F9; text-align: center;padding: 15px 5px;font-family: PingFang SC;font-size: 13px;font-weight: 400;line-height: 150%px;text-align: left;color:#888990 ;display: flex;justify-content: center;align-items: center;}
.branddetailcon .bdbottom .brandxq .xqcon .xq-con li:first-child{ color:#6481DC ;}


.brandfltc{ position: fixed;    left: 0;    bottom: 48px;width: 100%;background: #fff;padding: 20px;box-sizing: border-box;transition: transform 0.3s ease-out;}
.brandfltc.show {transform: translateY(0);}
.brandfltc.hide {transform: translateY(100%);}
.brandfltc ul{width: 92%;margin: 0 auto 15px;}
.brandfltc ul li{width: fit-content;margin: 0 10px 10px 0; float: left;background:#F7F8F9 ; border-radius: 4px;padding: 10px 15px;}
.brandfltc ul li a{display: block; font-family: PingFang SC;font-size: 13px;font-weight: 400;line-height: 18.2px;text-align: center;color: #383B46;}

.brandfltc ul li.actives{background:rgba(0, 137, 168, 0.05) ; }
.brandfltc ul li.actives a{color: #0089A8;}


.brandfltc .qd{width: 92%;margin: 0 auto; padding:10px 0 ;background: #0089A8;border-radius: 6px;}
.brandfltc .qd p{font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: center;color: #FFF;}

/*产品中心*/
.Productcon{width:100%;display: flex; align-items: start;justify-content: center;}
.Productcon .pleft{width:24%;background:#FAFAFA ;height:100vh;}
.Productcon .pleft ul{width:100%;}
.Productcon .pleft ul li{width:100%;margin-bottom: 10px;}
.Productcon .pleft ul li a{width:100%;display: block;padding: 10px 0;}
.Productcon .pleft ul li a p{width:80%;height: 36px;display: flex; align-items: center;justify-content: center; margin: 0 auto; font-family: PingFang SC;font-size: 13px;font-weight: 400;line-height: 18.2px;text-align: center;color: #383B46;}
.Productcon .pleft ul li.actives{background: rgba(0, 137, 168, 0.05);}
.Productcon .pleft ul li.actives a{position: relative;}
.Productcon .pleft ul li.actives a::before{content: '';position: absolute;left: 0;top: 35.7%;right: auto;height: 20px;width: 3px;background-color: #0089A8;border-radius: 0 2px 2px 0;}
.Productcon .pleft ul li.actives a p{color: #0089A8;}

.Productcon .pright{width:76%;background: #fff;height:100vh;}
.Productcon .pright ul{width:100%;}
.Productcon .pright ul li{width:89.47%;margin: 0 auto;}
.Productcon .pright ul li.flpp{}
.Productcon .pright ul li.flpp ul{width: 100%;}
.Productcon .pright ul li.flpp ul li{border-bottom: 1px solid #EBEBEC; width:100%; /*height:45px; */padding:15px 0px ;}
.Productcon .pright ul li.flpp ul li span{width: 90%;margin: 0 5% 0 5%; display: block; height: 100%;  position: relative;cursor:pointer; font-family: PingFang SC;
font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;color: #0089A8;}
.Productcon .pright ul li.flpp ul li span i{ display: block; height: 24px; width: 24px; background: url('../img/brjian.png') no-repeat center center; background-size:80% 80%; position: absolute; right: 0px; top: 50%; margin-top: -12px;  transition: all 0.3s ease-out; transform: rotate(0deg);}
.Productcon .pright ul li.flpp ul li span i.action{ transition: all 0.3s ease-out;background: url('../img/brjia.png') no-repeat center center; background-size:80% 80%;}
.Productcon .pright ul li.flpp ul li.show>dl{ display: block;  background: #fff; margin-top:10px;}
.Productcon .pright ul li.flpp ul li>dl{ display: none;  background: #fff; margin-top:10px;}
.Productcon .pright ul li.flpp ul li>dl dt{width: 48%;margin: 0 4% 15px 0%; padding: 10px 0;float: left;background: #F7F8F9;border-radius: 4px; text-align: center;}
.Productcon .pright ul li.flpp ul li>dl dt:nth-child(2n){margin: 0 0% 15px 0%;}
.Productcon .pright ul li.flpp ul li>dl dt a{display: block;font-family: PingFang SC;font-size: 12px;font-weight: 400;line-height: 16.8px;text-align: center;color:#4C4F59;}
.Productcon .pright ul li.flpp ul li>dl dt.actives a{color: #0089A8;}




/*产品列表*/
.productlistcon{width: 100%;background: #F7F8F9;padding-bottom: 50px;}
.productlistcon .onemiddle{width: 100%;background: #fff;padding: 10px 0 15px;}
.productlistcon .onemiddle .midcon{width: 92%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
.productlistcon .onemiddle .midcon .mleft{width: fit-content;display: flex;align-items: center;justify-content: center;}
.productlistcon .onemiddle .midcon .mleft .mrpx{background:#FFFFFF ;padding: 6px 15px;}
.productlistcon .onemiddle .midcon .mleft .mrpx p{font-family: PingFang SC;font-size: 16px;font-weight: 400;line-height: 22.4px;text-align: left;color: #383B46;}
.productlistcon .onemiddle .midcon .mleft .jgpx{padding: 6px 20px; font-family: PingFang SC;font-size: 16px;font-weight: 400;line-height: 22.4px;text-align: left;color: #888990;}


.productlistcon .onemiddle .midcon .mleft .jgpx .table-sort{display:inline-block;width:10px;height:20px;margin-left:5px;cursor:pointer!important;vertical-align:middle;position:relative}
.productlistcon .onemiddle .midcon .mleft .jgpx .table-sort i{border:6px dashed transparent;position:absolute;left:5px}
.productlistcon .onemiddle .midcon .mleft .jgpx .table-sort .sort-asc{top:2px;border-top:0;border-bottom-style:solid;border-bottom-color:#AAAAAA}
.productlistcon .onemiddle .midcon .mleft .jgpx .table-sort .sort-asc.cur,.table-sort .sort-asc:hover{border-bottom-color:#fff}
.productlistcon .onemiddle .midcon .mleft .jgpx .table-sort .sort-desc{bottom:3px;border-bottom:0;border-top-style:solid;border-top-color:#AAAAAA}
.productlistcon .onemiddle .midcon .mleft .jgpx .table-sort .sort-desc.cur,.table-sort .sort-desc:hover{border-top-color:#fff}

.productlistcon .onemiddle .midcon .mright{width: fit-content;}
.productlistcon .onemiddle .midcon .mright .show{ margin: 0  auto ;cursor: pointer;display: flex;align-items:center;justify-content:center;}
.productlistcon .onemiddle .midcon .mright .show span{width: fit-content;font-family: PingFang SC;font-size: 16px;font-weight: 400;line-height: 24px;text-align: center;color: #383B46;}
.productlistcon .onemiddle .midcon .mright .show img{width: 20px;margin-left: 0px; vertical-align: middle;}

.productlistcon .onebot{width: 100%;padding: 15px 0;}
.productlistcon .onebot ul{width: 100%;display:grid;grid-template-columns: 48% 48% ;grid-column-gap: 4%;}
.productlistcon .onebot ul li{width: 100%;background: #fff;border-radius: 6px;  margin-bottom: 15px;padding: 10px 0;}
.productlistcon .onebot ul li .pbotcon{width: 85%;margin: 0 auto;text-align: center;}
.productlistcon .onebot ul li .pbotcon img{width: 80%;margin-bottom: 10px;}
.productlistcon .onebot ul li .pbotcon p{margin-bottom: 15px; font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;color: #383B46;}
.productlistcon .onebot ul li .pbotcon p span{color: #EB4632;}
.productlistcon .onebot ul li .pbotcon .jgbot{width: 100%;display: flex;align-items: center;justify-content: space-between;}
.productlistcon .onebot ul li .pbotcon .jgbot .jgys{width: fit-content;font-family: PingFang SC;font-size: 18px;font-weight: 400;line-height: 25.2px;
text-align: left;color: #EB4632;}
.productlistcon .onebot ul li .pbotcon .jgbot .jgys span{font-family: PingFang SC;font-size: 12px;font-weight: 400;line-height: 16.8px;
text-align: left;color: #EB4632;}
.productlistcon .onebot ul li .pbotcon .jgbot img{width: 32px;}


/* 产品悬浮 */
.proclasstc{ position: fixed;left: 0;bottom: 0px;width: 100%;height: 100vh; background: #FAFAFA;box-sizing: border-box;transition: transform 0.3s ease-out;z-index: 1000;overflow-y: scroll;}
.proclasstc::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0rem rgba(0,0,0,0.2);background:#f7f8f9;border-radius:0px;}
.proclasstc::-webkit-scrollbar{width:5px;height:10px}
.proclasstc::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 0rem rgba(0,0,0,0.2);background:#0089A8;margin-right:100px;border-radius:25px}

.proclasstc.show {transform: translateY(0); }
.proclasstc.hide {transform: translateY(100%);}


.proclasstc .plistpp{width: 100%;background: #fff;margin-bottom: 5PX;padding: 20px 0;}
.proclasstc .plistpp .pptop{width: 100%; display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;}
.proclasstc .plistpp .pptop p{width: fit-content;font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;color: #383B46;}
.proclasstc .plistpp .pptop .show{width: fit-content; cursor: pointer;display: flex;align-items:center;justify-content:center;}
.proclasstc .plistpp .pptop .show span{width: fit-content;font-family: PingFang SC;font-size: 10px;font-weight: 400;line-height: 24px;text-align: center;color: #383B46;}
.proclasstc .plistpp .pptop .show img{width: 16px;margin-left: 0px; vertical-align: middle;transform: rotate(90deg);}
.proclasstc .plistpp .ppbot{width: 100%;}
.proclasstc .plistpp .ppbot ul{width: 100%;display:grid;grid-template-columns: 31% 31% 31%;grid-column-gap: 3.5%;max-height:100px;overflow:hidden}
.proclasstc .plistpp .ppbot ul.on{max-height:none}
.proclasstc .plistpp .ppbot ul li{width: 100%;border: 1px solid #F7F8F9;border-radius: 4px;margin-bottom: 10px;box-sizing:border-box;}
.proclasstc .plistpp .ppbot ul li.actives{border: 1px solid #0089A8;border-radius: 4px;}
.proclasstc .plistpp .ppbot ul li img{width: 100%;}

.proclasstc .plistcd{width: 100%;background: #fff;margin-bottom: 5PX;padding: 20px 0;}
.proclasstc .plistcd .cdtop{width: 100%; margin-bottom: 15px;}
.proclasstc .plistcd .cdtop p{width: fit-content;font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;color: #383B46;}
.proclasstc .plistcd .cdbot{width: 100%;}
.proclasstc .plistcd .cdbot ul{width: 100%;display:grid;grid-template-columns: 31% 31% 31%;grid-column-gap: 3.5%;}
.proclasstc .plistcd .cdbot ul li{width: 100%;border: 1px solid #F7F8F9;border-radius: 4px;margin-bottom: 10px;box-sizing:border-box;padding:7.5px 0 ;}
.proclasstc .plistcd .cdbot ul li.actives{border: 1px solid #0089A8;border-radius: 4px;}
.proclasstc .plistcd .cdbot ul li a{display: block;font-family: PingFang SC;font-size: 12px;font-weight: 400;line-height: 16.8px;text-align: center;color: #383B46;}
.proclasstc .plistcd .cdbot ul li.actives a{color: #0089A8;}

.proclasstc .plistlx{width: 100%;background: #fff;margin-bottom: 5PX;padding: 20px 0;}
.proclasstc .plistlx .lxtop{width: 100%; display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;}
.proclasstc .plistlx .lxtop p{width: fit-content;font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;color: #383B46;}
.proclasstc .plistlx .lxtop .show{width: fit-content; cursor: pointer;display: flex;align-items:center;justify-content:center;}
.proclasstc .plistlx .lxtop .show span{width: fit-content;font-family: PingFang SC;font-size: 10px;font-weight: 400;line-height: 24px;text-align: center;color: #383B46;}
.proclasstc .plistlx .lxtop .show img{width: 16px;margin-left: 0px; vertical-align: middle;transform: rotate(90deg);}
.proclasstc .plistlx .lxbot{width: 100%;}
.proclasstc .plistlx .lxbot ul{width: 100%;display:grid;grid-template-columns: 31% 31% 31%;grid-column-gap: 3.5%;max-height:85px;overflow:hidden;}
.proclasstc .plistlx .lxbot ul.on{max-height:none}
.proclasstc .plistlx .lxbot ul li{width: 100%;border: 1px solid #F7F8F9;border-radius: 4px;margin-bottom: 10px;box-sizing:border-box;padding:7.5px 0 ;}
.proclasstc .plistlx .lxbot ul li.actives{border: 1px solid #0089A8;border-radius: 4px;}
.proclasstc .plistlx .lxbot ul li a{display: block;font-family: PingFang SC;font-size: 12px;font-weight: 400;line-height: 16.8px;text-align: center;color: #383B46;}
.proclasstc .plistlx .lxbot ul li.actives a{color: #0089A8;}

.proclasstc .plistwd{width: 100%;background: #fff;margin-bottom: 5PX;padding: 20px 0;}
.proclasstc .plistwd .wdtop{width: 100%; margin-bottom: 15px;}
.proclasstc .plistwd .wdtop p{width: fit-content;font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;color: #383B46;}
.proclasstc .plistwd .wdbot{width: 100%;}
.proclasstc .plistwd .wdbot ul{width: 100%;display:grid;grid-template-columns: 31% 31% 31%;grid-column-gap: 3.5%;}
.proclasstc .plistwd .wdbot ul li{width: 100%;border: 1px solid #F7F8F9;border-radius: 4px;margin-bottom: 10px;box-sizing:border-box;padding:7.5px 0 ;}
.proclasstc .plistwd .wdbot ul li.actives{border: 1px solid #0089A8;border-radius: 4px;}
.proclasstc .plistwd .wdbot ul li a{display: block;font-family: PingFang SC;font-size: 12px;font-weight: 400;line-height: 16.8px;text-align: center;color: #383B46;}
.proclasstc .plistwd .wdbot ul li.actives a{color: #0089A8;}

.proclasstc .plistrj{width: 100%;background: #fff;margin-bottom: 5PX;padding: 20px 0;}
.proclasstc .plistrj .rjtop{width: 100%; margin-bottom: 15px;}
.proclasstc .plistrj .rjtop p{width: fit-content;font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;color: #383B46;}
.proclasstc .plistrj .rjbot{width: 100%;}
.proclasstc .plistrj .rjbot ul{width: 100%;display:grid;grid-template-columns: 31% 31% 31%;grid-column-gap: 3.5%;}
.proclasstc .plistrj .rjbot ul li{width: 100%;border: 1px solid #F7F8F9;border-radius: 4px;margin-bottom: 10px;box-sizing:border-box;padding:7.5px 0 ;}
.proclasstc .plistrj .rjbot ul li.actives{border: 1px solid #0089A8;border-radius: 4px;}
.proclasstc .plistrj .rjbot ul li a{display: block;font-family: PingFang SC;font-size: 12px;font-weight: 400;line-height: 16.8px;text-align: center;color: #383B46;}
.proclasstc .plistrj .rjbot ul li.actives a{color: #0089A8;}

.proclasstc .plisthq{width: 100%;background: #fff;margin-bottom: 5PX;padding: 20px 0;}
.proclasstc .plisthq .hqtop{width: 100%; margin-bottom: 15px;}
.proclasstc .plisthq .hqtop p{width: fit-content;font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;color: #383B46;}
.proclasstc .plisthq .hqbot{width: 100%;}
.proclasstc .plisthq .hqbot ul{width: 100%;display:grid;grid-template-columns: 31% 31% 31%;grid-column-gap: 3.5%;}
.proclasstc .plisthq .hqbot ul li{width: 100%;border: 1px solid #F7F8F9;border-radius: 4px;margin-bottom: 10px;box-sizing:border-box;padding:7.5px 0 ;}
.proclasstc .plisthq .hqbot ul li.actives{border: 1px solid #0089A8;border-radius: 4px;}
.proclasstc .plisthq .hqbot ul li a{display: block;font-family: PingFang SC;font-size: 12px;font-weight: 400;line-height: 16.8px;text-align: center;color: #383B46;}
.proclasstc .plisthq .hqbot ul li.actives a{color: #0089A8;}

.proclasstc .anniu{width: 100%;background: #fff;padding: 10px 0;}
.proclasstc .anniu .anniucon{width: 100%;display: flex;align-items: center;justify-content: center;}
.proclasstc .anniu .anniucon .aleft{width: 50%; background: #fff;padding: 10px 0; border: 1px solid #0089A8;border-radius: 10px 0 0 10px;}
.proclasstc .anniu .anniucon .aleft p{font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: center;color: #0089A8;}
.proclasstc .anniu .anniucon .aright{width: 50%; background: #0089A8;padding: 10px 0; border: 1px solid #0089A8;border-radius:0 10px 10px 0;}
.proclasstc .anniu .anniucon .aright p{font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: center;color: #fff;}
.proclasstc .anniu .anniucon .aright p span{font-family: PingFang SC;font-size: 12px;font-weight: 400;line-height: 19.6px;text-align: center;color: #fff;}




/*产品详情*/
.prodecon{width: 100%;background: #FAFAFA;padding: 0 0 50px 0 ;margin-top: 60px;}

.prodecon .prodecontttt{width: 100%;}
.prodecon .prodecontttt .prodetop{width: 100%;margin-bottom: 5px;}
.prodecon .prodecontttt .prodetop .tleft{width: 100%;position: relative;}


.prodecon .prodecontttt .prodetop .tleft .swiper-container .swiper-slide{width:100%;}
.prodecon .prodecontttt .prodetop .tleft .swiper-container .swiper-slide img{width: 100%;}
.prodecon .prodecontttt .prodetop .tleft .swiper-container{margin-top: 0px;width: 100%;}
.prodecon .prodecontttt .prodetop .tleft .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: url(../img/right.png) no-repeat;background-size: cover; width: 40px;height: 95px;right: 10px;}
.prodecon .prodecontttt .prodetop .tleft .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: url(../img/left.png) no-repeat;background-size: cover; width: 40px;height:95px;left: 10px;}
.prodecon .prodecontttt .prodetop .tleft .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content: '';}
.prodecon .prodecontttt .prodetop .tleft .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content: '';}
.prodecon .prodecontttt .prodetop .tleft .p2{ width: 55px;height: 25px;background: rgba(0, 0, 0, 0.44);border-radius: 33px;text-align:center;color:#fff; line-height:20px; position:absolute; bottom:32px; z-index:5;right:5px;left:80%;}
.prodecon .prodecontttt .prodetop .tleft .p2 span{font-family: Roboto;font-size: 14px;font-weight: 400;line-height: 25px;text-align: center;color:#fff ; }

.prodecon .prodecontttt .prodetop .tright{width: 100%;}
.prodecon .prodecontttt .prodetop .tright .pdtit{width: 100%;margin-bottom: 0px; background: #fff;padding:15px 0 20px 0 ;}
.prodecon .prodecontttt .prodetop .tright .pdtit .rtit{margin-bottom: 10px; font-family: PingFang SC;font-size: 18px;font-weight: 400;line-height: 25.2px;text-align: left;color: #383B46;}
.prodecon .prodecontttt .prodetop .tright .pdtit .rsubtit{font-family: PingFang SC;font-size: 13px;font-weight: 400;line-height: 18.2px;text-align: left;color: #888990;}
.prodecon .prodecontttt .prodetop .tright .pdxq{width: 100%;margin-bottom: 5px;background: #fff;padding:0px 0 15px 0 ;}
.prodecon .prodecontttt .prodetop .tright .pdxq .xqjg{ width: 100%;margin: 0 auto 10px; font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;color: #888990;display: flex;align-items: end;}
.prodecon .prodecontttt .prodetop .tright .pdxq .xqjg p{font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;color: #EB4632;}
.prodecon .prodecontttt .prodetop .tright .pdxq .xqjg p span{font-family: PingFang SC;font-size: 24px;font-weight: 400;line-height: 100%;text-align: left;color: #EB4632;}
.prodecon .prodecontttt .prodetop .tright .pdxq .xqpp{width: 100%;margin: 0 auto 20px; font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;color: #888990;display: flex;align-items: end;}
.prodecon .prodecontttt .prodetop .tright .pdxq .xqpp span{color: #0089A8;}

.prodecon .prodecontttt .prodetop .tright .pdxq .pddh{width: 100%;padding: 15px 0;background:rgba(235, 70, 50, 0.05) ;display: flex;align-items: center;justify-content: sp;}
.prodecon .prodecontttt .prodetop .tright .pdxq .pddh img{width: 28px;margin: 0 5% 0 5%;}
.prodecon .prodecontttt .prodetop .tright .pdxq .pddh p{width: fit-content;font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;color: #EB4632;}
.prodecon .prodecontttt .prodetop .tright .pdxq .pddh p span{font-family: PingFang SC;font-size: 20px;font-weight: 400;line-height: 28px;text-align: left;}

.prodecon .prodecontttt .prodetop .tright .xzdown{width: 100%; display: flex;align-items: center;justify-content: space-between;padding: 20px 0;margin-bottom: 5px;background: #fff;}
.prodecon .prodecontttt .prodetop .tright .xzdown .w{ display: flex;align-items: center;justify-content: space-between;}
.prodecon .prodecontttt .prodetop .tright .xzdown .w .xzleft{width: fit-content;font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;color: #383B46;}
.prodecon .prodecontttt .prodetop .tright .xzdown .w .xzright{width: fit-content;}
.prodecon .prodecontttt .prodetop .tright .xzdown .w .xzright ul{width: 100%; display: flex;align-items: center;justify-content: space-around;}
.prodecon .prodecontttt .prodetop .tright .xzdown .w .xzright ul li{width: fit-content;display: flex;align-items: center;justify-content: center;margin-right: 10px;}
.prodecon .prodecontttt .prodetop .tright .xzdown .w .xzright ul li img{width: 20px;margin-right: 10px;}
.prodecon .prodecontttt .prodetop .tright .xzdown .w .xzright ul li p{font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: center;color: #60626B;}

.prodecon .prodecontttt .prodetop .tright .zycs{width: 100%; display: flex;align-items: center;justify-content: space-between;padding: 20px 0;margin-bottom: 5px;background: #fff;}
.prodecon .prodecontttt .prodetop .tright .zycs .w{ display: flex;align-items: center;justify-content: space-between;}
.prodecon .prodecontttt .prodetop .tright .zycs .w .zyleft{width: fit-content;font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;color: #383B46;}
.prodecon .prodecontttt .prodetop .tright .zycs .w .zyright{width: 70%;}
.prodecon .prodecontttt .prodetop .tright .zycs .w .zyright ul{width: 100%; display: flex;align-items: center;justify-content: space-between;}
.prodecon .prodecontttt .prodetop .tright .zycs .w .zyright ul li{width: fit-content;margin-right: 10px;text-align: center;}
.prodecon .prodecontttt .prodetop .tright .zycs .w .zyright ul li h1{width: 100%;margin-bottom: 5px;font-family: PingFang SC;font-size: 12px;font-weight: 400;line-height: 16.8px;text-align: center;color:#383B46 ;}
.prodecon .prodecontttt .prodetop .tright .zycs .w .zyright ul li p{font-family: PingFang SC;font-size: 10px;font-weight: 400;line-height: 14px;text-align: center;color: #888990;}





.prodecon .prodecontttt .prodebot{width: 100%;  background: #fff;padding: 0 0 50px 0 ;}
.prodecon .prodecontttt .prodebot .btit{width: 100%;padding: 15px 0;}
.prodecon .prodecontttt .prodebot .btit p{font-family: PingFang SC;font-size: 16px;font-weight: 400;line-height: 22.4px;text-align: center;color: #383B46;}
.prodecon .prodecontttt .prodebot .stit{margin-bottom: 20px; width: 100%;font-family: PingFang SC;font-size: 16px;font-weight: 400;line-height: 32px;text-align: left;color: #EB4632;}

.prodecon .prodecontttt .prodebot .scon{width: 100%;}
.prodecon .prodecontttt .prodebot .scon p{ width: 100%;font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 28px;text-align: left;color: #383B46;}
.prodecon .prodecontttt .prodebot .scon p span{ width: 100%!important;font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 28px;text-align: left;color: #383B46;}
.prodecon .prodecontttt .prodebot .scon img{max-width: 100%;margin: 10px auto 0;}


/*下载弹窗*/
.xzdowntc{ position: fixed;  z-index: 500;   left: 0; padding:0 0 20px 0;   bottom: 0px;width: 100%;background: #fff;box-sizing: border-box;transition: transform 0.3s ease-out;}
.xzdowntc.show {transform: translateY(0);}
.xzdowntc.hide {transform: translateY(100%);}
.xzdowntc .xztctop{width: 100%;padding: 14px 0; background:#F7F8F9 ;}
.xzdowntc .xztctop .w{display: flex;align-items: center;justify-content:space-between;}
.xzdowntc .xztctop .w p{width: 84.2%;margin-left: 10%; font-family: PingFang SC;font-size: 16px;font-weight: 400;line-height: 22.4px;text-align: center;color: #383B46;}
.xzdowntc .xztctop .w img{width:20px ;}
.xzdowntc .xztcbot{width: 100%; }
.xzdowntc .xztcbot ul{width: 100%; display:grid;grid-template-columns: 48% 48%;grid-column-gap: 4%;padding: 25px 0;}
.xzdowntc .xztcbot ul li{margin-bottom: 10px;border: 1px solid #F7F8F9;border-radius: 6px;padding: 10px 0;display: flex;align-items: center;justify-content: center;}
.xzdowntc .xztcbot ul li.actives{border: 1px solid #0089A8;}
.xzdowntc .xztcbot ul li img{width: 20px;margin-right: 10px;}
.xzdowntc .xztcbot ul li p{font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: center;color: #60626B;}


.xzdowntc .qd{width: 92%;margin: 0 auto; padding:10px 0 ;background: #0089A8;border-radius: 6px;}
.xzdowntc .qd p{font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: center;color: #FFF;}

/*参数弹窗*/

.zycstc{ position: fixed; z-index: 500;   left: 0; padding:0 0 20px 0;   bottom: 0px;width: 100%;background: #fff;box-sizing: border-box;transition: transform 0.3s ease-out;}
.zycstc.show {transform: translateY(0);}
.zycstc.hide {transform: translateY(100%);}
.zycstc .zytctop{width: 100%;padding: 14px 0; background:#F7F8F9 ;}
.zycstc .zytctop .w{display: flex;align-items: center;justify-content:space-between;}
.zycstc .zytctop .w p{width: 84.2%;margin-left: 10%; font-family: PingFang SC;font-size: 16px;font-weight: 400;line-height: 22.4px;text-align: center;color: #383B46;}
.zycstc .zytctop .w img{width:20px ;}
.zycstc .zytcbot{width: 100%; }
.zycstc .zytcbot ul{width: 100%;padding: 25px 0;}
.zycstc .zytcbot ul li{margin-bottom: 15px;padding: 0px 0;display: flex;align-items: center;justify-content: center;}
.zycstc .zytcbot ul li span{width: 30%;font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;color:#AFB1B5;}
.zycstc .zytcbot ul li p{width: 70%;font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;color: #383B46;}


.zycstc .qd{width: 92%;margin: 0 auto; padding:10px 0 ;background: #0089A8;border-radius: 6px;}
.zycstc .qd p{font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: center;color: #FFF;}


/*加入购物车*/
.pdfunction{position:fixed;background: #fff; padding: 10px 0; bottom:0;width: 100%;display: flex; align-items: center;justify-content: space-around;box-shadow: 0px -6px 15px 0px #00000026;}
.pdfunction .fbleft{width:44%;background: #0089A8;border-radius: 6px;}
.pdfunction .fbleft a{display: flex; align-items: center;justify-content: center;padding:10px 0;}
.pdfunction .fbleft a img{ width:20px;margin-right: 10px;}
.pdfunction .fbleft a p{width: fit-content;font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: center;color: #fff; }


.pdfunction .fbright{width:44%;background: #EB4632;border-radius: 6px;}
.pdfunction .fbright a{display: flex; align-items: center;justify-content: center;padding:10px 0;}
.pdfunction .fbright a img{ width:20px;margin-right: 10px;}
.pdfunction .fbright a p{width: fit-content;font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: center;color: #fff; }






/*新闻列表*/
.new_main{width:100%;padding:0px 0 40px;}
.new_main .Newslist{width:100%;}
.new_main .Newslist ul{width:100%;}
.new_main .Newslist ul li{width:100%;margin:0 0% 6% 0;float:left;border-bottom: 1px solid rgba(235, 235, 236, 1);padding:0 0 5% 0}
.new_main .Newslist ul li:nth-child(2n){margin:0 0% 6% 0;}
.new_main .Newslist ul li a{width:100%;display:block;}
.new_main .Newslist ul li a .Ncont{width:100%;display:flex; justify-content:flex-start;}
.new_main .Newslist ul li a .Ncont .nleft{width:34.7%; margin-right:2%;}
.new_main .Newslist ul li a .Ncont .nleft .newsimg{width:100%;margin-bottom:0px;overflow:hidden;}
.new_main .Newslist ul li a .Ncont .nleft img{width:100%;}

.new_main .Newslist ul li a .Ncont .nright{width:fit-content;}
.new_main .Newslist ul li a .Ncont .nright .tit{width:100%;color: #383B46;  font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;margin-bottom:15px;}
.new_main .Newslist ul li a .Ncont .nright .newdatetime{ color: #AFB1B5;  font-family: PingFang SC;font-size: 13px;font-weight: 400;line-height: 18.2px;text-align: left; }



/*新闻详情*/ 
.NewDetailcont{width:100%;padding:20px 0 40px;background: #FFF;margin-top: 60px;}
.NewDetailcont .detit{width:100%;margin:0 0 20px 0;}
.NewDetailcont .detit .tit{   color: #383B46;  font-family: PingFang SC;font-size: 16px;font-weight: 400;line-height: 22.4px;text-align: left;margin:0 0 10px 0;}
.NewDetailcont .detit .datime{color: #AFB1B5;  font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;}
.NewDetailcont .decont{width:100%;padding: 0px;  background: #ffffff;}
.NewDetailcont .decont .ctop{width:100%;border-bottom: 1px solid #ebebec; border-top: 1px solid #ebebec; margin-bottom:30px;padding: 20px 0;}
.NewDetailcont .decont .ctop p{font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 28px;text-align: left;color: #60626B;}
.NewDetailcont .decont .ctop img{max-width:100%;margin: 0 auto;}

.NewDetailcont .decont .cbottom{width:100%;display:block;align-items:center; justify-content:space-between;}
.NewDetailcont .decont .cbottom .bleft{width:100%;margin:0 0 30px 0;}
.NewDetailcont .decont .cbottom .bleft ul{width:100%;}
.NewDetailcont .decont .cbottom .bleft ul li{width:100%;margin-bottom: 10px;}
.NewDetailcont .decont .cbottom .bleft ul li a{display: block;font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 28px;text-align: left;color: #383B46;}
.NewDetailcont .decont .cbottom .bright{width:50%;  border: 1px solid #0089A8;  box-sizing: border-box;padding:10px 25px;margin:0 auto 0;}
.NewDetailcont .decont .cbottom .bright .but{width:100%;display:flex;align-items:center;justify-content:center;}
.NewDetailcont .decont .cbottom .bright .but p{width:fit-content; color: #0089A8;  font-family: AlibabaPuHuiTi2.0-55Regular;  font-size: 16px;  line-height: 200%;  text-transform: uppercase;margin-right: 2%;}
.NewDetailcont .decont .cbottom .bright .but img{width:20px;}




/*关于我们*/
.aboutcon{width: 100%;background: #fff;padding: 0 0 70px 0;}
.aboutcon .aboutbot{width: 100%;}
.aboutcon .aboutbot .btop{width: 100%;display: block;align-items:center;justify-content:space-between;margin-bottom: 40px;}
.aboutcon .aboutbot .btop .pleft{width: 100%;margin-bottom: 20px;}
.aboutcon .aboutbot .btop .pleft .ptit{font-family: PingFang SC;font-size: 24px;font-weight: 400;line-height: 33.6px;text-align: center;color: #383B46;margin-bottom: 20px;}
.aboutcon .aboutbot .btop .pleft p{font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 28px;text-align: left;color: #60626B;}
.aboutcon .aboutbot .btop .pright{width: 100%;}
.aboutcon .aboutbot .btop .pright img{width: 100%;}
.aboutcon .aboutbot .bbot{width: 100%;}
.aboutcon .aboutbot .bbot .titme{width: 100%;}
.aboutcon .aboutbot .bbot .titme .mtit{font-family: PingFang SC;font-size: 24px;font-weight: 400;line-height: 33.6px;text-align: center;color: #383B46;margin-bottom: 20px;}
.aboutcon .aboutbot .bbot .titme p{font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 28px;text-align: left;color: #60626B;margin-bottom: 32px;}
/*荣誉证书*/
.honorcon{width: 100%;background: #fff;padding: 0 0 70px 0;}
.honorcon .hbot{width: 100%;}
.honorcon .hbot ul{margin-bottom: 20px; display: grid;grid-template-columns: 48% 48%  ; grid-column-gap: 4%;}
.honorcon .hbot ul li {width: 100%;margin-bottom:15px ;padding: 30px 0;background:#F7F8F9 ;}
.honorcon .hbot ul li .dimg{width: 100%;margin-bottom:10px ;text-align: center;padding: 10px 0;}
.honorcon .hbot ul li .dimg img{width: 80%;}
.honorcon .hbot ul li p{font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: center;color: #383B46;}
 /*厂家证书*/
.manufactorcon{width: 100%;background: #fff;padding: 0 0 70px 0;}
.manufactorcon .mbot{width: 100%;}
.manufactorcon .mbot ul{margin-bottom: 20px; display: grid;grid-template-columns: 48% 48%  ; grid-column-gap: 4%;}
.manufactorcon .mbot ul li {width: 100%;margin-bottom:15px ;padding: 30px 0;background:#F7F8F9 ;}
.manufactorcon .mbot ul li .dimg{width: 100%;margin-bottom:10px ;text-align: center;padding: 10px 0;}
.manufactorcon .mbot ul li .dimg img{width: 80%;}
.manufactorcon .mbot ul li p{font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: center;color: #383B46;}




.we{width:100%;padding:40px 0 0px;margin: 60px 0 50px;}
.we .wecont{width:100%;display:block;justify-content:space-between;}
.we .wecont .wcleft{width:100%;margin-bottom:20px ;}
.we .wecont .wcleft .contanct-map{width:100%;height:280px;}
.we .wecont .wcleft .contanct-map img{width:100%;}

.we .wecont .wcright{width:100%;}
.we .wecont .wcright .rtit{width:100%;border-bottom: 5px solid #0089A8;padding:0 0 10px 0;margin-bottom:20px;}
.we .wecont .wcright .rtit .titen{color:#383B46;  font-family: Montserrat;font-size: 14px;font-weight: 700;line-height: 17.07px;text-align: left;}
.we .wecont .wcright .rtit .titcn{color: #383B46; font-family: Alibaba PuHuiTi 2.0;font-size: 24px;font-weight: 700;line-height: 33.6px;text-align: left;}
.we .wecont .wcright .rlist {width:100%;border-bottom: 1px solid rgba(247, 248, 249, 1);display:flex;align-items:center;justify-content:space-between;padding:15px 0;}
.we .wecont .wcright .rlist .listimg{width:10%}
.we .wecont .wcright .rlist .listimg img{width:100%}
.we .wecont .wcright .rlist .listcont{width:87%;}
.we .wecont .wcright .rlist .listcont h2{color: #AFB1B5; font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;margin-bottom:5px;}
.we .wecont .wcright .rlist .listcont p{color: #383B46;  font-family: PingFang SC;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;}




}