img{display:block}
img[alt]{font-size: 16px;color:#333}
.ts span{display:block;line-height: normal;}
.wbFlex{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.fl{float:left}
.fr{float:right}
.hgs{height:100%}
.mr7d3{margin-right:40px}
.ovs{overflow:hidden}
.header .nav li a i.icofont-search-1{font-size:24px}

.mbNone{display:none !important}
.slider .hero-slider .owl-item a{display:block;width:100%;height:100%;}

.ggmess{margin-top: 150px;}
.ggsucc{height: 185px;width: 600px;margin: 0 auto;border: 1px solid #ddd;padding: 20px;display: flex;justify-content: center;align-items: center;flex-flow: column;margin-bottom: 150px;max-width:100%;}
.ggsucc p{font-size: 20px;margin-bottom: 14px;line-height: 1.6em;}
.ggsucc a:hover{color:red}

.header .nav>li{margin-right: 32px;}

.wbJcc{-ms-flex-pack: center;justify-content: center}
.wbJce{-ms-flex-pack: end;justify-content: end}
.wbAtc{-ms-flex-align: center;align-items: center;}
.wbJsb{-ms-flex-pack: space-between;justify-content: space-between}
.wbWrap{-ms-flex-flow: wrap;flex-flow: wrap;}
.wbColumn{-ms-flex-flow: column;flex-flow: column;}

.wbWidth1{width:14.85em;margin:0 auto;position:relative;padding:0 0.2em}
.wbWidth2{width:12.4em;margin:0 auto;position:relative;padding:0 0.2em}
.wbWidth3{width:13.8em;margin:0 auto;position:relative;padding:0 0.2em}


.btn {color: #fff;height: 2.6em;line-height: 2.6em;padding:0 1.6em;font-size: 0.18em;text-transform: capitalize;background: #000000;position: relative;box-shadow: none;display: block;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);border: none;border-radius:0.22em;}
.btn:hover{color:#fff;}
.btn:before{content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #2C2D3F;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;border-radius:0.22em;}
.btn:hover:before{-webkit-transform: scaleX(1);transform: scaleX(1);}

/* 顶部 */
.header-bottom{background-color:#000000;height:0.68em}
.header .wbNav .logos{height:0.6em}
.header .wbNav .logos a{display:block;height:100%}
.header .wbNav .logos a img{max-width:100%;max-height:100%}
.header .middle-header{display: none;}

/* 导航 */
.main-menu{position: relative;}
.header .wbNav{display: flex;justify-content: space-between;align-items: center;}
.header .nav .child1{position:relative;margin: 0;padding: 10px 0 10px 10px;}
.header .nav .dropdown .child1 a{display:block;position:relative;font-size: 0.16em;white-space: nowrap;height: auto;padding-right: 1.4em;}
.header .nav .dropdown i{position:absolute;right:10px;line-height:24px}
.header .nav .dropdown .child1 .dropleft{background: #FFFFFFE5;position: absolute;left:100%;top: 0;z-index: 999;-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);box-shadow: 0px 3px 5px #3333334d;transform-origin: 0 0 0;transform: scaleY(0.2);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;opacity: 0;visibility: hidden;margin:0}
.header .nav .dropdown .child1 .dropleft .child2{position:relative;margin: 0;padding: 6px;}
.header .nav .dropdown .child1 .dropleft a{color:#333;font-size: 16px;}
.header .nav .dropdown .child1:hover .dropleft{opacity:1;visibility:visible;transform:translateY(0px);}

.header .nav .icoBar1,.wbLangs > a .icoBar1{background-image:url(../icon/down.svg);background-repeat:no-repeat;background-size:1.2em;width:1.2em;height:1.2em;margin-left: 0.2em;}
.header .nav li:hover .icoBar1,.wbLangs > a:hover .icoBar1{background-image:url(../icon/down1.svg);}

.header .nav li .dropdown{margin:0;background-color: #FFFFFFE5;position:absolute;top: 100%;z-index: 999;-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);box-shadow: 0px 3px 5px #3333334d;transform-origin: 0 0 0;transform: scaleY(0.2);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;opacity: 0;visibility: hidden;}
.header .nav li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0px);}
.header .nav li:hover > a,.header .nav .dropdown .child1 .dropleft a:hover{color:#000000;font-weight:600}
.header .nav .icoBar2{background-image:url(../images/icojt3.png);background-repeat:no-repeat;background-size:16px;width:16px;height:100%;margin-left: 6px;background-position: right center;}
.header .nav .dropdown .child1:hover .icoBar2{background-image:url(../images/icojt4.png);}

.langSear{position:relative;display: flex;align-items: center;}
.wbLangs{display: flex;justify-content: center;align-items: center;margin-right: 0.3em;}
.wbLangs > a{font-size:0.18em;color:#333333;display: flex;justify-content: center;align-items: center;height:4.6em}
.wbLangs ul{position:absolute;top:100%;left:0;background-color: #FFFFFFE5;z-index: 999;box-shadow: 0px 3px 5px #3333334d;transition: all 0.3s ease 0s;padding:0.1em;transform-origin: 0 0 0;transform: scaleY(0.2);transition: all 0.3s ease 0s;opacity: 0;visibility: hidden;}
.wbLangs:hover ul{opacity:1;visibility:visible;transform:translateY(0px);}
.wbLangs ul li{margin-bottom:0.1em}
.wbLangs ul li a{font-size:0.16em;display: block;}
.wbLangs a:hover{font-weight:600;color:#000000}

.searBtn{width:0.2em;height:0.2em;background-image:url(../icon/search.svg);background-repeat:no-repeat;background-size:100% auto;cursor:pointer}
.searBtn:hover{background-image:url(../icon/search1.svg);}


.titles{width:100%;font-size:0.6em;color:#333;font-weight:600;display:block;line-height: normal;text-align:center;}
.lines{width:1em;height:0.06em;background-color:#333;margin:0.2em auto 0}


/* Search */
.header-bottom{position:fixed;top:-100%;left:0;background-color:#000000;z-index: 1000;width: 100%;height: 2.8em;transition: 0.5s;}
.header-bottom .wbWidth1{display:flex;justify-content: space-between;align-items: center;height: 100%;}
.search{width:100%;position:relative;overflow: hidden;}
.header .search-form {width:100%;height: 100%;overflow: hidden;position:relative;}
.header .search-form label{font-size:0.38em;color:#ffffffa1;display: block;position:absolute;top:0;left:0;line-height:1em;transition:0.3s;pointer-events: none;}


.header .search-form input {width:100%;height: 3.4em;border: none;background: transparent;color: #FFFFFF;display:block;font-size:0.2em;border-bottom: 1px solid #8d8989;}
.header .search-form input:focus{border:none;background-color:transparent;outline:none;border-bottom: 1px solid #8d8989;}
.header .search-form input:focus + label {font-size:0.14em;}
.header .search-form input:-webkit-autofill { -webkit-animation: autofill-fix 1s infinite!important;-webkit-text-fill-color: #FFFFFF;-webkit-transition: background-color 50000s ease-in-out 0s!important;transition: background-color 50000s ease-in-out 0s!important;background-color: transparent!important;background-image: none !important;/* 选择历史记录的背景颜色 */-webkit-box-shadow: 0 0 0 1000px transparent inset!important;}
.header .search-form input::placeholder{color:#000000}

.header .searClose{font-size: 0.2em;border: 1px solid #ffffff;padding: 0.5em 1.6em;border-radius: 1.2em;margin-left: 1em;color: #FFFFFF;cursor:pointer;display:flex;align-items: center;margin-bottom: 1.3em;}
.header .searClose:after{background-image:url(../icon/close.svg);background-repeat:no-repeat;background-position:center;background-size:100% auto;width:1.4em;height:1.4em;display:block;content:'';margin-left: 0.2em;}
.header .searClose:hover{opacity:0.8}
.header .sear-tip{color:#FFFFFF;font-size:0.18em;margin-top: 0.8em;}


/****首页-轮播图****/
.bannerSlider .owl-prev{left:0;transform: rotate(180deg);}
.bannerSlider .owl-next{right:0}
.bannerSlider .owl-dots{position: absolute;bottom: 24px;left: 50%;transform: translateX(-50%);background-color: #FFF;display: flex;padding: 6px 20px;border-radius: 14px;z-index: 9;gap: 8px;}
.bannerSlider .owl-dots .owl-dot{width:10px;height:10px;border-radius: 6px;background-color:#6a6a6a;border: none;}
.bannerSlider .owl-dots button.active{width:20px;background-color:#000000}


/****首页-列表****/
.hmls{margin-top:1em}
.hmls .lns{width:100%;height:1px;background-color:#888888}
.hmls .ts{font-size:0.24em;color:#333;line-height: normal;padding: 0.6em 0;}
.hmls .hmlsMain{display:grid;grid-template-columns: repeat(3, 1fr);gap:0.5em 0.3em;margin-top:0.15em}
.hmls .hmlsMain a{display:block;width:100%;}
.hmls .hmlsMain a .imgs{width:100%;height:4.62em;overflow:hidden;position:relative}
.hmls .hmlsMain a .imgs img{width:100%;height:100%;object-fit:cover;transition:1s}
.hmls .hmlsMain a:hover .imgs img{transform:scale(1.16)}
.hmls .hmlsMain a .imgs .ods{position:absolute;bottom:2.8em;left:2.5em;font-size:0.14em;color:#FFFFFF}
.hmls .hmlsMain a .ts{padding:0 0.1em;font-size:0.24em;letter-spacing:0.08em;text-align:center;margin-top:0.8em}

.hmls .mores{text-align:center;margin-top: 0.5em;}
.hmls .mores a{font-size:0.16em;color:#333333;position:relative;display: inline-block;overflow: hidden;}
.hmls .mores a:after{width:100%;height:1px;background-color:#333333;display:block;content:"";position:absolute;left:0;bottom:0;transition:0.5s}
.hmls .mores a:hover{font-weight:600}
.hmls .mores a:hover:after{left:-100%;}


/****首页-图文展示****/
.hmtw .shipList{background-color:#FFFFFF;padding:1.2em 0;}
.hmtw .shipList .wbWidth1{display:flex;justify-content:space-between;align-items: center;}
.hmtw .shipList .shipLt{width:5.6em;}
.hmtw .shipList .shipLt .ts{font-size:0.38em;margin-bottom:0.8em;font-weight:600;line-height:1.6em}
.hmtw .shipList .shipLt .ds{font-size:0.16em;line-height:1.8em}
.hmtw .shipList .shipLt .btns{background-color: #003ed5;padding: 0.8em 1.5em;font-size: 0.18em;color: #FFFFFF;display: inline-block;margin-top: 3em;line-height:normal}
.hmtw .shipList .shipLt .btns:hover{background-color: #000000;}

.hmtw .shipList .shipRg{width:7.4em;height:4.6em;overflow:hidden}
.hmtw .shipList .shipRg img{width:100%;height:100%;object-fit:cover}

.hmtw .shipList:nth-child(2n+0){background-color:#f6f6f6;}
.hmtw .shipList:nth-child(2n+0) .shipRg{order:1}
.hmtw .shipList:nth-child(2n+0) .shipLt{order:2}

.hmtw .mores{margin-top: 0.2em;}
.hmtw .mores a{font-size:0.16em;color:#333333;position:relative;display: inline-block;overflow: hidden;}
.hmtw .mores a:after{width:100%;height:1px;background-color:#333333;display:block;content:"";position:absolute;left:0;bottom:0;transition:0.5s}
.hmtw .mores a:hover{font-weight:600}
.hmtw .mores a:hover:after{left:-100%;}

.messBtn{display:flex;justify-content:center;margin-bottom: 1em;}
.messBtn a{padding:0.8em 2em;background-color:#333333;color:#FFFFFF;border:1px solid #FFFFFF;font-size:0.18em}
.messBtn a:hover{border:1px solid #333333;background-color:#FFFFFF;color:#333333;transition: all 0.7s;}

/****footer****/
.flogo{margin-bottom:0.2em}
.wbFooter .footTs{font-size:0.24em;color:#FFFFFF;font-weight:600;display:block;margin-bottom: 1.5em;}
.wbFooter li a{font-size:0.16em;color:#b6b6b6;font-weight:400;display:block;transition:0.5s;}
.wbFooter p{font-size:0.16em;color:#b6b6b6;font-weight:400;margin-bottom:0.1em;line-height:1.8em;}
.wbFooter strong,.wbFooter span,.wbFooter p a{font-size:1em;color:#b6b6b6;line-height:normal;display: inline-block;font-weight:400;}
.wbFooter p a:hover{color:#FFFFFF}
.wbCol1{width:3.3em}
.wbCol2{width:2em;margin-top: 0.2em;margin-left: 0.5em;}
.wbCol3{width:2.5em;margin-top: 0.2em;}
.wbCol4{width:3.6em;margin-top: 0.2em;}

.wbFooter li a:hover{transform: translateX(-0.02em);}
.folFooter p{position:relative;padding-left: 2.4em;margin-bottom: 1em;}
.folFooter p i{font-size: 1em;position: absolute;left: 0;width: 1.6em;height: 1.6em;overflow: hidden;border-radius: 50%;border: 1px solid #FFF;text-align: center;line-height: 1.6em;}

.conFooter p{padding-left:2.4em;background-size:1.5em auto;background-repeat:no-repeat;margin-bottom:1em}
.conFooter .tel{background-image:url(../icon/tels.svg)}
.conFooter .whatsapp{background-image:url(../icon/whatsapp.svg)}
.conFooter .email{background-image:url(../icon/email.svg)}
.conFooter .address{background-image:url(../icon/address.svg)}

.copyright-content{position:relative}
.copyright-content ul{display: -ms-flexbox;display:flex;position:absolute;right: 0;top:0}
.copyright-content ul li{color:#FFF;margin:0 12px;font-size:16px}
.copyright-content ul li:hover{color:#2e74d6;}

.wbFooter .social a{font-size:1em;}

.copyright{border-top:1px solid #545454}
.copyright .wbWidth1{display:flex;justify-content:space-between;align-items: center;}
.copyright p,.copyright .footTs{margin:0;padding:0;line-height:normal;font-size:0.16em;font-weight:500;color:#b6b6b6}
.ftshare{display:flex;align-items: center;}
.ftshare img{width:1.4em;margin-left:1em;opacity: 0.8;}
.ftshare img:hover{opacity: 1;}


/*=====================
	面包屑导航标题
=======================*/
.lacts{position:relative}
.lacts .bgs{width:100%;position:relative;z-index:1}
.lacts img{margin:0 auto}
.lacts .descs{width:100%;height:100%;position:absolute;z-index:9;top:0;left:0;display: flex;justify-content: center;align-items: center;flex-flow: column;}
.lacts h1,.lacts span{font-size:0.46em;font-weight:600;font-family:'Poppins',"Arial";display: block;line-height: normal;color:#FFF}
.breadcrumb{padding:0;background-color: transparent;border-radius:0;margin: 0.1em 0 0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;background-image:url(../icon/home.svg);background-repeat:no-repeat;background-size:auto 0.16em;background-position: left;padding-left: 0.25em;}
.breadcrumb .rgs{width:1.4em;height:1em;background-image:url(../icon/right.svg);background-repeat:no-repeat;background-size:auto 1em;background-position: center;padding-left: 0.25em;}
.breadcrumb li{font-size:0.16em;font-family:'Poppins',"Arial";color:#FFF;display: flex;align-items: center;}
.breadcrumb li a:hover{font-weight:600}

.nobcBgs .breadcrumb{background-image:url(../icon/home1.svg);margin-top:0.2em}
.nobcBgs .breadcrumb li{color:#333333;}
.nobcBgs .breadcrumb .rgs{background-image:url(../icon/right1.svg);}
.nobcBgs .breadcrumb li a:hover{font-weight:600}


/*=====================
	联系我们
=======================*/
.contact{padding:0.8em 0 1em}
.contact .wbWidth1{display:flex;justify-content:space-between;}
.contact .ts{font-size:0.42em;color:#000000;margin-bottom:0.2em;line-height: normal;}
.contact .ln{width:0.5em;height:2px;background-color:#333333}
.contactLt{width:5em}
.contactLt .ctBottom,.contactRg .form-contact{margin-top:0.5em;}
.contactLt .ctlink div{padding-left:2.4em;background-size:1.5em auto;background-repeat:no-repeat;color:#333333;margin-bottom:1em;font-size: 0.16em;line-height: 1.8em;
}
.contactLt .ctlink .tel{background-image:url(../icon/tels1.svg)}
.contactLt .ctlink .whatsapp{background-image:url(../icon/whatsapp1.svg)}
.contactLt .ctlink .email{background-image:url(../icon/email1.svg)}
.contactLt .ctlink .address{background-image:url(../icon/address1.svg)}

.contactRg{width:8em}
.contactRg .form-contact{width:100%;display:flex;flex-wrap: wrap;justify-content: space-between;}

.contactRg .form-horizontal{margin-top:0.2em}
.contactRg .form_group{margin-bottom: 0.24em;width: 49%;height: 0.52em;}
.contactRg .form_group1{width:100%;height:1.3em;margin-bottom:0.3em;}
.contactRg .form_group input,.contactRg .form_group1 textarea{display:block;width:100%;height:100%;padding: 0.6em;font-size:0.14em;line-height:1.6em}

.contactRg .form_button{background-color:#333333;width:1.3em;height:0.48em;text-align:center;border-radius:0.02em}
.contactRg .form_button button{color:#FFF;display:block;font-size:0.16em;width:100%;background-color:transparent;line-height:3.05em;border: none;}
.contactRg .form_button button:hover{background-color:#000000}

/*=====================
	关于我们
=======================*/
.pageCon{padding:1em 0}
.pageCon .titles{font-size: 0.42em;color: #000000;line-height: 1.8em;font-weight:600;margin-bottom:1em}
.pageCon .descs{font-size: 0.2em;color: #333333;line-height: 1.8em;}
.pageCon .descs *{font-size:1em;}
.pageCon .descs strong{font-size:1.2em;}
.pageCon .descs a{color:#ed0408}
.pageCon .descs a:hover{text-decoration:underline}

.pageCon .md2{display:grid;grid-template-columns: repeat(3, 1fr);gap:0.4em 0.3em;margin-top: 0.8em;}
.pageCon .md2 a{display:block;width:100%;}
.pageCon .md2 a .imgs{width:100%;height:3.46em;overflow:hidden}
.pageCon .md2 a .imgs img{width:100%;height:100%;object-fit:cover;transition:0.5s}
.pageCon .md2 a:hover .imgs img{transform:scale(1.1)}
.pageCon .md2 a .ts{font-size:0.2em;line-height:1.6em;color:#333333;margin-top: 1em;text-align:center}

.pageCon .md3{display:flex;margin-top:1em;flex-wrap:wrap;justify-content: space-around;}
.pageCon .md3 .lists{width:48%;text-align:center;padding: 0.5em 0.3em;box-shadow: 0 0 10px #ddd;}
.pageCon .md3 .lists .messBtn{margin-bottom:0}
.pageCon .md3 .lists .ts{font-size:0.28em;line-height:1.6em;color:#000000;font-weight: 600;margin-bottom: 0.6em;}
.pageCon .md3 .lists .ds{font-size:0.18em;line-height:1.6em;color:#000000;margin-bottom: 1.5em;}


/*=====================
	新闻列表
=======================*/
.blog-lists{padding:1em 0}
.pgBlog{display:grid;grid-template-columns: repeat(3, 1fr);gap:0.4em 0.3em;}
.pgBlog .ls{width: 100%;box-shadow: 0 0 0.1em #ddd;transition:0.5s;display:block}
.pgBlog .ls .imgs{width:100%;height:3em;overflow:hidden;}
.pgBlog .ls .imgs img{width:100%;height:100%;object-fit:cover;transition:0.5s}
.pgBlog .ls:hover .imgs img{transform:scale(1.1)}

.pgBlog .ls .txts{padding:0.4em 0.3em}
.pgBlog .ls .ts{font-size:0.2em;color:#000000;line-height:1.6em;display: -webkit-box;-webkit-line-clamp: 1;overflow:hidden;/*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */margin-bottom:0.6em;font-weight: 600;}
.pgBlog .ls .de{font-size:0.14em;color:#878787;line-height:1.6em;margin-bottom:1.5em}
.pgBlog .ls .ds{font-size:0.14em;color:#6f6f6f;line-height:1.6em;margin-bottom:2em;display: -webkit-box;-webkit-line-clamp: 3;overflow:hidden;/*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */}
.pgBlog .ls .btns{font-size:0.14em;color:#cf142c;line-height:1.6em}

.showNewWidth{width:100%;display:flex;justify-content: space-between;}
.newLeft{width:8em}
.newShow{width:100%;min-height:9.81em;}
.newShow .ts h1{font-size:28px;color:#333333;line-height:normal;font-weight:600;}
.newShow .ds{margin-top:1em;font-size: 14px;}
.newShow .dates{height:1.3em;line-height:1.3em;font-size:1em;color:#999999;padding-left: 1.7em;background-image:url(../img/dates.jpg);background-size:auto 1.3em;background-repeat:no-repeat;display: inline-block;}

.newShow .cs{font-size:16px;color:#333333;margin-top:40px;line-height:1.8em;}
.newShow .cs *{font-size:1em;}

.newShowFoot{font-size:18px;color:#333333;margin-top:3em;line-height:1.8em;padding-top: 1.5em;border-top: 1px dashed #333;}
.newShowFoot div{width:100%;}
.newShowFoot a{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display:inline-block;width:100%}
.newShowFoot a:hover{color:#cf142c}

.showNewWidth .newRight{width:3em;}
.blog-show{padding:1em 0}
.nrMain{border:1px solid #cccccc;padding: 0.15em;position: sticky;top: 1em;z-index: 9;}
.nrMain .ts{font-size:0.24em;color:#333333;margin-bottom: 0.5em;font-weight: 600;line-height: 2.4em;}
.nrList a{display:flex;width:100%;margin-bottom: 0.2em;}
.nrList a .ors{display:block;width:1.4em;line-height:1.4em;height:1.4em;font-size:14px;color:#FFF;background-color:#666666;text-align: center;border-radius: 0.2em;}
.nrList a .tls{display:block;font-size:14px;color:#333333;width:18.5em;line-height:1.4em;height:1.4em;margin-left:0.8em;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}

.nrList a:hover .tls{color:#cf142c}
.nrList a:nth-child(1) .ors{background-color:#ff6500}
.nrList a:nth-child(2) .ors{background-color:#ff8a00}
.nrList a:nth-child(3) .ors{background-color:#ffb100}


/*=====================
	产品封面
=======================*/
.navPro{background-color:#000;position:sticky;z-index: 9;}
.navPro.stickys{position: fixed;z-index: 99;top: 0.83em;left: 0;bottom: initial;-webkit-transition:all 0.4s ease;-moz-transition: all 0.4s ease;transition:all 0.4s ease;animation:fadeInDown 0.5s both 0.1s;box-shadow: 5px 5px 5px #00000047;width: 100%;}
.navPro .wbWidth1{display:flex;gap: 0.3em;flex-wrap: wrap;}
.navPro .lists{padding: 0.2em 0;}
.navPro .lists a{font-size:0.18em;color:#FFFFFF;display:block}
.navPro .lists a.active{font-weight:600}
.navPro .lists a:hover{font-weight:600}

.prots{font-size:0.28em;color:#333333}
.prots:before{font-size:1em;color:#999999;content:"#";margin-right:0.2em}

/* 产品内页 */
.proShow{margin-top:1.1em;margin-bottom:1.1em}
.proShow .proTops.wbWidth3{display:flex;justify-content:space-between}
.proShow .proLeft{width:7.9em;}
.proShow .proRight{width:5em;}

.pro-show-lists{margin-top:0.6em;}
.arrayPics{width:100%;position:relative;display: flex;justify-content: space-between;}
.arrayPics a{display:block}

.big-pro{width:7em;height:7em;border:1px solid #b9b9b9;box-sizing: content-box;position:relative;overflow:hidden}
.big-pro-list{width:100%;height:100%;transition:0.3s}
.big-pro .item{width:100%;height:100%;position:absolute}
.big-pro .item a{display:block;width:100%;height:100%}
.big-pro .item a img{width:100%;height:100%;object-fit:cover}

.small-pro{width:0.7em;gap:0.09em;display: flex;flex-flow:column;}
.small-pro .item a{width:100%;height:0.7em;border:1px solid #FFFFFF;padding:0.03em;transition:0.1s}
.small-pro .item.active a,.small-pro .item:hover a{border:1px solid #000000;}
.small-pro .item a img{width:100%;height:100%;object-fit:cover;}

.box{position:relative}
.wbSx{width:100%;height: 100%;}
.wbSx .nos{font-size: 0.16em;color: #6c6c6c;font-style: italic;}
.wbSx .tips{font-size: 0.16em;color: #6c6c6c;margin-bottom: 0.6em;}
.wbSx h1{font-size:0.24em;font-weight:600;color:#333333;margin-bottom:0.3em;line-height:1em;}
.wbSx .wbFs{font-size:0.14em;color:#333333;margin-bottom: 0.8em;margin-top: 2em;}
.wbSx .wbFs *{font-size:1em;line-height: 1.6em !important;}
.wbSx li{position: relative;padding-left: 1.2em;margin-bottom:0.5em;background-image:url(../images/ico3.png);background-repeat:no-repeat;background-size:auto 0.8em;background-position: left 0.45em;}

.wbSx .wbFs table{width:100%;margin-top: 0.6em;margin-bottom: 1em;}
.wbSx .wbFs th{border:1px solid #ddd;text-align: left;padding: 10px 16px !important;font-size: 14px;width: auto !important;white-space: nowrap;background-color:#f3f4f8;font-weight:500}
.wbSx .wbFs td{border:1px solid #ddd;padding: 10px 16px !important;font-size: 14px;width: auto !important;}
.wbSx .wbFs td *{font-size: 1em;}

.proShowWidth{width:100%;margin-top:0.5em}
.psInfo .pts{width:100%;height:0.66em;background-color:#4c4c4c;display: flex;align-items: center;padding: 0 0.25em;position:relative}
.psInfo .pts .poi{width:0.1em;height:0.1em;background-color:#FFF;transform: rotate(45deg);}
.psInfo .pts .ts{font-size:0.2em;font-weight:600;line-height: normal;color:#FFFFFF;text-transform: uppercase;letter-spacing: 0.1em;margin-left:1em;white-space: nowrap;margin-left: 1em;width: calc(100% - 8em);text-overflow: ellipsis;overflow: hidden;}
.psInfo .pts .pln{width:1.05em;height:100%;position:absolute;right:0;display:flex}
.psInfo .pts .pln:before,.psInfo .pts .pln:after{width:0.2em;height:100%;margin-right:0.3em;display:block;content:"";background-color:#dddddd;transform: skewX(-35deg);}

.psInfo li{margin-bottom:10px;position: relative;padding-left: 18px;background-image:url(../images/ico3.png);background-repeat:no-repeat;background-size:auto 0.4em;background-position: left 0.45em;}

.psInfo table{width:100%;margin-top: 0.6em;margin-bottom: 1em;}
.psInfo th{border:1px solid #ddd;text-align: left;padding: 10px 16px !important;font-size: 14px;width: auto !important;white-space: nowrap;background-color:#f3f4f8;font-weight:500}
.psInfo td{border:1px solid #ddd;padding: 10px 16px !important;font-size: 14px;width: auto !important;}
.psInfo td *{font-size: 1em;}

.psInfo .infos{background-color:#FFF;padding:2.5em 2em}
.psInfo .wrs{font-size:0.18em !important;}
.psInfo .wrs *{line-height:1.8em}

.proShow .wbMs{background-color:#FFFFFF;padding:0.4em 0.25em;margin-top: 0.5em;border: 1px solid #ddd;position: sticky;top: 1.8em;}
.proShow .wbMs .fts{font-size:0.28em;font-weight: 600;}
.proShow .wbMs .form-horizontal{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top: 0.3em;}
.proShow .wbMs .form_group{margin-bottom:0.2em;width:49%}
.proShow .wbMs .form_group1{width:100%;height:1em}
.proShow .wbMs .form_group1 textarea{width:100%;height:100%;padding: 0.5em 1em;}
.proShow .wbMs .form_button{background-color: #4c4c4c;width: 100%;height: 0.5em;border-radius: 0.8em;text-align: center;display: flex;justify-content: center;align-items: center;margin-top: 0.3em;}
.proShow .wbMs .form_button:hover{background-color: #000000;}
.proShow .wbMs .form_button button{color:#FFF;display:block;font-size:0.16em;width:100%;background-color:transparent;line-height:normal;border: none;}
.proShow .wbMs .form_group input{padding: 0.5em 1em;font-size: 14px;width:100%;display: block;}
.blogs .blogSy{position: sticky;top: 1.2em;}

.proBms{margin-top:1em;}
.proBms .ts{font-size:0.42em;font-weight:600;line-height: normal;margin: 0 auto 1em;text-align:center}

.proBms .wbPros1 a{display:block;width:100%}
.proBms .wbPros1 .imgs{width:100%;height: 3.32em;display: -ms-flexbox;display:flex;-ms-flex-pack: center;justify-content:center;-ms-flex-align: center;align-items: center;overflow:hidden;border:0.01em solid #cdcdcd;background-color:#FFFFFF;}
.proBms .wbPros1 .imgs img{max-width: 100%;max-height:100%;transition:0.3s}
.proBms .wbPros1 .imgs:hover img{transform:scale(1.1)}
.proBms .wbPros1 .sts{width:96%;padding: 0.2em 0;margin:0.1em auto 0}
.proBms .wbPros1 .sts span{font-size:0.19em;color:#000000;line-height:1.5em;font-weight:500;display: -webkit-box;-webkit-line-clamp: 2;overflow:hidden;/*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */text-align:center;font-weight: 600;}
.proBms .wbPros1:hover .sts span{color:#cf142c;}

.owl-carousel .owl-stage-outer{z-index: 9;}
.proBms .owl-nav{width:100%;display: flex;position: absolute;top: calc(50% - 0.8em);justify-content: space-between;}
.proBms .owl-nav.disabled{display: flex;}
.proBms .owl-nav button{width:0.6em;height:0.6em;background-color:transparent;border:none}
.proBms .owl-nav button:hover .left, .proBms .owl-nav button:hover .right {background-image: url(../icon/ico_jt_2.svg);}
.proBms .owl-prev{margin-left: -0.8em;}
.proBms .owl-next{margin-right: -0.8em;}
.proBms .owl-nav .left{transform: rotate(180deg);}
.proBms .owl-nav .left,.proBms .owl-nav .right{background-image: url(../icon/ico_jt_1.svg);background-repeat: no-repeat;width: 100%;height: 0.4em;background-size: auto 100%;background-position: center;}

/*=====================
   产品列表
=======================*/
.pro-lists{margin-top: 0.8em;padding-bottom: 0.8em;}
.pro-lists .md1{padding-top:0.4em;}
.pro-lists .md1 .titles{font-size:0.42em;margin-bottom:0.8em;font-weight:600;color:#000000;line-height: normal;text-align: left;}
.pro-lists .md1 .descs{font-size:0.2em;color:#000000;line-height:1.8em}
.pro-lists .md1 a{font-size: 0.8em;color: #cf142c;line-height: 1.6em;}
.pro-lists .md1 a:hover{text-decoration:underline}

.pro-lists .proList{display:grid;grid-template-columns: repeat(4, 1fr);gap: 0.32em;margin:0.2em 0 0.5em}
.pro-lists .proList .ls{width:100%;overflow:hidden;position:relative;box-shadow: 0 0 0.06em #dddddd;padding-bottom: 0.2em;}
.pro-lists .proList .ls .imgs{width:100%;height:3.37em;overflow:hidden;display: flex;justify-content: center;align-items: center;margin-bottom: 0.2em;}
.pro-lists .proList .ls .imgs img{width: 100%;height:100%;transition:0.5s;object-fit:cover}
.pro-lists .proList .ls:hover .imgs img{transform:scale(1.1)}
.pro-lists .proList .ls .ts{font-size:0.18em;line-height:1.4em;color:#000000;width:100%;padding: 0 0.6em;overflow: hidden;transition:0.5s;display: -webkit-box;-webkit-line-clamp: 1;overflow:hidden;/*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */font-weight: 600;}
.pro-lists .proList .ls:hover .lks{color:#cf142c;}
.pro-lists .md3{display:flex;margin-top:0.8em;flex-wrap:wrap;justify-content: center;gap: 0.3em 0.5em;}
.pro-lists .md3 .lists{width:48%;text-align:center;padding: 0.5em 0.3em;box-shadow: 0 0 10px #ddd;}
.pro-lists .md3 .lists .messBtn{margin-bottom:0}
.pro-lists .md3 .lists .ts{font-size:0.28em;line-height:1.6em;color:#000000;font-weight: 600;margin-bottom: 0.6em;}
.pro-lists .md3 .lists .ds{font-size:0.18em;line-height:1.6em;color:#000000;margin-bottom: 1.5em;}

/*=====================
	弹框留言表单
=======================*/
.alert_contact{width:100%;height:100%;background-color:rgba(0,0,0,0.6);top: 0;left: 0;position: fixed;z-index: 999;display:none}
.wbAlert{width:10em;height:5.4em;background-color:#FFFFFF;border-radius:0.06em;padding:0.3em 0.2em;margin: auto;overflow:hidden;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.wbAlert .ts{width:100%;font-size:0.32em;color:#333333;font-weight: 600;}
.conAlert{width:100%;margin-top: 0.1em;}
.conAlert #myform1{width:100%;}
.conAlert .form-horizontal{margin-top:0.2em;display:flex;justify-content:space-between;flex-wrap:wrap}
.conAlert .form_group{margin-bottom: 0.2em;width: 49%;height: 0.5em;}

.conAlert .form_group1{width:100%;height:1.3em;margin-bottom:0.3em;}
.conAlert .form_group input,.conAlert .form_group1 textarea{display:block;width:100%;height:100%;padding: 0.6em;font-size:0.14em;line-height:1.6em}

.conAlert .form_button{background-color:#7f7f7f;width:1.3em;height:0.48em;text-align:center;border-radius:0.02em}
.conAlert .form_button button{color:#FFF;display:block;font-size:0.16em;width:100%;background-color:transparent;line-height:3.05em;border: none;}
.conAlert .form_button button:hover{background-color:#000}
.wbAlert .closes{font-family:"Arial";color: #333333;transform: rotateX(35deg);font-size: 0.32em;position: absolute;top: 0.3em;right: 0.3em;cursor:pointer;transition: 0.5s;}
.wbAlert .closes:hover{color: #ed0408;}

.ftfix{width:1.4em;overflow:hidden;position:fixed;right:0.1em;bottom:0.1em;z-index: 9;}
.ftfix img{width:100%;height:100%;object-fit:cover}


/****分页****/
#pages{margin-top:0.4em}
.pagination{display: -ms-flexbox;display:flex;-ms-flex-pack: center;justify-content:center;}
#pages a{border:0.01em solid #e4e4e4;padding:0.3em 1.2em;color:#333;font-size:0.14em;display:block}
#pages a:hover{color:#21409a}
#pages span{background-color:#21409a;padding:0.3em 1.2em;color:#FFF;font-size:0.14em;display:block}


.psInfo{width:100%;border-top:1px solid #999999;margin-bottom: 0.5em;}
.psInfo .lists{width:100%;border-bottom:1px solid #999999}
.psInfo .lists .dt{padding:1.5em 0;font-size:0.18em;color:#333333;position:relative;cursor:pointer;}
.psInfo .lists .dt:after{display:block;width:1em;height:1em;background-image:url(../icon/plus1.svg);position:absolute;right:0.4em;top:1.7em;content:'';background-size:100% auto;background-repeat:no-repeat;transition:0.5s}
.psInfo .lists .dt.active:after{transform: rotate(45deg);}
.psInfo .lists .dd{padding:0.8em 1em 2em;font-size:0.18em;color:#333333;line-height: 1.8em;display:none}



@keyframes wbHvr{
 0% {transform:scale(1);opacity:1}
 to {transform:scale(1.5);opacity:0}
}
@keyframes myScron{
   20% {transform:scale(1.1);}
   40% {transform:scale(0.9);}
   60% {transform:scale(1.05)}
   80% {transform:scale(0.95)}
   to {transform:scale(1)}
}
@keyframes hvr-buzz-out {
   10% {transform:translateX(3px) rotate(2deg)}
   20% {transform:translateX(-3px) rotate(-2deg)}
   30% {transform:translateX(3px) rotate(2deg)}
   40% {transform:translateX(-3px) rotate(-2deg)}
   50% {transform:translateX(2px) rotate(1deg)}
   60% {transform:translateX(-2px) rotate(-1deg)}
   70% {transform:translateX(2px) rotate(1deg)}
   80% {transform:translateX(-2px) rotate(-1deg)}
   90% {transform:translateX(1px) rotate(0)}
   to {transform:translateX(-1px) rotate(0)}
}
@keyframes myfirst {
	0% {transform: translate(0px, 0px);}
	20% {transform: translate(0px, -10px);}
	40% {transform: translate(0px, 2px);}
	60% {transform: translate(0px, -5px);}
	80% {transform: translate(0px, 1px);}
	90% {transform: translate(0px, -2px);}
	100% {transform: translate(0px, 0px);}
}
@media (max-width:1000px) {
   .faCont4{font-size:10vw;}
}
@media (max-width:1240px) {
   .faCont2{font-size:8.06vw;}
}
@media (max-width:1380px) {
   .faCont3{font-size:7.24vw;}
}
@media (max-width:1485px) {
   .faCont1{font-size:6.73vw;}
}