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%;}

.header .nav>li{margin-right: 0.2em;}
.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:12.4em;margin:0 auto;position:relative}
.wbWidth2{width:12.8em;margin:0 auto;position:relative}
.wbWidth3{width:19.2em;margin:0 auto;position:relative}

.btn {color: #fff;height: 2.6em;line-height: 2.6em;padding:0 1.6em;font-size: 0.18em;text-transform: capitalize;background: #8ec549;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);}

.ggmess{margin-top: 150px;}
.ggsucc{height: 185px;width: 400px;margin: 0 auto;border: 1px solid #C4C3C3;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}

/*=====================
	面包屑
=======================*/
.lacts{width:100%;position:relative}
.lacts .mainTitle{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;justify-content: center;align-items: center;flex-flow: column;}
.lacts .mainTitle h1,.lacts .mainTitle .ts{font-size:0.46em;font-weight:600;font-family:'Poppins',"Arial";display: block;line-height: normal;color:#FFF;margin-bottom: 0.2em;}
.lacts .mainTitle .ls{width:1.2em;height:0.04em;background-color:#8ec549;margin-bottom: 0.2em;}
.breadcrumb{margin-top:0.25em}
.breadcrumb ul{padding:0;background-color: transparent;border-radius:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;background-image:url(../images/ico_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(../images/ico_right_1.svg);background-repeat:no-repeat;background-size:auto 0.8em;background-position: center;padding-left: 0.25em;}
.breadcrumb li{font-size:0.16em;color:#999999;display: flex;align-items: center;}
.breadcrumb li a:hover{color:#f6cd4c}

/* 顶部 */
.header-top{background-color:#8ec549;height:0.46em}
.header-bottom{background-color:#000000;height:0.68em}
.header .wbNav .logos{height:0.5em}
.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 li a.topcss::before {position: absolute;content: "";left: 0;height: 2em;width:0%;background: #8ec549;border-radius: 0.2em;opacity:0;visibility:hidden;z-index: -1;}
.header .nav li.active a.topcss:before,.header .nav li:hover a.topcss:before{opacity:1;visibility:visible;width: 100%;}

.allCat{width:2.6em;position:relative;}
.allCat .catItem{width:100%;height:0.68em;display:flex;background-color:#8ec549;padding:0 0.2em;justify-content: space-between;align-items: center;}
.allCat .catItem .ts{color:#FFF;font-size:0.18em;font-weight:600}
.allCat .catItem .icos{width:0.25em;height:0.25em;background-image:url(../images/cate.svg);background-size:100%;background-repeat:no-repeat}
.allCat .catList{width:100%;background-color:#FFF;position:absolute;z-index: 99;padding: 0.1em 0;display:none}
.allCat .catList a{font-size:0.16em;color:#333;display:block;color: #000;width: 100%;padding: 0.5em 1em;text-decoration: none;transition: all .3s;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.allCat .catList a:hover{color:#8ec549}
.header-bottom .wbWidth1{display:flex;justify-content: space-between;align-items: center}
.search{width:5.7em;height:0.46em;background-color:#FFF;position:relative;overflow: hidden;}
.header .search-form {position: absolute;width:100%;height: 100%;overflow: hidden;top: 0;}
.header .search-form input {width: calc(100% - 0.5em);height: 100%;padding: 0 5em 0 1.42em;border: none;background: #fff;color: #2C2D3F;display:block;font-size:0.14em}
.header .search-form button {position: absolute;right: 0;height: 100%;top: 0;width: 3.57em;background: #83b735;border: none;color: #fff;display:block;background-image:url(../icos/sear1.svg);background-repeat:no-repeat;background-position:center;font-size:0.14em;background-size:50% auto;border-radius: 0;}
.header .search-form button:hover{background-color:#f3af11;}


.titles{width:100%;font-size:0.6em;font-family:"Roboto","Arial";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}


/****首页-轮播图****/
.bannerSlider .owl-dots{position: absolute;bottom: 2em;left: 50%;transform: translateX(-50%);display:flex;gap:0.1em;gap: 0.5em;}
.bannerSlider .owl-dots .owl-dot{display:block;border:none;background-color:transparent}
.bannerSlider .owl-dots .owl-dot span{background-color:#FFF;transition:0.3s;display:block;width:1em;height:1em;border-radius:0.5em;overflow:hidden}
.bannerSlider .owl-dots .owl-dot.active span{width:20px}
.bannerSlider .owl-dots .owl-dot.active span, .bannerSlider .owl-dots .owl-dot:hover span{background-color:#8ec549}
.bannerSlider.owl-carousel .owl-nav .owl-prev{left:0.1em}
.bannerSlider.owl-carousel .owl-nav .owl-prev .left{transform: rotate(90deg);}
.bannerSlider.owl-carousel .owl-nav .owl-next{right:0.2em}


/****首页-产品分类模块****/
.hmpro{margin-top:0.9em}
.hmpro .hmproWidth{display:flex;justify-content: space-between;flex-wrap: wrap;}

.hmpro .nos{position:absolute;font-size:1em;line-height: 1.4em;font-weight: 600;color: #ffffff8f;}
.hmpro .ts{position:absolute;font-size:0.3em;color:#000000;font-weight:600}
.hmpro .as{position:absolute;background-color:#FFF;color:#000000;width:1.1em;height:0.44em;display:flex;justify-content: center;align-items: center;border-radius: 0.08em;overflow: hidden;}
.hmpro .as .btns{font-size:0.16em;height:1em;line-height:1em;display:block;overflow: hidden;}
.hmpro .as .btns .lk1,.hmpro .as .btns .lk2{transition:0.5s}
.hmpro .as:hover .btns .lk1{transform: translateY(-1em);}
.hmpro .as:hover .btns .lk2{transform: translateY(-1em);}
.hmpro img{transition:0.5s}
.hmpro .lists:hover img,.hmpro .lists1:hover img{transform:scale(1.2)}

.hmpro .lists{width:3.05em;height:3.05em;border-radius:0.2em;position: relative;overflow: hidden;margin-bottom:0.24em}
.hmpro .lists .ts{bottom: 2.6em;right: 0.6em;}
.hmpro .lists .nos{top: 0;text-align:center;width: 100%;}
.hmpro .lists .as{bottom: 0.2em;right: 0.2em;}

.hmpro .lists1{width:6.3em;height:3.05em;border-radius:0.2em;position: relative;overflow: hidden;}
.hmpro .lists1 .ts{top:2em;left:1.5em}
.hmpro .lists1 .nos{top: 0.8em;left: 0.35em;}
.hmpro .lists1 .as{top: 2.1em;left: 0.4em;}


/****首页-热销模块****/
.hmts{text-align:center}
.hmts .ts1{font-size:0.14em;font-weight:600;color:#8ec549;}
.hmts .ts2{font-size:0.42em;font-weight:600;color:#000000;line-height: normal;}
.proHots{margin-top:1em}
.proHots .lists{display:grid;grid-template-columns: repeat(4, 1fr);gap: 0.3em;margin-top: 0.5em;}
.proHots .ls{width:100%;padding:0.09em 0.09em 0.3em;box-shadow: 0 0 10px #ddd;background-color: #FFF;text-align:center}
.proHots .ls a{display:block;width:100%}
.proHots .ls a .imgs{width:100%;height:2.79em;position:relative}
.proHots .ls a .imgs .mg{width:100%;height:100%;position:absolute;top:0}
.proHots .ls a .imgs .mg img{width:100%;height:100%;object-fit:cover;display:block}
.proHots .ls a .imgs .mg:nth-child(n+1){opacity:1;transition:0.3s}
.proHots .ls a .imgs .mg:nth-child(n+2){opacity:0;transition:0.3s}
.proHots .ls:hover a .imgs .mg:nth-child(n+1){opacity:0;transform-origin:50% 50%;animation:scaleUpFrom .5s ease both;}
.proHots .ls:hover a .imgs .mg:nth-child(n+2){opacity:1;transform-origin:50% 50%;animation:scaleUpTo .5s ease both;}

.proHots .ls .ts{font-size:0.32em;font-weight:600;color:#000000;width:100%;line-height: 1.4em;margin-top:1.2em}
.proHots .ls .btns{width:100%;display:flex;justify-content: center;margin-top:0.2em}
.proHots .ls .btns span{font-size:0.16em;color:#FFFFFF;background-color:#90c849;padding:0.4em 1em}
.proHots .ls:hover .btns span{background-color:#333}


/****首页-公司简介模块****/
.hmAbs{background-image:url(../images/hmabbg.jpg);background-repeat:no-repeat;background-size:cover;width:100%;height:15.5em;margin-top:0.5em;padding-top:1.8em;background-size:auto 100%;background-position: center;}
.hmAbs .abts{display:flex;justify-content: center;align-items: center;flex-flow: column;}
.hmAbs .abts .ts1{font-size:0.42em;font-weight:600;color:#FFF;line-height: 1em;margin-bottom:0.5em}
.hmAbs .abts .ln{width:1em;height:0.03em;background-color:#FFF}
.hmAbs .abts .ts2{font-size:0.2em;color:#FFF;line-height: 1em;margin-top:1.4em}
.hmAbs .descs{width:100%;font-size:0.18em;text-align:center;color:#FFF;line-height: 1.8em;margin-top: 2em;}
.hmAbs .videos{width:100%;height:6.98em;margin-top: 0.4em;position:relative;overflow:hidden}
.hmAbs .videos .imgs{width:100%;height:100%;background: #000;}
.hmAbs .videos .imgs img{opacity:0.5}

.hmVideo{width:0.85em;height:0.85em;position:absolute;left: calc(50% - 0.42em);top: calc(50% - 0.42em);cursor: pointer;display:block}
.hmVideo .video-ico{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#90c849;border-radius: 50%;overflow:hidden;position: relative;z-index: 9;}
.hmVideo .video-ico img{width:50%}
.hmVideo .waves-block .waves{position: absolute;width: 1.6em;height: 1.6em;background: rgba(144,200,73,0.5);opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border-radius: 100%;-webkit-animation: waves 3s ease-in-out infinite;animation: waves 3s ease-in-out infinite;left: 50%;margin-left: -0.8em;top: 50%;margin-top: -0.8em;z-index:8}
.hmVideo .waves-block .wave-1 {-webkit-animation-delay: 0s;animation-delay: 0s;}
.hmVideo .waves-block .wave-2 {-webkit-animation-delay: 1s;animation-delay: 1s;}
.hmVideo .waves-block .wave-3 {-webkit-animation-delay: 2s;animation-delay: 2s;}
@keyframes waves{
	0%{-webkit-transform:scale(0.2,0.2);transform:scale(0.2,0.2);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
	50%{opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}
	100%{-webkit-transform:scale(0.9,0.9);transform:scale(0.9,0.9);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
}


/****首页-精品模块****/
.proBest .lists{display:grid;grid-template-columns: repeat(2, 1fr);gap: 0.35em;margin-top: 0.5em;}
.proBest .wbWidth3{padding:0 0.2em}
.proBest .ls{width:100%;padding:0.25em;background-color: #FFF;border:1px solid #e5e5e5;border-radius:0.2em;overflow:hidden}
.proBest .ls .lk{display:flex;width:100%;align-items: center;gap: 0.4em;}
.proBest .ls .lk .imgs{width:4em;height:4em;position:relative}
.proBest .ls .lk .imgs .mg{width:100%;height:100%;position:absolute;top:0}
.proBest .ls .lk .imgs .mg img{width:100%;height:100%;object-fit:cover;display:block}
.proBest .ls .lk .imgs .mg:nth-child(n+1){opacity:1;transition:0.3s}
.proBest .ls .lk .imgs .mg:nth-child(n+2){opacity:0;transition:0.3s}
.proBest .ls .lk .imgs:hover .mg:nth-child(n+1){opacity:0;transform-origin:50% 50%;animation:scaleUpFrom .5s ease both;}
.proBest .ls .lk .imgs:hover .mg:nth-child(n+2){opacity:1;transform-origin:50% 50%;animation:scaleUpTo .5s ease both;}

.proBest .ls .descs{width:4em;height:100%;}
.proBest .ls .cs{font-size:14px;color:#a9a9a9}
.proBest .ls .ts{font-size:0.32em;font-weight:600;color:#000000;width:100%;line-height: 1.4em;margin-top:0.2em;margin-bottom: 0.2em;}
.proBest .ls .dt{font-size:14px;color:#a9a9a9}
.proBest .ls .ln{width:100%;height:1px;background-color:#c9c9c9;margin-top:0.2em;margin-bottom: 0.2em;}
.proBest .ls .ds{font-size:15px;color:#333333;display: -webkit-box;-webkit-line-clamp: 2;overflow:hidden;/*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */}
.proBest .ls .btns{width:100%;display:flex;margin-top:0.2em}
.proBest .ls .btns span{font-size:0.18em;color:#FFFFFF;background-color:#90c849;padding:0.5em 1.2em}
.proBest .ls .btns:hover span{background-color:#333}

/****首页-新闻模块****/
.hmNs{padding:1em 0 0.2em !important}

/*=====================
   新闻列表
=======================*/
.news{background-color:#ffffff;padding:0}
.news .newsNav{display:flex;margin-bottom: 0.2em;justify-content: center;gap: 0.3em;}
.news .newsNav .ns{font-size:0.18em;padding:0.6em 1.5em;background-color:#0075e0;color:#FFF}
.news .newsNav .ns:hover{background-color:#313131}
.newsList{display:grid;grid-template-columns:repeat(3, 1fr);gap:0.3em;margin-bottom:0.8em;margin-top: 0.5em;}
.newsList .ls{width:100%;overflow:hidden;background-color:#ffffff;box-shadow: 0 0 10px #DDD;padding:0.2em;}
.newsList .ls .newsImg{width:100%;height:1.7em;overflow:hidden;}
.newsList .ls .newsImg img{width:100%;height:100%;object-fit:cover;transition:0.5s}

.newsList .ls .newsTxt{margin-top:0.2em;padding-bottom: 0.15em;}
.newsList .ls .newsTxt .newsTxtTp{display:flex;justify-content:space-between;margin-bottom:0.15em;border-bottom:1px solid #cccccc;width:100%;padding-bottom: 0.15em;}
.newsList .ls .newsTxt .ts{font-size:0.18em;color:#333333;font-weight:600;width: 15em;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.newsList .ls .newsTxt .dates{font-size:0.14em;color:#757575;}
.newsList .ls .newsTxt .ds{font-size:0.14em;color:#3b3b3b;line-height: 1.6em;display: -webkit-box;-webkit-line-clamp: 2;overflow:hidden;/*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */}

.newsList .ls:hover .newsTxt .ts{color:#8ec549}
.newsList .ls:hover .newsImg img{transform:scale(1.1)}


/****footer****/
.ftMail{width:100%;background-color:#000000;}
.ftMail .wbWidth2{display: flex;height:1.6em;justify-content: space-between;align-items: center}
.ftMail .fmLeft{background-image:url(../images/send.svg);background-repeat:no-repeat;background-size:0.8em auto;background-position:left center;padding-left:1.2em}
.ftMail .fmLeft .fmts{font-size:0.4em;color:#ffffff;font-weight:600;line-height: normal;font-family:arial;margin-bottom: 0.2em;}
.ftMail .fmLeft .fmds{font-size:0.14em;color:#ffffff}
.ftMail .mail_group{width: 5em;height: 0.6em;display: flex;background-color: #FFFFFF;border-radius: 0.05em;overflow: hidden;justify-content: space-between;align-items: center;}
.ftMail .mail_group .ips{width:3em;height:100%;border:none}
.ftMail .mail_group .ips input{font-size:0.16em;color:#333333;width: 100%;height: 100%;margin: 0;padding: 0 1em;border:none;border-radius:0;display:block;outline: unset;}
.ftMail .mail_group .bts{width:1.36em;height:0.46em;margin-right: 0.08em;border-radius: 0.05em;overflow: hidden;}
.ftMail .mail_group .bts button{font-size:0.18em;color:#FFFFFF;width: 100%;height: 100%;margin: 0;padding: 0 1em;border:none;display:block;background-color:#83b735;border-radius:0}
.ftMail .mail_group .bts button:hover{background-color:#000000;}

.footer-top{display: flex;justify-content: space-between;flex-wrap: wrap;}
.conFooter{margin-bottom:0.35em;}
.conFooter .ftLogo{display: block;width:3.6em;}
.wbFooter .footTs{font-size:0.24em;font-weight:600;display:block;margin-bottom: 1.2em;}
.wbFooter .footTs:after{display:block;width:3em;height:0.08em;background-color:#82b63f;content:"";margin-top: 1em;}
.wbFooter .footDs{font-size:0.18em;color:#333333;line-height: 1.6em;}
.wbFooter li a{font-size:0.16em;font-weight:400;display:block;transition:0.5s;}
.wbFooter p{font-size:0.14em;font-weight:400;line-height:2em;text-align: center;}
.wbFooter strong,.wbFooter span,.wbFooter p a{font-size:1em;line-height:normal;display: inline-block;font-weight:400;}
.wbFooter p a:hover{color:#82b63f}

.wbFooter .ls{display: flex;margin-bottom: 0.2em;}
.wbFooter .ts{font-size:0.16em;line-height:normal;display: flex;font-weight:400;white-space: nowrap;border-right:1px solid #82b63f;width: 5em;align-items: center;justify-content: end;padding-right: 1em;margin-right: 1em;text-align: right;}
.wbFooter .ds{margin-left:0.05em}
.wbFooter .ds span,.wbFooter .ds a{font-size:0.16em;line-height:normal;display: block;font-weight:400;}
.wbFooter .wds{display: flex;flex-flow:column;justify-content: center;}
.wbFooter .wds .ws{position:relative}
.wbFooter .wds .ws-pics{position:absolute;top: calc(50% - 0.6em);left:-100%;width:1.2em;height:1.2em;padding:0.1em;background-color:#FFF;box-shadow: 0 0 0.1em #8C8C8C;display:none}
.wbFooter .wds .ws:hover .ws-pics{display:block}
.wbFooter .wds .ws-pics img{width:100%;height:100%;object-fit:cover;}
.wbFooter .wds .ws-name{font-size:0.16em;line-height:normal;display: block;font-weight:400;}
.wbFooter a{display:block}
.wbFooter a:hover{color:#82b63f}

.wbCol1{width:3.8em;margin-right:0.8em}
.wbCol2{width:2.5em}
.wbCol3{width:2.3em}
.wbCol4{width:3.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;}

.ftShare a{display:flex;align-items: center;margin-bottom: 0.15em;}
.ftShare a .imgs{display:flex;width:0.3em;height:0.3em;justify-content: center;align-items: center;border-radius:50%;align-items: center;border:1px solid #333333}
.ftShare a .fts{font-size:0.16em;color:#333333;margin-left: 1em;text-transform: capitalize;}
.ftShare a img{width:50%;filter: brightness(0.2);}
.ftShare a:hover .imgs{border:1px solid #82b63f;background-color:#82b63f}
.ftShare a:hover img{filter: brightness(1);}

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

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

/*=====================
   产品列表
=======================*/
.proNavs{display:flex;gap:0.3em;justify-content:center}
.proNavs .lists{display:block;font-size:0.18em;background-color:#333;padding:0.6em 2em;color:#FFF;overflow:hidden;border-radius:0.2em}
.proNavs .lists:hover,.proNavs .lists.opens{background-color:#82b63f;}
.proList{margin-top:0.5em;margin-bottom: 1em;}
.proList .lists{margin-bottom: 0.8em;}
.proChild .ls{display:none;grid-template-columns: repeat(6, 1fr);gap: 0.2em;margin-top:0.4em}
.proChild .ls a{font-size:0.16em;width:100%;border:1px solid #ddd;border-radius:0.1em;overflow:hidden;line-height:2.6em;text-align:center;white-space: nowrap;text-overflow: ellipsis;padding: 0 0.5em;}
.proChild .ls a:hover,.proChild .ls a.active{background-color:#82b63f;color:#FFF}



/**联系我们**/
.contact{width:100%;position:relative;overflow: hidden;padding:0.6em 0 0.8em}
.maps{width:100%;height:6em;}
.amap-toolbar{right:10px !important;bottom:10px !important;left: unset !important;top: unset !important;}

.contactMain{margin:0.6em 0 0.8em;display:flex;box-shadow: 0 0 10px #ddd;background-color: #82b63f;}
.conMess{height:100%;width:5em;padding: 0.7em 0.45em 0.2em;}
.conMess .title{display:flex}
.conMess .title .ln{width:0.36em;position:relative;margin-right: 0.14em;}
.conMess .title .ln:before{width:50%;height:0.03em;display:block;content:'';background-color:#333333;position:absolute;top:0.15em;right:0}
.conMess .title .ln:after{width:100%;height:0.03em;display:block;content:'';background-color:#333333;position:absolute;top: 0.24em;}
.conMess .title .ts{font-size:0.28em;line-height:normal;color:#333333;font-weight:600}
.conMess .link{margin-top:0.4em}
.conMess .link .ls{display:flex;border-bottom:1px solid #FFF;padding-bottom:0.2em;margin-bottom:0.4em}
.conMess .link .ls .icos{width:0.46em;height:0.46em;margin-right:0.16em;margin-top: 0.2em;}
.conMess .link .ls .icos img{width:100%;height:100%;}
.conMess .link .txts{flex:1}
.conMess .link .txts .ns{margin-bottom:0.8em}
.conMess .link .txts .ts{white-space: pre;width:8.2em;text-align: right;}
.conMess .link .txts .ns,.conMess .link .txts .ts,.conMess .link .txts a{font-size:0.16em;line-height:normal;color:#ffffff;font-weight:600}
.conMess .link .txts .es{display:flex}
.conMess .link .txts a:hover{color:#333333;}

.conMess .link .txts .wds .ws{position:relative}
.conMess .link .txts .wds .ws-pics{position:absolute;left: 0;bottom:100%;width:8em;height:8em;padding:0.1em;background-color:#FFF;box-shadow: 0 0 0.5em #00000054;display:none}
.conMess .link .txts .wds .ws:hover .ws-pics{display:block}
.conMess .link .txts .wds .ws-pics img{width:100%;height:100%;object-fit:cover;}
.conMess .link .txts .wds .ws-name{font-size:1em;line-height:normal;display: block;font-weight:600;}


.conAlert{width:100%;padding: 0.7em 0.45em 0.3em;flex: 1;background-color: #FFF;}
.conAlert .title:after{width:0.5em;height:0.03em;background-color:#333333;display:block;content:''}
.conAlert .title .ts{font-size:0.28em;line-height:normal;color:#333333;font-weight:600;padding-bottom: 0.3em;}

.conAlert .form-horizontal{margin-top:0.4em}
.conAlert .input_group{display:grid;grid-template-columns: repeat(2, 1fr);gap: 0.2em;}
.conAlert .form_group{width:100%;height:0.46em;}
.conAlert .form_group1{width:100%;height:1.4em;margin-top:0.2em;margin-bottom:0.3em;}
.conAlert .form_group input,.conAlert .form_group1 textarea{display:block;width:100%;height:100%;border: 0.06em solid #ccc;border-radius: 0.3em;padding: 0.6em;font-size:0.14em;line-height:1.6em}
.conAlert .form_group2{width:100%;height:0.56em;margin-bottom:0.3em;}
.conAlert .form_group2 input{display:block;width:9.65em;height:3.5em;border: 0.06em solid #ccc;border-radius: 0.3em;padding: 0.6em;font-size:0.16em;line-height:1.6em;margin-right: 1em;}
.conAlert .form_group2 .input-group{-ms-flex-align: center;align-items: center;}
.conAlert .form_button{display: flex;border-radius: 0.05em;}
.conAlert .form_button button{color:#FFF;display:block;font-size:0.18em;background-color:#333333;border: none;padding:0.6em 1.5em}
.conAlert .form_button button:hover{background-color:#8ec549;color:#333333;}

/*=====================
   关于我们
=======================*/
.abouts{padding-top:0.5em;padding-bottom:0.5em;background-color:#FFF}
.abouts .descs1{font-size:0.2em;color:#333333;line-height:1.7em;margin-bottom:1.6em}
.abouts .descs2{font-size:0.2em;color:#333333;line-height:1.7em;padding-left: 2em;}

.abouts .sec{width:100%;height:7.06em;position:relative}
.abouts .sec .videos{width:9.6em;height:100%;overflow:hidden;position:absolute;right:calc(50% + 0.08em)}
.abouts .sec .txts{width:5.9em;height:100%;position:absolute;right:0.42em}
.abouts .sec .txts .abTs{width:9.5em;height:2.35em;background-image:url(../images/at.jpg);background-repeat:no-repeat;background-size:100%;position:absolute;left:0;bottom:0;display: flex;flex-flow: column;justify-content: center;padding-left:1em}
.abouts .sec .abTs .ts1{font-size:0.42em;color:#FFFFFF;line-height:1em;margin-bottom:0.3em}
.abouts .sec .abTs .ts2{font-size:0.42em;color:#FFFFFF;line-height:1em;font-weight:600}
.abouts .lists{display:flex;justify-content:space-between;flex-wrap:wrap;width:12em;margin:0 auto}
.abouts .lists .imgs{margin-top:0.2em;overflow:hidden}
.abouts .lists .imgs img{width:100%;height:100%;object-fit:cover;transition:0.5s}
.abouts .lists .imgs:hover img{transform:scale(1.1)}
.abouts .lists .mg1,.abouts .lists .mg2{width:5.92em;height:3.36em;}
.abouts .lists .mg3,.abouts .lists .mg5{width:3.37em;height:2.32em;}
.abouts .lists .mg4{width:4.93em;height:2.32em;}
.abouts .lists .mg6,.abouts .lists .mg7,.abouts .lists .mg8{width:3.91em;height:2.76em;}


/*=====================
   工艺流程
=======================*/
.crafts{padding-top:0.6em;padding-bottom:1em}
.crafts .lists .ls{width:100%;display:flex;justify-content: space-between;align-items: center;overflow: hidden;}
.crafts .lists .ls .lts{width:4.42em;position:relative;padding-left:0.5em;padding-top: 0.4em;}
.crafts .lists .ls .lts .ts{font-size:0.3em;line-height:1.2em;margin-top: 0.4em;color:#8ec549;font-weight:bold}
.crafts .lists .ls .lts .ns{font-size:0.24em;background-color:#8ec549;color:#FFFFFF;width:1.42em;height:1.42em;border-radius:50%;overflow:hidden;display: flex;justify-content: center;align-items: center;position: absolute;top: calc(50% - 0.71em);left:0;z-index:2}
.crafts .lists .ls:hover .lts .ns{background-color:#f3af11}
.crafts .lists .ls .lts .imgs{width:3.92em;height:2.68em;overflow: hidden;}
.crafts .lists .ls .lts .imgs img{width:100%;height:100%;object-fit:cover;transition:0.5s}
.crafts .lists .ls:hover .lts .imgs img{transform:scale(1.1)}
.crafts .lists .ls .rgs{width:8em}
.crafts .lists .ls .rgs .descs{font-size:0.18em;color:#515151;line-height: 1.6em;}

.crafts .lists .ls .ln{width:0.03em;height:100%;position:absolute;top:0;left:0.15em;background-color:#8ec549;z-index:1}
.crafts .lists .ls:first-child .ln{height:50%;top:50%;}
.crafts .lists .ls:last-child .ln{height:50%;top:0;}


/* 产品内页 */
.proShows{padding-top:0.4em;padding-bottom:1em}
.proBm{margin-top:0.4em}
.arrayPics{width:6.4em;position:relative}
.arrayPics a{display:block}

.big-pro-carousel{width:6.4em;height:6.4em;border:1px solid #ddd;box-sizing: content-box;}
.big-pro-carousel .item a{display:block;width:6.4em;height:6.4em}
.big-pro-carousel .item a img{width:100%;height:100%;object-fit:cover}
.big-pro-carousel .owl-controls{position: absolute;top: calc((100% - 0.62em) / 2);width: 100%;}
.big-pro-carousel .owl-nav{position: absolute;width: 100%;top: calc(50% - 0.3em);display: flex;justify-content: space-between;height: 0.72em;}
.big-pro-carousel .owl-nav button{border:0;background-color:#00000052;width:2em;font-size:0.16em;border-radius:0}
.big-pro-carousel .owl-nav button span{display:block;width:100%;height:100%;background-image:url(../images/ico_left_1.svg);background-repeat:no-repeat;background-position:center;background-size: 100%;}
.big-pro-carousel .owl-nav button.owl-next span{transform: rotate(180deg);}
.big-pro-carousel button.disabled{opacity: 0;}
.big-pro-carousel .owl-nav button:hover{background-color:#8ec549;}
.big-pro-carousel .owl-nav button.disabled:hover{background-color:#00000052;}

.smallPics{width:100%;}
.small-pro-carousel{width:100%;margin-top:0.2em}
.small-pro-carousel .owl-item .item{border:1px solid #cccccc;} 
.small-pro-carousel .owl-item .item.on{border:1px solid #8ec549;}
.small-pro-carousel .owl-item .item a{width:100%;height:1.175em;}
.small-pro-carousel .owl-item .item a img{width:100%;height:100%;object-fit:cover}
.owl-nav.disabled{display:none}

.box{position:relative;justify-content: space-between;}
.wbSx{width:5.8em;padding-top: 0.08em;display: flex;flex-flow: column;justify-content: center;}
.wbSx h1{font-size:0.42em;font-weight:600;color:#333333;margin-bottom:1em;line-height:1em;}
.wbSx .wbFs{font-size:0.18em;margin-bottom: 1.5em;color:#333333;line-height: 1.8em;}
.wbSx .wbFs *{font-size:1em;line-height: 1.8em !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 .wbMs{display:flex;align-items: flex-end;}
.wbSx .wbFs table{max-width:100%;width: auto !important;margin-top: 0.6em;}
.wbSx .wbFs td{border:1px solid #ddd;padding: 10px 20px !important;font-size: 14px;width: auto !important;}
.wbSx .wbFs td *{font-size: 1em;}
.wbSx .get-quote{display:flex;gap: 0.2em;}
.wbSx .get-quote .btn{font-size: 0.16em;}

.proShare{display:flex;gap:0.08em;margin-left: 0.5em;}
.proShare a{display:flex;width:0.36em;height:0.36em;justify-content: center;align-items: center;}
.proShare a img{width:50%;}
.proShare a.linkedin{background-color:#0865c2;}
.proShare a.facebook{background-color:#2764b1;}
.proShare a.pinterest{background-color:#ee0d0d;}
.proShare a.youtube{background-color:#fd0000;}
.proShare a.instagram{background-color:#d34067;}
.proShare a.twitter{background-color:#0f94f1;}
.proShare a:hover{background-color:#333 !important;}

.proShowWidth{width:100%;margin-top:0.5em}
.psInfo .ts{width:100%;height:0.52em;background-color:#d6d6d6;display: flex;align-items: center;margin-bottom: 0.5em;}
.psInfo .ts span{font-size:0.2em;font-weight:600;line-height: normal;color:#FFFFFF;background-color:#8ec549;height:100%;padding: 0 2em;display:flex;align-items: center;}

.psInfo table{width:100%;margin:0}
.psInfo td{border:1px solid #d2d2d2;padding: 0.8em 1.2em !important;font-size: 18px;}
.psInfo td.tds1{background-color:#f3f4f8;width: 350px;}
.psInfo .wrs td *{font-size: 18px;}
.psInfo .firstRow{letter-spacing: 1px;}

.psInfo .infos{background-color:#FFF;padding:2em 1.2em}
.psInfo .wrs{font-size:0.16em !important;}
.psInfo .wrs *{font-size:1em !important;line-height:1.6em}

.psMain{margin-top:0.6em;width:100%;}
.psMain .ts{font-size:0.36em;font-weight:600;margin-bottom:0.8em;line-height: normal;}


.proListCon{margin-bottom:0.3em}
.proListCon .ts{font-size:0.28em;color:#333333;line-height:1.6em;font-weight: 600;}
.proListCon .ds{ont-size:0.16em;color:#333333;line-height:2em;margin-top:1em}

.proListCon li{margin-bottom:20px;position: relative;padding-left: 20px;background-image: url(../images/ico3.png);background-repeat: no-repeat;background-size: auto 0.8em;background-position: left 0.45em;}
.proListCon h1{font-size: 30px;margin: 10px 0 20px;}
.proListCon table{max-width:100%;width: auto !important;}
.proListCon td{border:1px solid #ddd;padding: 10px 20px !important;font-size: 14px;width: auto !important;}
.proListCon .wrs td *{font-size: 18px;}
.proListCon .firstRow{letter-spacing: 1px;}

.wbSx .getBtn{display: flex;flex-wrap: wrap;}
.wbSx .getBtn a{margin:0 0.2em 0 0;width: 1.2em;height: 0.45em;line-height: 0.45em;}
.wbSx .getBtn a::before{background-color: #4b4b4b;}
.wbSx .getBtn a::after{background-color: #df3538;}
.wbSx .getBtn a:hover span{color:#FFFFFF}
.wbSx .getBtn a span{font-size: 0.14em;}

.comVds{width:100%;height:7.65em;margin-top:0.8em;overflow:hidden}
.vdWidth{width:100%;height:100%;}
video{width:100%;height:100%;background-color:#000;display:block}

.psfea{margin-top:0.8em}
.psfea .ts1{font-size:0.48em;font-weight:600;color:#333;line-height: normal;text-align:center;margin-bottom:0.3em;}
.psfea .ds1{font-size:0.18em;color:#333;line-height: 1.8em;}
.psfea .lists .ls{display:flex;justify-content: space-between;margin-bottom:1em} 
.psfea .lists .ls .imgs{width:6em;height:6em;overflow:hidden}
.psfea .lists .ls .imgs img{width:100%;height:100%;object-fit:cover;transition:0.5s}
.psfea .lists .ls .desc{width:7em;height:6em;overflow:hidden;padding-right:1em;display: flex;flex-flow: column;justify-content: center;} 
.psfea .lists .ls .desc .ts2{font-size:0.36em;color:#333;line-height:normal;margin-bottom:0.5em}
.psfea .lists .ls .desc .ds2{font-size:0.18em;color:#333;line-height: 1.6em;}

.psfea .lists .ls:nth-child(2n+0) .imgs{order:2}
.psfea .lists .ls:nth-child(2n+0) .desc{order:1;padding-left:1em;}
.psfea .lists .ls:hover .imgs img{transform:scale(1.1)}
.psfea .lists .ls:hover .desc .ts2{color:#f6cd4c}




/*=====================
   案例
=======================*/
.cases{padding:0.8em 0}
.cases .lists{display:grid;grid-template-columns:repeat(5, 1fr);gap:0.3em}
.cases .imgs{width:2.17em;height:3.37em;overflow:hidden;border:2px solid #268ae5}
.cases .imgs img{width:100%;height:100%;object-fit:cover;transition:0.5s}
.cases .imgs:hover img{transform:scale(1.1)}


/* 新闻内页 */
.newsShow{display:flex;justify-content:space-between}
.newLeft{width:8em;min-height:9.81em;border-radius: 0.2em;}
.newLeft .ts h1{font-size:28px;color:#333333;line-height:normal;font-weight:600;}
.newLeft .ds{margin-top:1em;font-size: 14px;}
.newLeft .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;}

.newLeft .cs{font-size:16px;color:#333333;margin-top:30px;padding-top: 30px;line-height:1.8em;border-top:1px solid #c4c5c7}
.newLeft .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%;text-align: right;}
.newShowFoot a{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display:inline-block;width:100%}
.newShowFoot a:hover{color:#8ec549}

.newRight{width:4em;}
.newSty{width:100%;position: sticky;top: 1.5em;z-index: 9;}
.newSty .nvs .ns{font-size:0.18em;width:100%;color:#FFF;margin-bottom:0.8em;display:block;background-color:#0075e0;padding:0.8em 1em}
.newSty .nvs .ns:hover{background-color:#333}
.nrMain{margin-top:0.3em}
.nrMain .ts{font-size:0.28em;color:#333333;margin-bottom: 1.2em;font-weight: 600;border-bottom: 0.01em solid #ccc;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:0.14em;color:#FFF;background-color:#666666;text-align: center;border-radius: 0.2em;}
.nrList a .tls{display:block;font-size:0.16em;color:#333333;width:18.5em;line-height:1.2em;height:1.2em;margin-left:0.8em;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.nrList a .datas{display:block;font-size:0.14em;color:#696969;width:7em;line-height:1.37em;height:1.37em;margin-left:2em;overflow:hidden}

.nrList a:hover .tls{color:#8ec549}
.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}



/****分页****/
#pages{margin-top:0.3em}
.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}

.pageSerch{padding-top:2em}

/*=====================
	留言表单
=======================*/
.wdCart{padding-top:2em}
.page_contact{margin-bottom:0.8em;}
.conLeft{background-color:#0075e0;width:5.8em;padding:0.49em 0.63em}
.conLeft .title{margin-bottom:0.2em}
.conLeft .title .ts1{color:#FFF;font-size: 0.18em;line-height:normal}
.conLeft .title .ts2{color:#FFF;font-size: 0.4em;line-height:normal;margin-top:0.25em}

.page_contact .form_group{float:left;margin-right:0.25em;margin-bottom:0.22em;width:2.14em;height:0.4em;}
.page_contact .form_group:nth-child(2n+0){margin-right:0;}

.page_contact .form_group1{width:4.53em;height:1.8em;margin-bottom:0.4em;}
.page_contact .form_group input,.page_contact .form_group1 textarea{display:block;width:100%;height:100%;padding: 0.6em;font-size:0.14em;line-height:1.6em}

.page_contact .form_button{background-color:#FFF;width:1.5em;height:0.4em;text-align:center;}
.page_contact .form_button button{color:#1c4632;display:block;font-size:0.16em;width:100%;background-color:transparent;line-height:2.5em;border: none;}
.page_contact .form_button button:hover{color:#0132cc}

.conRight{width:5.8em;height:6em;}
.cartBox span{font-size:0.16em;color:#333;display:block}
.cartBox a{font-size:0.16em;color:#333;display:block}
.cartBox a:hover{color:#0075e0}
.cartBox a.noPros{font-size:0.24em;display:block}
.succ{font-size: 16px;background: #0000009e;color: #FFF;border-radius: 8px;width: 260px;text-align: center;height: 48px;line-height: 48px;position: fixed;top: 50%;left: 50%;margin-top: -24px;margin-left: -130px;z-index:999;display:none}

.tabs li{border: 0.01em solid #ddd;margin-top: 0.01em;display:flex;display: -ms-flexbox;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.tabs li.ths{font-weight:600}
.sp1{width:1.5em;padding:0.1em;border-right: 1px solid #ddd;}
.sp2{width:5em;padding:0.1em;border-right: 1px solid #ddd;justify-content: center;align-items: center;display: flex;}
.sp5{width:1.4em;padding:0.1em;justify-content: center;align-items: center;display: flex;}






@media (max-width:960px) {
   .proBest .ls .cs,.proBest .ls .dt,.proBest .ls .ds{font-size:12px;line-height: 1.4em;}
}
@media (max-width:1260px) {
   .faCont1{font-size:7.93vw;}
}
@media (max-width:1300px) {
   .faCont2{font-size:7.69vw;}
}
@media (max-width:1940px) {
   .faCont3{font-size:5.15vw;}
}