@media (max-width:1320px) {.faCont2{font-size:7.57vw;}}
@media (max-width:1420px) {.faCont1{font-size:7.04vw;}}
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: 0.26em;}

.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:14em;margin:0 auto;position:relative}
.wbWidth2{width:13em;margin:0 auto;position:relative}
.wbWidth3{width:17em;margin:0 auto;position:relative}
.wbWidth4{width:12.8em;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: #2e8eda;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);}

/* 顶部 */
.top-header{background-color:#000}
.top-header .wbWidth1{display:flex;justify-content: space-between;padding:0.1em 0}
.top-header .lts{font-size:14px;color:#FFF}
.top-header .rgs{font-size:14px;color:#FFF;display:flex;gap:0 2em}
.top-header .rgs .phone{background-image:url(../images/tel.svg);background-repeat:no-repeat;background-size:1.1em;background-position:left center;padding-left:1.5em}
.top-header .rgs .email{background-image:url(../images/email.svg);background-repeat:no-repeat;background-size:1.2em;background-position:left center;padding-left:1.6em}
.top-header .rgs .email:hover{color:#2e8eda;}
.wbLogo .mobile-nav{display:none}

/* 导航 */
.header-inner .wbWidth1{display:flex;justify-content:space-between}
.main-menu{position: relative;}
.header .wbNav{display: flex;justify-content: space-between;align-items: center;padding-left: 0.2em;}
.header .nav .active a.topcss{color:#2e8eda}
.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;        text-transform: capitalize;}
.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{background-image:url(../images/down1.svg);background-repeat:no-repeat;background-size:0.8em;width:0.8em;height:0.8em;margin-left: 0.3em;}
.header .nav li .dropdown{margin:0;background-color: #FFFFFF;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 .icoBar1{background-image:url(../images/down2.svg);}
.header .nav li:hover .topcss,.header .nav a:hover{color:#2e8eda}

.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);}

.hmts .ts{width:100%;font-size:0.42em;font-family:"Roboto","Arial";color:#333;font-weight:600;display:block;line-height: normal;text-align:center;}
.hmts .ln{width:1em;height:0.03em;background-color:#2e8eda;margin:0.15em auto 0}

/****首页-轮播图****/
.bannerSlider .owl-dots{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.bannerSlider .owl-dots .owl-dot span{background-color:#6a6a6a;transition:0.3s}
.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:#2e8eda}

/****首页-产品****/
.wbOem{padding:1em 0}
.wbOem .infos{display:grid;grid-template-columns: repeat(4, 1fr);gap: 0.4em;margin-top:0.5em}
.wbOem .infos .ls{width:100%}
.wbOem .infos .ls .imgs{display:block;width:100%;height:3.32em;border:1px solid #eee;overflow:hidden}
.wbOem .infos .ls .imgs img{width:100%;height:100%;object-fit:cover;transition:0.5s}
.wbOem .infos .ls .imgs:hover img{transform:scale(1.2)}
.wbOem .infos .ls .ts{margin:0.1em auto;overflow: hidden;}
.wbOem .infos .ls .ts span{font-size:0.16em;line-height:1.5em;text-overflow: ellipsis;overflow: hidden;color:#272727;display: -webkit-box;-webkit-line-clamp: 2;overflow:hidden;/*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */margin-top:1em;text-align:center}
.wbOem .infos .ls .ts:hover span{color:#2e8eda}
.wbOem .pics{margin-top:1em}

/****首页-公司简介****/
.homeKnows .homeKnowsFx{display:flex;justify-content: space-between;margin-top: 0.5em;}
.homeKnows .homeKnowsLt{width:6.4em;}
.homeKnows .homeKnowsLt .ds{font-size:0.18em;color:#333;line-height:1.6em}
.homeKnows .homeKnowsLt .btns{width: 1em;height: 0.42em;display: block;border-radius: 0.05em;overflow: hidden;position: relative;margin-top: 0.2em;text-align: center;line-height: 0.42em;}
.homeKnows .homeKnowsLt .btns span{display:block;font-size:0.16em;position: relative;z-index: 9;color:#FFFFFF}
.homeKnows .homeKnowsLt .btns:before{background-color:#2e8eda;position:absolute;left:0;top:0;z-index:1;content:"";display:block;width:100%;height:100%}
.homeKnows .homeKnowsLt .btns:after{background-color:#000;position:absolute;left:-100%;top:0;z-index:2;content:"";display:block;width:100%;height:100%;transition:0.5s}
.homeKnows .homeKnowsLt .btns:hover:after{left:0;}

.homeKnowsVd{position:relative;width:7.1em;height:4.06em}
.homeKnowsVd .imgs{width:7.1em;height:4.06em;overflow:hidden}
.homeKnowsVd .imgs img{width:100%;height:100%;object-fit:cover;transition:0.5s}
.hmVideo{width:0.85em;height:0.85em;position:absolute;right: 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:#2e8eda;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(46,142,218,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)";}
}

/****footer****/
.footWidth{margin:0 auto;position:relative;padding-bottom:0.05em;background: #000;}
.wbFooter .ftContact{display:flex;justify-content: center;align-items: center;background-color:#2e8eda;padding:0.3em 0;gap: 0.2em;transition:0.3s}
.wbFooter .ftContact p{font-size:0.24em;color:#FFFFFF;margin-bottom:0;font-family: Helvetica‌;}
.wbFooter .ftContact a{font-size:0.24em;color:#FFFFFF;font-family: Helvetica‌;text-decoration: underline;}
.wbFooter .ftContact:hover{gap: 0.3em;}

.wbFooter .footTs{font-size:0.24em;color:#FFFFFF;font-weight:600;display:block;font-family:'微软雅黑','Futura Bk BT',"Arial";margin-bottom: 1em;}
.wbFooter .footDs{font-size:0.14em;color:#999999;display:block;font-family:'微软雅黑','Futura Bk BT',"Arial";margin-bottom: 1em;}
.wbFooter li a{font-size:0.14em;color:#999999;font-weight:400;display:block;transition:0.5s;font-family:'微软雅黑','Futura Bk BT',"Arial";}
.wbFooter p{font-size:0.14em;color:#999999;font-weight:400;line-height:1.6em;font-family:'微软雅黑','Futura Bk BT',"Arial";margin-bottom: 0.8em;}
.wbFooter strong{text-transform: capitalize;}
.wbFooter strong,.wbFooter span,.wbFooter p a{font-size:1em;color:#999999;line-height:normal;display: inline-block;font-weight:400;white-space: break-spaces;}
.wbFooter p a:hover{color:#2e8eda;text-decoration: underline;}
.wbCol1{width:3.4em}
.wbCol2{width:3.2em}
.wbCol3{width:2em}
.wbCol4{width:4.5em}
.wbCol4 ul{display: grid;grid-template-columns: repeat(2, 1fr);}

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

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


/*=====================
	面包屑导航标题
=======================*/
.lacts{height:1.12em;background-repeat:repeat;background-image: url(../images/page-title-bg.png);background-color: #f7f7f7;border-bottom: 1px solid #e1e1e1;}
.lacts .wbWidth1{display:flex;justify-content:space-between;align-items:center;height: 100%;}
.lacts h1,.lacts span{font-size:0.36em;font-weight:600;font-family:Helvetica‌;display: block;line-height: normal;color:#333333;text-transform: uppercase;}
.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(../images/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/right3.svg);background-repeat:no-repeat;background-size:auto 0.8em;background-position: center;padding-left: 0.25em;}
.breadcrumb li{font-size:0.16em;font-family:Helvetica‌,'Poppins',"Arial";color:#333333;display: flex;align-items: center;}
.breadcrumb li a:hover{color:#FFF}

/*=====================
   关于我们
=======================*/
.about{padding-top:0.6em;}
.company .owl-theme .owl-prev,.company .owl-theme .owl-next{width:30px;height:30px;background-color:#2e8eda;display:flex;justify-content:center;align-items:center}
.company .owl-theme .owl-nav{display: flex;gap: 0.05em;position: absolute;top: -36px;right: 0;}
.company .owl-theme .owl-prev .lt{transform: rotate(180deg);}
.company .lt{background-image:url(../images/right.svg);background-repeat:no-repeat;background-size: 100%;width: 16px;height: 16px;} 
.company .owl-theme .owl-prev:hover,.company .owl-theme .owl-next:hover{background-color:#004494}

.contents{font-size:18px;color:#333333;line-height:1.8em;margin-top:40px}
.contents p{margin-bottom:1em}

/*=====================
   工厂图片
=======================*/
.factor{padding-top:0.6em;display: grid;grid-template-columns: repeat(4, 1fr);gap:0.2em}
.factor .imgs{width:100%;height:2.01em;overflow: hidden;position: relative;}
.factor .imgs img{width:100%;height:100%;object-fit:cover}
.factor .imgs .ovrlyT {background: rgba(0, 0, 0, 0.25);height: 100%;left: -100%;position: absolute;top: -100%;width: 100%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.factor .imgs .ovrlyB {background: rgba(0, 0, 0, 0.25);height: 100%;left: 100%;position: absolute;top: 100%;width: 100%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.factor .imgs .buttons {width: 100%;height: 100%;position: absolute;top: 0;left: 0;display:flex;justify-content:center;align-items:center}
.factor .imgs .buttons .links{color: rgba(50, 50, 50, 0.9);display: inline-block;margin: 0 1px;line-height: 30px;font-size: 16px;text-align: center;text-decoration: none;width: 30px;height: 30px;-webkit-transition: all 0.2s 0.3s;-moz-transition: all 0.2s 0.3s;-o-transition: all 0.2s 0.3s;transition: all 0.2s 0.3s;opacity: 0;background-image:url(../images/search.svg);background-repeat:no-repeat;background-size:100%}
.factor .imgs:hover .ovrlyT {left: 0;top: 0;}
.factor .imgs:hover .ovrlyB {left: 0;top: 0;}
.factor .imgs:hover .buttons .links {opacity: 1;}
.factor .imgs .buttons .links:hover{opacity: 0.8;}


/*=====================
	联系我们
=======================*/
.contact{padding-top:0.6em;margin-bottom:0.6em}
.contact .wbWidth1{display:flex;justify-content:space-between;}
.contact .fts{font-size:0.24em;color:#333333;font-weight:600;margin-bottom:1.4em}
.contact .ltMess{width:6.7em}
.contact .ltMess input,.contact .ltMess textarea{width:100%;display: block;padding: 0.6em;line-height:1.6em;margin-bottom:1em}

.contact .rgMess{width:6.7em}
.contact .rgMess p{font-size:0.2em;color:#333333;font-family:Arimo;margin-bottom:0.6em}
.contact .rgMess a{color:#2e8eda;}
.contact .rgMess a:hover{text-decoration:underline}

.contact .form_group input,.contact .form_group1 textarea{display:block;width:100%;height:100%;padding: 0.6em;font-size:0.14em;line-height:1.6em}
.contact .form_group1 textarea{min-height:8em}

.contact .form_button{display: flex;margin-top: 0.3em;}
.contact .form_button button{background-color:#2e8eda;color:#FFF;font-size:0.16em;border: none;padding: 0.8em 1em;}
.contact .form_button button:hover{background-color:#333333}


/*=====================
   产品列表
=======================*/
.pro-lists{margin-top:0.6em;margin-bottom:0.8em}
.proWidth{display:flex;justify-content:space-between;}
.pro-lists .proLeft{width:3.2em;}
.pro-lists .proLeft .proSticky{position: sticky;top: 110px;z-index: 9;}
.pro-lists .proLeft .titles{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.pro-lists .proLeft .titles .ts{color:#333333;font-size:0.18em;font-family: Helvetica‌;letter-spacing: 0.05em;font-weight: 600;}
.pro-lists .proLeft .titles .ln{width:0.8em;height:3px;background-color:#2e8eda}

.pvFrs{position: relative;}
.pro-lists .proLeft .proNavs{width:100%;margin-top: 0.2em;}
.pro-lists .proLeft .proNavs > li{position: relative;background-color: #f1f1f1;margin-bottom: 0.1em;}
.pro-lists .proLeft li .fsLink{color:#333;font-size:0.16em;display:block;line-height:1.2em;position:relative;padding: 0.8em 1em;}
.pro-lists .proLeft li.child1 .seLink{font-size:0.14em;display:block;line-height: 1.5em;padding: 0.5em 2em;width: 100%;}
.pro-lists .proLeft li.child1:last-child .seLink{border-bottom:none;}
.pro-lists .proLeft li .fa{position: absolute;top: 0.18em;right: 0.05em;width: 0.16em;height: 0.16em;background-image: url(../images/wjt3.png);background-repeat: no-repeat;background-size: 0.16em 0.16em;}
.pro-lists .proLeft li:hover .fa{background:url(../images/wjt5.png) no-repeat}
.pro-lists .proLeft li .prodown{display:none;width: 100%;margin: 0;padding-top: 0.15em;}
.pro-lists .proLeft li.active{background-color:#2e8eda}
.pro-lists .proLeft li.active .fsLink{color:#FFFFFF;}
.pro-lists .proLeft .prodown li.active .seLink{color:#2e8eda}
.pro-lists .proLeft .proNavs > li:hover{background-color: #2e8eda;}
.pro-lists .proLeft li a:hover{color:#FFFFFF}

.pro-lists .proLeft li.opens .fa{background:url(../images/wjt6.png) no-repeat}

.pro-lists .proRight{width:10.4em;}
.pro-lists .proList{display:grid;grid-template-columns:repeat(4, 1fr);gap:0.2em;}
.pro-lists .proList a{display:block}
.pro-lists .wbPros{width:100%;overflow:hidden;}
.pro-lists .wbPros .imgs{width:100%;height: 2.42em;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 #eeeeee;}
.pro-lists .wbPros:hover .imgs{border:0.01em solid #2e8eda;}
.pro-lists .wbPros .imgs img{width:100%;height:100%;display:block;transition:0.5s;object-fit:cover}
.pro-lists .wbPros:nth-child(3n+0){margin-right:0}

.pro-lists .wbPros .txts{width:100%;padding:0 0.05em;text-align: center;overflow: hidden;}
.pro-lists .wbPros .txts .ts{margin:0.1em auto;overflow: hidden;padding:0.1em 0;}
.pro-lists .wbPros .txts .ts span{font-size:0.15em;line-height:1.5em;text-overflow: ellipsis;overflow: hidden;color:#272727;display: -webkit-box;-webkit-line-clamp: 2;overflow:hidden;/*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */}
.pro-lists .wbPros:hover .txts .ts span{color:#2e8eda;}

.pro-lists .wbPros .txts .ms{width:100%;height:0.31em;margin-top:0.1em}
.pro-lists .wbPros .txts .ms span{width:100%;height:0.31em;background-image:url(../images/jt.png);background-repeat:no-repeat;background-size: 2em 1em;background-position:center right;display:block;font-size:0.14em;height:2em;line-height:2em;color:#434343}
.pro-lists .wbPros:hover img{transform:scale(1.1)}


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

.proListNavs{margin-bottom:0.2em}
.proListNavs ul{display: flex;flex-wrap: wrap;}
.proListNavs li{margin-right:0.22em}
.proListNavs li a{font-size: 0.14em;color: #333333;line-height: 3em;display: block;width: 15.7em;text-align: center;border: 1px solid #c3c3c3;margin-bottom: 1.2em;border-radius: 0.2em;overflow: hidden;}
.proListNavs li:nth-child(4n+0){margin-right:0}
.proListNavs li.active a{border-color:red;color:red}

/* 定制产品 */
.pro-lists.custom .proRight{width:100%;}
.pro-lists.custom .proList{gap: 0.25em 0.4em;}
.pro-lists.custom .wbPros .imgs{height:3.18em;border-radius:0.1em}


/* 产品内页 */
.pro-show-lists{margin-top:0.6em;}
.arrayPics{width:5em;position:relative}

.image-container {width: 5em;margin: 0 auto;text-align: center;}
.large-image {width: 5em;height: 5em;background-size: cover;background-position: center center;transition: background-position 0.1s ease-out;position: relative;background-repeat: no-repeat;margin-bottom: 0.2em;border:1px solid #DDD}
.large-image img {width: 100%;height: 100%;visibility: hidden;}
.small-images {width: 500px;display: flex;justify-content: center;align-items: center;position: relative;}
.small-images-wrapper {display: flex;overflow: hidden;width: 4em;}
.small-img {width: 0.7em;height: 0.7em;margin: 0 0.05em;cursor: pointer;border:1px solid #eee;}
.small-img.active,.small-img:hover{border:1px solid #2e8eda;}
.prev-btn, .next-btn {font-size: 0.2em;background: none;border: none;cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;}
.prev-btn {left: 0;}
.next-btn {right: 0;}

.box{position:relative;justify-content: space-between;}
.wbSx{width:5em;padding-top: 0.1em;}
.wbSx h1{font-size:0.2em;font-weight:600;color:#333333;margin-bottom:1.2em;margin-top:0.2em;line-height:1.6em;}
.wbSx .wbFs{font-size:0.14em;margin-bottom: 1.5em;color:#333333;}
.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{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;}

.proShowWidth{width:100%;margin-top:0.5em}
.psInfo .ts{width:100%;height:0.52em;background-color:#2e8eda;display: flex;align-items: center;padding: 0 0.2em;border-radius: 0.05em;}
.psInfo .ts span{font-size:0.2em;font-weight:600;line-height: normal;color:#FFFFFF}
.psInfo li{margin-bottom:10px;position: relative;padding-left: 18px;background-image:url(../images/ico3.png);background-repeat:no-repeat;background-size:auto 0.8em;background-position: left 0.45em;}

.psInfo h1{font-size: 30px;margin: 10px 0 20px;}
.psInfo table{max-width:100%;width: auto !important;}
.psInfo td{border:1px solid #ddd;padding: 10px 20px !important;font-size: 14px;width: auto !important;}
.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}
.psInfo .wrs img{width:100% !important;height:auto !important}


/****分页****/
#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}

#cat28{display:none}

/*=====================
   新闻列表
=======================*/
.news{background-color:#ffffff;padding-top:0.6em}
.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:#333333;color:#f6cd4c}
.news .newsNav .ns:hover,.news .newsNav .ns.active{background-color:#f6cd4c;color:#333333}

.newsList{display:grid;grid-template-columns:repeat(3, 1fr);gap:0.3em;margin-bottom:0.8em;margin-top: 0.5em;}
.newsList .lists{width:100%;overflow:hidden;background-color:#ffffff;box-shadow: 0 0 10px #DDD;}
.newsList .lists .imgs{width:100%;height:2.54em;overflow:hidden;display: block;}
.newsList .lists .imgs img{width:100%;height:100%;object-fit:cover;transition:0.5s}
.newsList .lists .txts{padding:0.25em;}
.newsList .lists .txts .dts{font-size:0.14em;color:#333333;margin-bottom:0.8em}
.newsList .lists .txts .fts{font-size:0.18em;color:#333333;font-weight:600;margin-bottom:0.8em;display: -webkit-box;-webkit-line-clamp: 2;overflow:hidden;/*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */height: 2.6em;}
.newsList .lists .txts .ms{font-size:0.12em;color:#333333;border-bottom:1px solid #333;padding-bottom:0.6em;display: table;}

.newsList .lists:hover{background-color:#2e8eda;}
.newsList .lists:hover .imgs img{transform:scale(1.1)}
.newsList .lists:hover .txts .dts{color:#FFFFFF;}
.newsList .lists:hover .txts .fts{color:#FFFFFF;}
.newsList .lists:hover .txts .ms{color:#FFFFFF;border-bottom:1px solid #FFFFFF;}

/* 新闻内页 */
.newsShow{display:flex;justify-content:space-between}
.newLeft{width:9.2em;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(../images/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;}
.newLeft .cs img{display:inline-block;}
.newLeft .cs p{margin-bottom:1em;}
.newLeft .cs h1{font-size:1.8em;}
.newLeft .cs h2{font-size:1.6em;}
.newLeft .cs h3{font-size:1.4em;}

.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:#ff6500}

.newRight{width:4.2em;}
.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:#333333;color:#f6cd4c;padding:0.8em 1em}
.newSty .nvs .ns:hover{background-color:#f6cd4c;color:#333333}
.nrMain{margin-top:0.42em}
.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:#ff6500}
.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}


@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);}
}