@import url(iconfont.css);
@import url(message.css);
:root{--color:#0b59c3;--fontcolor:#000000;--summarycolor:#666666;--homebg:#0a1d3d;--hometitle:40px;--fontblod3:300;--fontblod4:400;--fontblod5:500;--fontblod6:600;--fontblod7:700;--fontfamily:"lucida Grande",Verdana,"Microsoft YaHei Light","Microsoft YaHei"}
@media(max-width:1280px){:root{--hometitle:34px}}
@media(max-width:1024px){:root{--hometitle:28px}}
@media(max-width:768px){:root{--hometitle:24px}}
::-webkit-scrollbar{width:8px;height:8px;background-color:#F5F5F5}
::-webkit-scrollbar-track{border-radius:10px;background-color:#E2E2E2}
::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#555}

*,html,body,h1,h2,h3,h4,h5,h6,table,th,td,ol,ul,li,dl,dt,dd,div,p{padding:0px;margin:0px;box-sizing:border-box}
html{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}
body{font-family:var(--fontfamily);max-width:1920px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.6;overflow-x:hidden;overflow-y:scroll;color:var(--fontcolor);}
h1,h2,h3,h4,h5,h6{text-transform:capitalize;font-weight:var(--fontblod5)}
img{vertical-align:bottom;max-width:100%;height:auto}
a{text-decoration:none;outline:0;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
li,ol,ul{list-style:none}
iframe,video{max-width:100%;outline:0;border:none;vertical-align:bottom}
@media(max-width:768px){iframe,video{min-height:240px;height:auto}}
*,::after,::before{box-sizing:border-box}
img,iframe{border:0px}
em,i{font-style:normal}
button,input,select,textarea{font-size:100%;border:0;outline:none}
input{background:none;border:0 none}
.red{color:#ba292e}
.fl{float:left}
.fr{float:right}
.tac{text-align:center}
.tar{text-align:right}
.poa{position:absolute}
.por{position:relative}
.hidden{display:none}
a{color:var(--summarycolor);text-decoration:none}
a:hover{text-decoration:none}
a:visited{text-decoration:none}
:-moz-placeholder{color:#aaa}
::-moz-placeholder{color:#aaa}
img.lazy{display:inline-block;opacity:0}
img.lazy,img.tst{transition:opacity .6s,transform .3s ease}
img.loaded{opacity:1}
img:not([src]){visibility:hidden;position:absolute}
.hidden{overflow:hidden}
.lazy-load{position:absolute;left:40%;top:40%;width:40px;height:40px;border:2px solid var(--fontcolor);border-top-color:rgba(0,0,0,.2);border-right-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.2);border-radius:100%;animation:circle infinite .75s linear}
.lazy-wrap{display:block;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.lazy-wrap::after{content:"";display:block;padding-bottom:50%}
.lazy-wrap.lazy-loaded .lazy-load{-webkit-animation:none;animation:none;display:none}
.lazy-wrap.lazy-loaded::after{padding-bottom:0px}
@keyframes circle{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}}
.l-wrap{width:100%;max-width:1520px;margin:0px auto}
.line1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.line2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.line3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.line4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.rfixed{position:fixed;bottom:calc(200px + constant(safe-area-inset-bottom));bottom:calc(200px + env(safe-area-inset-bottom));right:35px;z-index:99}
.compare-panel{width:280px;background:#FFF;position:fixed;z-index:998;bottom:0px;right:0px;box-shadow:-1px -1px 3px #CCC;display:none;transition:bottom .2s}
.compare-t{background-color:var(--color);font-size:14px;color:#FFF;display:flex;align-items:center;padding:6px 10px;cursor:pointer}
.compare-close{position:relative;width:24px;height:24px;background:0 0;cursor:pointer}
.compare-close::after,.compare-close::before{content:"";display:block;width:10px;height:2px;background-color:#FFF;position:absolute;top:50%;border-radius:2px}
.compare-close::before{transform:rotate(45deg);left:4px}
.compare-close::after{transform:rotate(-45deg);right:4px}
.compare-tit{text-align:center;flex:1;line-height:1.5}
.compare-checked{color:#FFF;margin:0px 4px}
#productChache_list{padding:0px 10px;height:220px;overflow-y:auto}
#productChache_list::-webkit-scrollbar{width:4px}
#productChache_list::-webkit-scrollbar-track{border-radius:0;background-color:rgba(0,0,0,.05)}
#productChache_list::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,0,0,.15)}
.selected-item{position:relative;border-bottom:1px solid #EFEFEF;padding:10px 0px;display:flex;align-items:center}
.item-clear{position:relative;width:20px;height:20px;background-color:transparent;cursor:pointer}
.item-clear::after,.item-clear::before{content:"";display:block;position:absolute;width:70%;height:2px;background-color:var(--fontcolor);border-radius:2px;top:50%;margin-top:-1px}
.item-clear::before{transform:rotate(45deg);left:3px}
.item-clear::after{transform:rotate(-45deg);left:3px}
.item-content{flex:1;display:flex;align-items:center}
.item-img{width:50px;height:50px;background:#FFF;border:1px solid #EFEFEF;display:flex;align-items:center;justify-content:center}
.item-img img{max-width:100%;max-height:100%}
.item-c{width:calc(100% - 50px);padding:0px 10px;font-size:12px}
.item-title{max-height:34px;word-break:break-word;display:block;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;color:var(--fontcolortitle)}
.item-price{color:var(--color)}
.compare-b{padding:20px 10px;display:flex;justify-content:space-between}
.compare-b *{display:block;width:80px;text-align:center;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:30px;border-radius:2px;padding:0px 2px}
.clear-all{color:var(--fontcolortitle);background-color:#ededed;cursor:pointer}
.compare-inquire,.compare-inquire:hover{color:#FFF;background-color:var(--color)}
.compare-b .orderNow{margin:0px;background:#f66f08;color:#FFF;line-height:30px;padding:0px 2px;border:none;border-radius:2px;font-size:12px;cursor:pointer;display:block;width:80px}
.rfixed-sc{width:40px;height:40px;background:var(--color);border-radius:50%;text-align:center;line-height:38px;color:#FFF;position:relative;cursor:pointer;display:none}
.rfixed-sc i{font-size:20px}
.rfixed-scnum{position:absolute;right:25px;top:5px;width:16px;height:16px;background:#E00;border-radius:50%;text-align:center;font-size:12px;color:#FFF;transform:scale(.9);line-height:16px}
@media (max-width:768px){
.compare-panel{width:100%;bottom:calc(55px + constant(safe-area-inset-bottom));bottom:calc(55px + env(safe-area-inset-bottom))}}
.head-lang{display:flex;align-items:center;justify-content:center}
.lang{width:auto;z-index:9999;text-align:left;position:relative;margin-right:20px}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:14px;user-select:none;white-space:nowrap}
.lang-icon span{position:relative;padding-right:18px;color:#999}
.lang-icon>img{margin-right:5px}
.lang-icon span::before{content:"";position:absolute;right:4px;top:11px;width:8px;height:1px;background:#999;transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:11px;width:8px;height:1px;background:#999;transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0px 2px 12px 0 rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.lang-flex{transform:translateX(25%)}
.lang-drop.lang-flex .lang-arrow{left:75%}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 12px)}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-wrap{width:140px;padding:8px 0px;box-sizing:border-box}
.lang-flex .lang-wrap{width:340px;display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;padding:8px 16px;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33%;padding:0px}
.lang-flex .lang-wrap li a{padding:8px 6px}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEE}
.lang-wrap li a{display:block;color:var(--fontcolor);font-size:12px;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media (max-width:1024px){
.l-wrap{padding:0px 15px}
.lang{margin-left:auto;margin-right:10px;transition:all .2s linear}
.lang-drop.lang-flex{right:auto;left:50%;transform:translateX(-50%);top:60px!important;position:fixed;width:calc(100vw - 20px)}
.lang-drop.lang-flex.active{top:54px!important}
.lang-flex .lang-wrap{width:100%}
.lang-drop.lang-flex .lang-arrow{left:80%}
.lang-icon span{display:none}
.lang-icon>img{width:36px;height:24px}
.lang-drop{display:none}
.lang-drop.active{display:block}}
.mobile-bottom-bag{display:none;position:relative;transition:all 0.1s linear}
.mobile-bottom-bag p{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#111}
.mobile-bottom-bag p em{font-size:30px;color:#111}
.mobile-bottom-bag+.lang{margin-left:0px}
header{position:fixed;top:0px;left:0px;width:100%;background:#FFF;z-index:999}
header.is-active .head-top{margin-top:-40px;opacity:0;visibility:hidden}
header.is-active .head-info{height:80px}
header .head-top{background:var(--fontcolor);color:#FFF;height:40px;transition:margin .1s linear}
header .head-top .l-wrap{height:100%;display:flex;justify-content:space-between;align-items:center}
header .head-top .head-share{display:flex;align-items:center;height:100%}
header .head-top .head-share ul{display:flex;align-items:center;margin-right:10px;height:100%}
header .head-top .head-share ul li{width:40px;height:100%}
header .head-top .head-share ul li a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transition:all .1s linear;color:#999}
header .head-top .head-share ul li a:hover{color:#FFF}
header .head-top .head-contact{display:flex;align-items:center}
header .head-top .head-contact .item{display:flex;align-items:center;margin-right:20px}
header .head-top .head-contact .item em{color:var(--color);margin-right:5px;font-size:20px}
header .head-top .head-contact .item a,header .head-top .head-contact .item span{font-size:14px;color:#999}
header .head-top .head-contact .item a:hover{color:var(--color)}
header .head-info{height:100px;box-shadow:1px 2px 10px rgba(0,0,0,.1);transition:all .1s linear}
header .head-info .l-wrap{max-width:1600px;padding:0px 15px;height:100%;display:flex;justify-content:space-between;align-items:center}
header .head-info .head-logo{max-width:50%;display:flex;align-items:center}
header .head-info .head-logo a{display:block;align-items:center}
header .head-info .head-logo a span{font-weight:var(--fontblod5);font-size:18px;padding-left:10px}
header .head-info .head-logo img{width:auto;max-width:300px;max-height:80px}
header .head-info .head-nav{height:100%;display:flex;align-items:center}
header .head-info .head-nav .nav-ul{display:flex;height:100%}
header .head-info .head-nav .nav-ul>li{position:relative;height:100%}
header .head-info .head-nav .nav-ul>li>em{position:absolute;right:0px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:var(--fontblod6)}
header .head-info .head-nav .nav-ul>li>a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:18px;color:var(--fontcolor);font-weight:var(--fontblod5);padding:0px 20px;transition:all .1s linear;text-transform:capitalize;position:relative;white-space:nowrap}
header .head-info .head-nav .nav-ul>li>a::after{content:"";position:absolute;left:0px;bottom:0px;width:0px;height:3px;background:var(--color);transition:all .2s linear}
header .head-info .head-nav .nav-ul>li>a.inmenu_1{color:var(--color)}
header .head-info .head-nav .nav-ul>li>a.inmenu_1+em{color:var(--color)}
header .head-info .head-nav .nav-ul>li>a.inmenu_1::after{width:100%}
header .head-info .head-nav .nav-ul>li:hover>a{color:var(--color)}
header .head-info .head-nav .nav-ul>li:hover>a::after{width:100%}
header .head-info .head-nav .nav-ul>li:hover>em{color:var(--color)}
header .head-info .head-nav .nav-ul>li:hover .submenu{opacity:1;visibility:inherit;transform:translateY(0)}
header .head-info .head-nav .nav-ul>li .submenu{opacity:0;visibility:hidden;transform:translateY(10px);transition:all .1s linear;position:absolute;top:100%;left:0px;min-width:200px;background:#FFF;box-shadow:1px 2px 10px rgba(0,0,0,.1)}
header .head-info .head-nav .nav-ul>li .submenu li{white-space:nowrap;position:relative;padding:0px 10px;height:55px}
header .head-info .head-nav .nav-ul>li .submenu li a{display:flex;align-items:center;font-size:16px;height:100%;font-weight:var(--fontblod5);color:var(--fontcolor);padding-right:30px;border-bottom:1px solid #EAEAEA}
header .head-info .head-nav .nav-ul>li .submenu li em{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:var(--fontblod5)}
header .head-info .head-nav .nav-ul>li .submenu li ul{display:none}
header .head-info .head-nav .nav-ul>li .submenu li:hover{background:#F6F6F6}
header .head-info .head-nav .nav-ul>li .submenu li:hover a,header .head-info .head-nav .nav-ul>li .submenu li:hover em{color:var(--color)}
header .head-info .head-nav .nav-ul>li .submenu li:hover ul{display:block;position:absolute;left:100%;top:0px;background:#FFF;box-shadow:1px 2px 10px rgba(0,0,0,.1);min-width:200px}
header .head-info .head-nav .nav-ul>li .submenu li:hover ul a,header .head-info .head-nav .nav-ul>li .submenu li:hover ul em{color:var(--fontcolor)}
header .head-info .head-nav .nav-ul>li .submenu li:hover ul li:hover a,header .head-info .head-nav .nav-ul>li .submenu li:hover ul li:hover em{color:var(--color)}
.m-menu{display:none}
.search-box{position:relative;display:flex;align-items:center;height:100%}
.head-search{display:flex;align-items:center;margin-right:10%}
.head-search button{outline:0;background:0 0;border:none;padding:10px;cursor:pointer}
.head-search button em{font-size:26px;color:var(--color);font-weight:var(--fontblod6)}
.search-input{position:absolute;top:100%;right:0px;background:#FFF;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 4px rgba(0,0,0,.2);opacity:0;transform:rotateX(90deg);visibility:hidden}
.search-input input{width:200px;height:40px;padding-left:10px;font-size:16px;border:none;outline:0}
.search-input .search-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.1s linear}
.search-input .search-btn:hover{opacity:0.9}
.search-input .search-btn em{font-size:22px;color:var(--color)}
.search-input.active{transition:opacity .3s,transform .3s;visibility:visible;opacity:1;transform:rotateX(0);transform-origin:top}
.bottom-btn{display:none}
.gotop{cursor:pointer;height:40px;width:40px;border-radius:50%;position:fixed;bottom:130px;right:35px;background:#FFF;box-shadow:0 5px 5px 0 rgba(0,0,0,.1);transition:all .4s ease;z-index:9;opacity:0;overflow:hidden;visibility:hidden;display:flex;align-items:center;justify-content:center}
.gotop.act{opacity:1;visibility:inherit;bottom:150px}
.gotop:hover{background:#c1c1c1}
.gotop em{font-size:16px;font-weight:var(--fontblod5);margin-top:-4px}
@media (max-width:1280px){
header .head-info .head-nav .nav-ul>li>a{padding:0px 15px}
header .head-info .head-nav .nav-ul>li>em{right:15px}}
@media (max-width:1024px){
body{padding-top:55px}
.head-search{display:none}
.search-input{margin:10px 0px;display:block;position:static;opacity:1;transform:none;visibility:inherit;display:flex;align-items:center;width:100%;box-shadow:none;border:1px solid #c2c2c2;border-radius:4px;overflow:hidden}
.search-input input{flex:1}
header.is-active .head-info{height:55px}
header .head-info .head-logo img{max-width:180px;max-height:45px}
header.is-active .head-info .head-nav{top:59px;height:calc(100vh - 59px)}
header .head-top{font-size:14px;height:30px;position:static;transition:all .2s linear;display:none}
header .nav-ul>li .submenu>li em{display:none}
header .head-info{height:55px}
header .head-info .head-logo{max-width:inherit}
header .head-info .head-nav{background:#FFF;width:100%;height:calc(100vh - 55px);padding:10px 20px;position:fixed;left:0px;top:55px;transition:all .2s linear;display:flex;flex-direction:column-reverse;justify-content:flex-end;opacity:0;visibility:hidden;transform:translateY(-20px);z-index:999}
header .head-info .head-nav.head-nav-act{opacity:1;visibility:inherit;transform:translateY(0)}
header .head-info .head-nav .nav-ul{width:100%;height:100%;display:block;flex-direction:column;overflow-y:auto;padding:0px 0px 60px}
header .head-info .head-nav .nav-ul>li{height:auto}
header .head-info .head-nav .nav-ul>li:hover>a,header .head-info .head-nav .nav-ul>li:hover>em{color:inherit}
header .head-info .head-nav .nav-ul>li:hover .submenu{opacity:inherit;visibility:inherit;transform:inherit;transform:none}
header .head-info .head-nav .nav-ul>li.cur>a{color:var(--color)}
header .head-info .head-nav .nav-ul>li.cur>em{color:var(--color);transform:rotateX(180deg)}
header .head-info .head-nav .nav-ul>li>em{width:40px;height:40px;display:flex;align-items:center;justify-content:center;top:8px;right:0px;font-size:18px;font-weight:var(--fontblod5);cursor:pointer;transition:all .1s linear;transform:none;font-weight:var(--fontblod6)}
header .head-info .head-nav .nav-ul>li>a{padding:12px 0px;height:auto;justify-content:flex-start;font-size:18px;font-weight:400}
header .head-info .head-nav .nav-ul>li>a::after{content:none}
header .head-info .head-nav .nav-ul>li .submenu{display:none;opacity:1;visibility:inherit;position:static;transform:none;box-shadow:none;transition:none;padding-left:10px;min-width:inherit}
header .head-info .head-nav .nav-ul>li .submenu li{height:auto}
header .head-info .head-nav .nav-ul>li .submenu li:hover{background:0 0}
header .head-info .head-nav .nav-ul>li .submenu li a{border:none;font-weight:400;padding:5px 0px}
header .head-info .head-nav .nav-ul>li .submenu li ul{display:block!important;position:static!important;padding-left:10px;box-shadow:none!important}
.search-box{height:auto;width:auto}
.search-box input{flex:1}
.m-menu{display:block;position:relative;width:40px;height:40px;cursor:pointer}
.m-menu span{position:absolute;background:var(--color);width:30px;height:3px;border-radius:4px;right:0px;transition:all .2s linear}
.m-menu span:nth-child(1){top:25%}
.m-menu span:nth-child(2){top:48%}
.m-menu span:nth-child(3){top:73%}
.m-menu.act span{top:48%;width:32px}
.m-menu.act span:nth-child(1){transform:rotate(45deg)}
.m-menu.act span:nth-child(2){width:0px}
.m-menu.act span:nth-child(3){transform:rotate(-45deg)}

.bottom-btn{position:fixed;bottom:0px;transform:translateY(60px);background:#FCFCFCFB;display:flex;align-items:center;width:100%;z-index:99;box-shadow:1px 2px 10px rgba(0,0,0,.1);transition:all .2s linear;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);opacity:0;visibility:hidden}
.bottom-btn.bottom-btn-hide{transform:translateY(0);opacity:1;visibility:inherit}
.bottom-btn.bottom-btn-keep{transform:translateY(0)!important;opacity:1;visibility:inherit}
.bottom-btn .btn-item a{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#222}
.bottom-btn .btn-item em{font-size:22px;line-height:1}
.bottom-btn .btn-item p{font-size:12px;text-transform:capitalize}
.gotop{display:none}
.bottom-btn .btn-item{width:20%;position:relative;height:55px}
.bottom-btn .btn-item .gotop{display:flex;width:35px;height:35px;position:absolute;left:50%;top:50%;box-shadow:none;transform:translate(-50%,-50%);color:#FFF;opacity:1;visibility:inherit;border:1px solid #ccc}
.bottom-btn .btn-item .gotop:hover{background:none}
.bottom-btn .btn-item .gotop em{font-size:16px;color:#000}}

@media(max-width:500px){html{overflow-x:hidden}}
.toast-title{font-weight:var(--fontblod5)}
.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}
.toast-message a,.toast-message label{color:#FFF}
.toast-message a:hover{color:#CCC;text-decoration:none}
.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:var(--fontblod5);color:#FFF;-webkit-text-shadow:0 1px 0 #FFF;text-shadow:0 1px 0 #FFF;opacity:.8;line-height:1}
.toast-close-button:focus,.toast-close-button:hover{color:var(--fontcolor);text-decoration:none;cursor:pointer;opacity:.4}
.rtl .toast-close-button{left:-.3em;float:left;right:.3em}
button.toast-close-button{padding:0px;cursor:pointer;background:0 0;border:0px;-webkit-appearance:none}
.toast-center-center{top:40%;right:0px;width:100%;transform:translateY(-50%)}
.toast-top-center{top:20%;right:0px;width:100%}
.toast-bottom-center{bottom:0px;right:0px;width:100%}
.toast-top-full-width{top:0px;right:0px;width:100%}
.toast-bottom-full-width{bottom:0px;right:0px;width:100%}
.toast-top-left{top:12px;left:12px}
.toast-top-right{top:12px;right:12px}
.toast-bottom-right{right:12px;bottom:12px}
.toast-bottom-left{bottom:12px;left:12px}
#toast-container{position:fixed;z-index:999999;pointer-events:none}
#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#toast-container>div{font-size:16px;position:relative;pointer-events:auto;overflow:hidden;margin:0px 0px 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.9}
#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}
#toast-container>div:hover{-moz-box-shadow:0 0 12px var(--fontcolor);-webkit-box-shadow:0 0 12px var(--fontcolor);box-shadow:0 0 12px var(--fontcolor);opacity:1;cursor:pointer}
#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}
#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}
#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}
#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}
#toast-container.toast-bottom-center>div,#toast-container.toast-center-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}
#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}
.toast{background-color:#030303}
.toast-success{background-color:#51a351}
.toast-error{background-color:#bd362f}
.toast-info{background-color:#2f96b4}
.toast-warning{background-color:#f89406}
.toast-progress{position:absolute;left:0px;bottom:0px;height:4px;background-color:var(--fontcolor);opacity:.4}
@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}
#toast-container>div.rtl{padding:8px 50px 8px 8px}
#toast-container .toast-close-button{right:-.2em;top:-.2em}
#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}
@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}
#toast-container>div.rtl{padding:8px 50px 8px 8px}
#toast-container .toast-close-button{right:-.2em;top:-.2em}
#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}
@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}
#toast-container>div.rtl{padding:15px 50px 15px 15px}}
@media (max-width:768px){#toast-container>div{font-size:15px;opacity:1}}
@media (max-width:415px){#toast-container>div{font-size:13px}}
.icon-videoplay{position:absolute;left:50%;top:50%;transform:translate(-52%,-50%);background:rgba(0,0,0,.5);color:#FFF;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px;z-index:1;display:none}
img.lazy.loaded+.icon-videoplay{display:flex}
@media(max-width:768px){.icon-videoplay{width:30px;height:30px}}


.floatwindow_fd_conct li,
.floatwindow_fd_conct ol,
.floatwindow_fd_conct ul {
    margin: 0px;
    padding: 0px;
    list-style: none
}

.floatwindow_fd_conct a {
    color: #333333;
    text-decoration: none
}

.floatwindow_fd_conct i {
    font-style: normal
}

.floatwindow_fd_conct img {
    border: none;
    max-width: 100%;
    max-height: 100%
}

.floatwindow_fd_conct {
    position: fixed;
    z-index: 1000;
    right: 10px;
    top: 30%;
    font-size: 14px
}

.floatwindow_fd-img {
    background:var(--color, #20b4f7) url(../images/fd_img.webp) no-repeat;
    background-size: 42px;
    width: 42px;
    height: 42px;
    border-radius: 6px;
    cursor: pointer;
    margin-top: 100px
}

.floatwindow_fd-main {
    width: 185px;
    border-radius: 6px;
    position: absolute;
    top: 0px;
    right: -195px;
    overflow: hidden;
    transition: .3s right ease-in-out;
    -o-transition: .3s right ease-in-out;
    -moz-transition: .3s right ease-in-out;
    -webkit-transition: .3s right ease-in-out;
    background: #FFF
}

.floatwindow_fd-main li {
    padding-left: 40px;
    font-family: var(--fontfamily, Arial);
    background-size: 20px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    border-bottom: 1px #efefef solid;
    position: relative
}

.floatwindow_fd-main i {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px;
    height: 40px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center
}

.floatwindow_fd-main .floatwindow_online_service {
    background: var(--color, #20b4f7) url(../images/fd_img.webp) no-repeat;
    background-size: 42px;
    height: 54px;
    background-position: 5px 50%;
    color: #FFF;
    padding-left: 50px;
    font-size: 18px;
    line-height: 54px;
    border: none
}

.floatwindow_fd-main .floatwindow_top {
    font-size: 18px;
    color: #FFF;
    background-color: #20b4f7;
    line-height: 42px;
    height: 42px;
    border: none;
    padding-left: 60px;
    position: relative;
    background-image:url(../images/top.webp);
    background-position: 110px 50%;
    cursor: pointer
}

@media(max-width:768px) {
    .floatwindow_fd_conct {
        display: none
    }
}




/*head*/
.clearfix{zoom:1}
.clearfix:before,.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.white,.whites{position:relative;overflow:hidden}
.white:after,.whites:after{content:'';position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform:skewx(-25deg)}
.white:hover:after{left:100%;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s}
.whites:hover:after{left:100%;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;transition:0.5s}
.ey_head{width:100%;position:relative;font-size:14px}
.ey_wide{width:1400px;margin:0 auto}
.head_a{background:-webkit-linear-gradient(left,#eee 1350px,var(--color) 0)}
.ey_wide{height:100%;position:relative;box-sizing:border-box}
.ey_hyy p{color:#888;line-height:40px}
.ey_tbyc{padding-left:40px;border-radius:30px 0 0 30px;color:#fff;line-height:40px;background:var(--color)}
.ey_tbyc a{color:#fff}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.head_b{display:flex;justify-content:space-between;align-items:center}
.ey_lg{padding:25px 0}
.ey_zdh{position:relative;padding-right:60px;text-align:right}
.ey_zdh s{position:absolute;top:50%;right:0;width:50px;height:50px;margin-top:-25px;background:var(--color) url(../images/tel.png) center no-repeat;background-size:30px;border-radius:50%}
.ey_rx{color:#999;font-size:16px;line-height:24px}
.ey_rxsz p{color:#333;font-size:30px;font-weight:bold;font-family:"Arial";line-height:35px}
.head_c{border-top:1px solid #ebebeb;text-align:center}
.ey_nav{display:flex}
.nav-li{position:relative;width:100%}
.nav-li+.nav-li::before{content:"";display:block;width:1px;height:18px;background-color:#ececec;position:absolute;left:0;top:50%;margin-top:-9px;transition:all .5s}
.nav-li .nav-a{display:block;color:#555;font-size:16px;line-height:22px;text-align:center;padding:10px 0;background-repeat:no-repeat;background-position:top;background-image:-webkit-linear-gradient(left,var(--color),var(--color));background-image:linear-gradient(to left,var(--color),var(--color));background-size:100% 0}
.nav-li .nav-a span{display:block;font-family:"Arial";color:#bbb;font-size:12px;text-transform:uppercase;transition:all .5s}
.nav-ul{position:absolute;top:100%;left:0;padding-top:10px;z-index:999;width:100%;opacity:0;visibility:hidden;transition:all .6s ease 0s;transform:translateY(20px);backdrop-filter:blur(5px)}
.nav-ul:before{content:"";position:absolute;top:0;left:50%;margin-left:-10px;border-width:10px;border-style:dashed;border-bottom-style:solid;border-color:transparent;border-bottom-color:rgba(255,255,255,0.8);border-top:none}
.nav-ul li{width:100%}
.nav-ul li a{width:100%;display:block;color:#333;line-height:45px;text-align:center;padding:0 5px;background-color:rgba(255,255,255,.8);border-bottom:1px solid rgba(0,0,0,.1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-ul li:first-child a{border-radius:10px 10px 0 0}
.nav-ul li:last-child a{border-radius:0 0 10px 10px;border:0}
.nav-li:hover:before,.nav-li.on:before{opacity:0}
.nav-li:hover .nav-a,.nav-li.on .nav-a,.ey_nav:hover .nav-li.on:hover .nav-a{color:#fff;background-size:100% 100%}
.nav-li:hover .nav-a span,.nav-li.on .nav-a span,.ey_nav:hover .nav-li.on:hover .nav-a span{color:#fff;opacity:.5}
.nav-ul li a:hover{color:#fff;background:var(--color)}
.nav-li:hover .nav-ul{opacity:1;visibility:visible;transform:translateY(0)}
.ey_nav:hover .nav-li.on .nav-a{color:#555;background-size:100% 0}
.ey_nav:hover .nav-li.on .nav-a span{color:#bbb;opacity:1}
.ey_page{padding:30px 0;width:100%;text-align:center;clear:both}
.ey_page a{color:#999;padding:0 15px;margin:0 3px;display:inline-block;vertical-align:middle;line-height:30px;background:#f9f9f9;border:1px solid #f2f2f2}
.ey_page a:hover,.ey_page .hover{display:inline-block;color:#fff;background:var(--color);border-color:var(--color);box-shadow:0 0 14px rgba(0,0,0,.2)}
#tip{width:100%;padding-top:30px;min-height:640px}
#tip b{color:var(--color)}
.sitemap{overflow:hidden;line-height:30px;padding:10px;border-bottom:1px solid #ddd}
.sitemap dt{float:left;margin-right:2%;width:14.66666667%}
.sitemap dt a{display:block;text-align:center;background:#ececec;font-size:14px;padding:8px 0;font-weight:normal}
.sitemap dt a:hover{color:#fff;background:var(--color)}
.sitemap dd{float:left;width:83.333333%}
.sitemap dd a{float:left;color:#666;padding-right:35px;line-height:39px;transition:none}
.sitemap dd a:hover{color:#333}
.tags_list{overflow:hidden;line-height:30px;padding:10px;border-bottom:1px solid #ddd}
.tags_list dt{float:left;margin-right:2%;margin-bottom:2%;width:14.66666667%}
.tags_list dt a{display:block;text-align:center;background:#ececec;font-size:14px;padding:8px 0;font-weight:normal}
.tags_list dt a:hover{color:#fff;background:var(--color)}
.tags{overflow:hidden;margin-bottom:20px}
.tags span{float:left;display:block;line-height:40px}
.tags a{border-radius:4px;-webkit-border-radius:4px;display:inline-block;line-height:28px;padding:0 6px;margin:5px;background:#fff;border:1px solid #dadada}
.tags a:hover{background:var(--color);border-color:var(--color);color:#fff}
.website a{color:var(--color);text-decoration:underline}
.comment-main{width:100%;background:#FFF;border-bottom:3px solid #eee;margin-top:30px;font-size:12px;color:#666;line-height:14px;transition:all .5s}
.comment-title{width:100%;height:40px;line-height:40px;background:#fafafa;border-bottom:1px solid #CCC}
.comment-title span{float:left;font-size:14px;line-height:40px;display:block;padding:0 30px;background:var(--color);color:#FFF}
#mood{margin-bottom:30px;text-align:center}
#mood p{font-size:16px;color:#555;font-weight:bold;margin-bottom:20px}
#mood a{display:inline-block;margin:0 10px;cursor:pointer;color:#555;background:#fff;border-radius:4px;border:1px solid #ddd;padding:6px 20px;min-width:100px;-webkit-box-sizing:border-box;box-sizing:border-box}
#mood a i{display:inline-block;font-size:18px;margin-right:10px}
#mood a em{font-style:normal;font-size:16px}
#mood a:hover{background:var(--color);border-color:var(--color);color:#fff}
.articleShare{position:absolute;top:0;right:0;height:100%;display:flex;align-items:center}
.shareParent .shareFont{width:25px;height:25px;line-height:25px;margin:0 3px;font-size:18px;box-sizing:initial}
.shareParent .shareItem{vertical-align:middle}
.shareParent .shareFont.icon-weibo{color:#FFFFFF;background:#ff763b}
.shareParent .shareFont.icon-qzone{color:#FFFFFF;background:#FDBE3D}
.shareParent .shareFont.icon-qq{color:#FFFFFF;background:#56b6e7}
.shareParent .shareFont.icon-wechat{color:#FFFFFF;background:#7bc549}
.relate-tit{width:100%;height:40px;line-height:40px;background:#fafafa;border-bottom:1px solid #CCC}
.relate-tit h3{float:left;font-size:14px;line-height:40px;display:block;padding:0 30px;background:var(--color);color:#FFF}
.xg-pro{margin:20px 0}
.xg-pro ul{margin-top:20px}
.xg-pro ul li{float:left;width:210px;margin-right:10px;transition:all .5s}
.xg-pro ul li:nth-child(4n){margin-right:0}
.xg-pro ul li a{display:block;border:1px solid #eaeaea}
.xg-pro ul li .img{width:100%;padding-top:75%;position:relative;overflow:hidden}
.xg-pro ul li .img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:all .5s}
.xg-pro ul li h3{color:#555;font-size:14px;text-align:center;display:block;line-height:35px;background:#fff;padding:0 10px;border-top:1px solid #eaeaea;transition:all .5s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.xg-pro ul li:hover .img img{transform:scale(1.1)}
.xg-pro ul li:hover h3{color:#fff;background:var(--color)}
.xg-pro .swiper-container-horizontal>.swiper-scrollbar{position:relative;left:0;bottom:0;width:100%;margin-top:15px}
.xg-pro .swiper-scrollbar-drag{background:var(--color)}
.xg-news ul{padding-top:10px}
.xg-news ul li{float:left;position:relative;width:48%;line-height:35px}
.xg-news ul li:nth-child(even){float:right}
.xg-news ul li a{display:block;color:#666;padding-right:100px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.xg-news ul li a:before{content:'+';font-weight:bold;font-size:16px;line-height:1;margin-right:5px}
.xg-news ul li span{position:absolute;top:0;right:0;color:#999;white-space:nowrap}
.xg-news ul li a:hover{color:var(--color)}

/*搜索*/
.p1 {
    padding: 20px 0;
    background: #f8f8f8;
}
.p1a {
    color: #666;
    font-size: 14px;
    line-height: 40px;
}
.p1a span {
    color: var(--color);
}
.p1a a {
    color: #888;
    padding: 0 10px
}
.p1a a:hover {
    color:var(--color);
}
.p1b {
    width: 305px;
    height: 40px;
    border-radius: 30px;
    overflow: hidden;
    background-color: #fff;
}
.p1b1 {
    width: 265px;
    height: 100%;
    padding: 0 25px;
    color: #666;
}
.p1b2 {
    width: 40px;
    height: 100%;
    border-radius: 30px;
    background: var(--color) url(../images/p1b2.png) center no-repeat;
}


/**/
.zj-products {
    margin-top: 55px;
}
.ey-title {
    text-align: center;
}
.ey-title h3 {
    color: #333;
    font-size: 44px;
    font-weight: bold;
}
.ey-title h3 span {
    color: var(--color);
        font-size: 36px;
}
.ey-title h4 {
    color: #666666;
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
    margin-top: 12px;
}
.procate {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-top: 35px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e9e9e9;
}
.procate li {
    width: calc(100% / 8 - 20px);
    margin: 0 10px;
}
.procate li a {
    display: block;
    color: #555;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    padding: 0 10px;
    background: #f8f8f8;
    border-radius: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.procate li a:hover {
    color: #fff;
    background: var(--color);
}
.products {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}
.products li {
    width: calc(100% / 4 - 24px);
    margin: 0 12px;
    margin-top: 24px;
    border: 1px solid #eee;
    transition: all .5s;
}
.products li .img {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
}
.products li .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
}
.products li h3 {
    color: #555;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    padding: 0 10px;
    background: #f5f5f5;
    transition: all .5s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.products li:hover {
    border-color: var(--color)
}

.products li:hover .img img {
    transform: scale(1.1)
}

.products li:hover h3 {
    color: #fff;
    background: var(--color);
}


/**/
.zj-quality {
    height: 745px;
    background: url(../images/sy_bj.jpg) center no-repeat;
    margin-top: 140px
}

.zj-quality>div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.quatop {
    width: 48.955%;
    margin-top: -70px;
    background-color: #fff;
    box-shadow: 0 0 18px rgba(0,0,0,.06)
}

.quatxt {
    text-align: center;
    padding: 60px 0
}

.quatxt h3 {
    color: #666666;
    font-size: 24px;
    font-weight: normal
}

.quatxt h4 {
    color: var(--color);
    font-size: 48px;
    font-weight: bold;
    margin-top: 22px
}

.quatxt h5 {
    color: #666666;
    font-size: 24px;
    font-weight: lighter;
    margin-top: 27px
}

.qualeftall {
    width: 58.5%
}

.qualeft {
    margin-top: 58px
}

.qualeft li {
    display: none
}

.qualeft li:first-child {
    display: block
}

.qualeft li p {
    color: #fff;
    font-size: 20px;
    line-height: 42px;
    text-align: justify;
    margin-top: 30px;
    min-height: 168px
}

.quazxrx {
    margin-top: 65px;
    width: 100%
}

.quazxrx .qua-tel {
    display: flex;
    align-items: center;
    padding: 19px 0 19px 40px;
    background: linear-gradient(90deg,var(--color) 50%,transparent 100%)
}

.quazxrx .qua-tel h4 {
    font-size: 18px;
    color: #fff;
    line-height: 52px;
    font-weight: normal;
    margin-left: 16px
}

.quazxrx .qua-tel h5 {
    font-size: 36px;
    color: #fff;
    line-height: 52px;
    font-weight: normal;
    margin-left: 2px
}

.quaright {
    float: right;
    width: 29.581%
}

.qua-img li {
    width: calc(50% - 1px);
    float: left;
    background: -webkit-linear-gradient(45deg,#fff 0%,#dadada 50%,#fdfdfd 100%);
    background: linear-gradient(45deg,#fff 0%,#dadada 50%,#fdfdfd 100%)
}

.qua-img li a {
    display: block;
    color: #666;
    padding: 40px 0 30px 28px
}

.qua-img li .img {
    height: 50px
}

.qua-img li .img img {
    max-width: 100%;
    height: 100%;
    transition: all .5s
}

.qua-img li h3 {
    font-size: 20px;
    margin-top: 20px;
    transition: all .5s
}

.qua-img li h4 {
    font-size: 14px;
    font-family: "Arial";
    margin-top: 8px;
    transition: all .5s
}

.qua-img li.cur a {
    background: var(--color)
}

.qua-img li.cur h3,.qua-img li.cur h4 {
    color: #fff
}

.qua-img li.cur .img img {
    filter: brightness(300%)
}

.qua-img li:nth-child(1) {
    margin-right: 1px
}

.qua-img li:nth-child(3) {
    margin-top: 1px;
    margin-right: 1px
}

.qua-img li:nth-child(4) {
    margin-top: 1px
}

.zj-news {
    margin-top: 0px;
    padding: 55px 0 25px 0;
    background: #f8f8f8;
    transition: all .5s
}

.newsall {
    margin-top: 42px
}

.newscat {
    border-bottom: 2px solid #dfdfdf
}

.newslist {
    display: flex;
    align-items: center;
    justify-content: center
}



.newslist li.cur a {
    color: var(--color);
    font-weight: bold
}

.newslist li.cur a::before {
    opacity: 1
}

.newslist li a {
    position: relative;
    color: #666;
    font-size: 20px;
    font-weight: bold;
    display: block;
}

.newslist li a::before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    margin-left: -46px;
    width: 92px;
    height: 2px;
    background-color: var(--color);
    opacity: 0;
    transition: all .5s
}

.newscon {
    padding-top: 20px;
    padding-bottom: 55px
}

.newscon .ttsz {
    display: none;
    width: 100%
}

.newscon .ttsz:first-child {
    display: block
}

.ey-newlist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.ey-newlist li {
    float: left;
    width: 48%;
    display: flex;
    align-items: center;
    margin-top: 30px
}

.ey-newlist li a {
    display: flex;
    min-width: 0
}

.ey-newlist li .img {
    flex: none;
    width: 172px;
    height: 130px;
    border: 1px solid #e8e8e8;
    transition: all .5s
}

.ey-newlist li .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ey-newlist li .txt {
    flex: 1;
    min-width: 0;
    padding-left: 4.7%
}

.ey-newlist li .txt h3 {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition: all .5s
}

.ey-newlist li .txt p {
    color: #666;
    font-size: 15px;
    line-height: 26px;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 14px
}

.ey-newlist li .txt span {
    display: block;
    color: #999;
    font-size: 14px;
    line-height: 30px;
    margin-top: 10px
}

.ey-newlist li:hover .img {
    border: 1px solid var(--color)
}

.ey-newlist li:hover .txt h3 {
    color: var(--color)
}


/**/
.link {
    height: 60px;
    line-height: 60px;
    margin: -25px 0 -35px 0
}

.link>div {
    position: relative;
    background: var(--color);
    border-radius: 0 0 10px 10px
}

.link .box {
    padding: 0 20px
}

.link div:before,.link div:after {
    content: " ";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent
}

.link div:before {
    left: -15px;
    border-width: 25px 15px 0 0;
    border-right-color: var(--color)
}

.link div:after {
    right: -15px;
    border-width: 25px 0 0 15px;
    border-left-color: var(--color)
}

.link .box:before {
    border-right-color: #000;
    opacity: .5;
    z-index: 1
}

.link .box:after {
    border-left-color: #000;
    opacity: .5;
    z-index: 1
}

.link strong {
    color: #fff;
    font-size: 16px;
    font-weight: bold
}

.link a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    margin-right: 20px;
    opacity: .8;
    vertical-align: top
}

.footer {
    color: rgb(255,255,255,.5);
    background: #232323;
    padding: 100px 0 60px 0
}

.footer>div {
    display: flex
}

.footer dt {
    position: relative;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 30px
}

.footer dt:before {
    content: '';
    position: absolute;
    background-color: #39393a;
    width: 78px;
    height: 1px;
    top: 45px
}

.footer .fewm {
    width: 15%
}

.footer .fewm dd {
    display: flex;
    align-items: center
}

.footer .fewm dd:last-child {
    margin-top: 20px
}

.footer .fewm dd img {
    width: 100px;
    height: 100px;
    padding: 2px;
    background: #C5C6C9
}

.footer .fewm dd #fewm {
    width: 100px;
    height: 100px;
    padding: 2px;
    background: #C5C6C9
}

.footer .fewm dd #fewm canvas {
    padding: 8px;
    background: #fff;
    width: 100%
}

.footer .fewm dd h3 {
    font-size: 14px;
    margin-left: 15px;
    width: 20px;
    line-height: 16px
}

.footer .flxw {
    width: 37%;
    padding: 0 5%;
    border-left: 1px solid rgb(57,57,57);
    border-right: 1px solid rgb(57,57,57)
}

.footer .flxw dd {
    font-size: 16px;
    line-height: 20px;
    padding-top: 16px
}

.footer .fnav {
    width: 48%;
    padding-left: 5%
}

.footer .fnav li {
    float: left;
    width: 33.333%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.footer .fnav li a {
    color: rgb(255,255,255,.5);
    font-size: 16px;
    line-height: 52px
}

.footer .fnav li i {
    color: #fff;
    font-size: 20px;
    margin-right: 30px
}

.footer .fnav li a:hover {
    color:#fff
}

.copyright {
    color: rgb(255,255,255,.5);
    font-size: 14px;
    line-height: 70px;
    text-align: center;
    background: #232323;
    border-top: 1px solid #39393a
}

.copyright a {
    color: rgb(255,255,255,.5)
}

.copyright a:hover {
    color: var(--colour1)
}



/* 颜色 */
.case199 .it199 .en199 {
    font: 300 16px "AvantGarde Bk BT";
    color: #666;
    text-align: center;
    text-transform: uppercase;
}
.case199 .it199 .tit199 {
    width: 330px;
    margin: 0 auto;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    color: #333;
}
.case199 .it199 .tit199 em {
    display: block;
    width: 85px;
    height: 1px;
    margin-top: 25px;
    background: #ccc;
}
.case199 {
    padding-top: 60px;
    padding-bottom: 45px;
    background: #fff;
    overflow:hidden;
}
.case199 .pro199 .list199 li {
    position: relative;
    display: block;
    float: left;
    width: 445px !important;
    height: 530px;
    margin-right: 30px;
    border: 1px solid #ddd;
}
.case199 .pro199 .list199 li .tit199 {
    font-size: 20px;
    color: #333;
}
.case199 .pro199 .list199 li .cont199 {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 300;
    line-height: 28px;
    color: #666;
    text-align: justify;
}
.case199 .pro199 .list199 li .view199 {
    position: absolute;
    bottom: 10px;
    left: 30px;
    display: block;
    width: 120px;
    height: 32px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    background: var(--color);
    color: #fff;
    transition: all ease .5s;
}
.case199 .pro199 .list199 li .view199:hover {
    background: var(--color);
}
.case199 .pro199 .hd199 .prev, .case199 .pro199 .hd199 .next {
    width: 30px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    top: -260px;
    transition: all ease .5s;
    background-color: var(--color);
    background-repeat: no-repeat;
}
.case199 .pro199 .hd199 .prev:hover, .case199 .pro199 .hd199 .next:hover {
    background-color: var(--color);
}
.case199 .more199 a {
    display: block;
    width: 198px;
    height: 48px;
    color: #666;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    border: 1px solid #ccc;
    transition: all ease .5s;
}
.case199 .more199 a:hover {
    background: var(--color);
    color: #fff;
    transition: all .5s;
    border: 1px solid var(--color);
}
.case199 .join p {
    color: #666;
    font-size: 14px;
    line-height: 45px;
}
.case199 .join a {
    position: relative;
    display: inline-block;
    width: 160px;
    height: 45px;
    background: var(--color);
    transition: all ease 600ms;
}
.case199 .join a:hover {
    background: #009924;
    width: 180px;
}
/* 颜色 end*/
.case199 .w199 {
    width: 1400px;
    margin: 0 auto;
}
.case199 .icon199 {
    background-image: url("../images/icon199.png");
    display: inline-block;
    vertical-align: middle;
}
.case199 .it199 {
    padding-top: 0;
}
.case199 .it199 .tit199 span {
    float: left;
    margin: 0 20px;
}
.case199 .pro199 {
    position: relative;
    margin-top: 30px;
}
.case199 .pro199 .list199 {
    width: 106%;
}
.case199 .pro199 .list199 li a {
    display: block;
    padding: 30px;
    padding-bottom: 80px;
}
.case199 .pro199 .list199 li a img {
    display: block;
    width: 400px;
    height: 300px;
}
.case199 .pro199 .list199 li .title199 {
    margin-top: 20px;
}
.case199 .pro199 .hd199 {
    position: absolute;
    width: 100%;
}
.case199 .pro199 .hd199 .prev {
    background-position: -340px -43px;
    left: -80px;
}
.case199 .pro199 .hd199 .next {
    background-position: -370px -43px;
    right: -80px;
}
.case199 .more199 {
    margin-top: 40px;
}
.case199 .more199 .line199 {
    display: block;
    width: 600px;
    height: 1px;
    margin-top: 24px;
    background: #ccc;
}
.case199 .join {
    margin-top: 60px;
    margin-bottom: 50px;
}
.case199 .join h3 {
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 20px;
}
.case199 .join h3 s {
    display: inline-block;
    width: 42px;
    height: 31px;
    margin-right: 10px;
    background-position: -295px -49px;
}
.case199 .join a s {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -35px;
    width: 70px;
    height: 10px;
    background-position: -329px -23px;
}

/**/

.case1999 .it199 .en199 {
    font: 300 16px "AvantGarde Bk BT";
    color: #666;
    text-align: center;
    text-transform: uppercase;
    
}
.case1999 .it199 .tit199 {
    width: 330px;
    margin: 0 auto;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    color: #333;
}
.case1999 .it199 .tit199 em {
    display: block;
    width: 85px;
    height: 1px;
    margin-top: 25px;
    background: #ccc;
}
.case1999 {
    padding-top: 60px;
    padding-bottom: 45px;
    background: #fff;
    overflow:hidden;
    background:url(../images/ryzzbj.jpg) no-repeat center center;
}
.case1999 .pro199 .list199 li {
    position: relative;
    display: block;
    float: left;
    width: 320px !important;
    height: 450px;
    margin-right: 30px;
    border: 1px solid #ddd;
}
.case1999 .pro199 .list199 li .tit199 {
    font-size: 20px;
    color: #333;
}
.case1999 .pro199 .list199 li .cont199 {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 300;
    line-height: 28px;
    color: #666;
    text-align: justify;
}
.case1999 .pro199 .list199 li .view199 {
    position: absolute;
    bottom: 10px;
    left: 30px;
    display: block;
    width: 120px;
    height: 32px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    background: var(--color);
    color: #fff;
    transition: all ease .5s;
}
.case1999 .pro199 .list199 li .view199:hover {
    background: var(--color);
}
.case1999 .pro199 .hd199 .prev, .case1999 .pro199 .hd199 .next {
    width: 30px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    top: -260px;
    transition: all ease .5s;
    background-color: var(--color);
    background-repeat: no-repeat;
}
.case1999 .pro199 .hd199 .prev:hover, .case1999 .pro199 .hd199 .next:hover {
    background-color: var(--color);
}
.case1999 .more199 a {
    display: block;
    width: 198px;
    height: 48px;
    color: #666;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    border: 1px solid #ccc;
    transition: all ease .5s;
}
.case1999 .more199 a:hover {
    background: var(--color);
    color: #fff;
    transition: all .5s;
    border: 1px solid var(--color);
}
.case1999 .join p {
    color: #666;
    font-size: 14px;
    line-height: 45px;
}
.case1999 .join a {
    position: relative;
    display: inline-block;
    width: 160px;
    height: 45px;
    background: var(--color);
    transition: all ease 600ms;
}
.case1999 .join a:hover {
    background: #009924;
    width: 180px;
}
/* 颜色 end*/
.case1999 .w199 {
    width: 1400px;
    margin: 0 auto;
}
.case1999 .icon199 {
    background-image: url("../images/icon199.png");
    display: inline-block;
    vertical-align: middle;
}
.case1999 .it199 {
    padding-top: 0;
}
.case1999 .it199 .tit199 span {
    float: left;
    margin: 0 20px;
}
.case1999 .pro199 {
    position: relative;
    margin-top: 30px;
}
.case1999 .pro199 .list199 {
    width: 106%;
}
.case1999 .pro199 .list199 li a {
    display: block;
    padding: 30px;
    padding-bottom: 80px;
}
.case1999 .pro199 .list199 li a img {
    display: block;
    width: 400px;
    height: 300px;
}
.case1999 .pro199 .list199 li .title199 {
    margin-top: 20px;
}
.case1999 .pro199 .hd199 {
    position: absolute;
    width: 100%;
}
.case1999 .pro199 .hd199 .prev {
    background-position: -340px -43px;
    left: -80px;
}
.case1999 .pro199 .hd199 .next {
    background-position: -370px -43px;
    right: -80px;
}
.case1999 .more199 {
    margin-top: 40px;
}
.case1999 .more199 .line199 {
    display: block;
    width: 600px;
    height: 1px;
    margin-top: 24px;
    background: #ccc;
}
.case1999 .join {
    margin-top: 60px;
    margin-bottom: 50px;
}
.case1999 .join h3 {
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 20px;
}
.case1999 .join h3 s {
    display: inline-block;
    width: 42px;
    height: 31px;
    margin-right: 10px;
    background-position: -295px -49px;
}
.case1999 .join a s {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -35px;
    width: 70px;
    height: 10px;
    background-position: -329px -23px;
}

/**/
.dibuline1 {
    width: 50px;
    height: 3px;
    background-image: linear-gradient(-90deg, #0b59c3 0%, #082c7e 100%);
    background-blend-mode: normal, normal;
    /* margin: 0 auto; */
    margin-top: 10px;
}

/**/
.sidebar-title span{font-size:16px;text-transform: capitalize;}
/**/
.lxwm01{    padding: 10px;}
.lxwm01 h2{font-size: 16px;
    font-weight: bold;
    color: var(--color);
    padding-bottom: 10px;
    border-bottom: 1px solid #f2f2f2;
    text-align: center;}
.lxwm01 p{color: #666;
    line-height: 26px;
    padding-top: 10px;
    display: block;
    font-size: 14px;
}    


/**/


.postion148 {
    width: 1200px;
    overflow: hidden;
    display: block;
}
.postion148 .weizhi148 {
    background: url(../images/icon_dizhi.png) no-repeat left top;
    background-size: 20px;
    padding-left: 25px;
    font-size: 14px;
    color: #888;
}
.postion148 .weizhi148 a:hover {
    color: #0256ac;
}
@media only screen and (max-width: 1200px)
    .postion148 {
        width: 1000px;
    }
@media only screen and (max-width: 959px)
    .postion148 {
        margin: 50px auto 30px;
    }
@media only screen and (max-width: 768px)
    .postion148 {
        width: 96%;
    }
@media only screen and (max-width: 640px){
    .postion148 {
        width: 94%;
        margin: 10px auto 10px;
    }
    .postion148 .weizhi148 {
        border-bottom: #e7e7e7 1px solid;
        padding-bottom: 8px;
        font-size: 12px;
        background-size: 17px;
        background-position: left 1px;
    }
}
/**/
.about-info h2{margin:20px 0;
background-image: -webkit-linear-gradient(#0036d6, #03236b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    font-weight:700;
    font-size: 0.3rem;
}

/**/
.cp01{margin:0 auto;}
.cp01_li{display: table;width: 100%;background:#f0f0f0;margin:20px 0 50px 0;}
/*.cp01_li:hover{box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);
    border: 1px solid #f3f3f3;}*/
.cp_fl{float:left;width:40%;display: flex;padding:100px 50px}
.cp_fl img{transition: all 1s ease 0s;}
.cp_fl img:hover{transform: scale(1.1);}
.cp_fr{float:left;width:60%;padding:50px;}
.cp_fr p{color:#666;padding:20px 0;text-indent:2em;line-height:40px;width:90%}
.cp_fr h1{font-weight:800}
.cp_fr h1 a{color:var(--color)} 

.index-more {
    display: block;
    width:140px;
    float: left;
    height: 70px;
    line-height:70px;
    font-family: "mb";
    text-transform: uppercase;
    color: #082c7e;
    text-align: center;
    position: relative;
    background-image: url(../images/titbg3.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.index-more:hover {
    color: #fff;
    background-image: url(../images/titbg.png);
}

.index-more:hover i {
    transform: translateX(0.1rem);
    -webkit-transform: translateX(0.1rem);
    -moz-transform: translateX(0.1rem);
    -ms-transform: translateX(0.1rem);
    -o-transform: translateX(0.1rem);
    background-image: url(../images/more.png);
}

.index-more.white {
    color: #fff;
    background-image: url(../images/titbg2.png);
}

.index-more.white i {
    background-image: url(../images/more.png);
}

.index-more.white:hover {
    background-image: url(../images/titbg.png);
}

.index-more.white:hover i {
    transform: translateX(0.1rem);
    -webkit-transform: translateX(0.1rem);
    -moz-transform: translateX(0.1rem);
    -ms-transform: translateX(0.1rem);
    -o-transform: translateX(0.1rem);
}

.index-more i {
    display: inline-block;
    width: 30px;
    height: 10px;
    background-image: url(../images/more2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    position: relative;
    margin-left: 0.18rem;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.cp02{width:90%;height: auto;display: flex;font-size: 14px;}
.cp02 span{
    line-height:70px;
    padding-left: 30%;
    background-image: -webkit-linear-gradient(#000, var(--color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    font-weight:700;
    font-size: 20px;
}
.cp03{width:100%;height:auto;display:flex;margin:10px 0;}
.cp03 ul li{width:23%;margin:0px 1%;float:left}
.cp03_text{width:100%;height:auto;display:flex;overflow: hidden;}
.cp03_text img{width: 150px;height: 140px;}
.cp03_text img:hover{transition: 0.3s;transform: scale(1.1);}
.cp03_h1{text-align:center;background:#fff;border:1px #eee solid;padding:5px 0}
.cp03_h1 a{color:999;}
.cp03_h1:hover{color:var(--color);border:1px var(--color) solid}


/**/
.prodetails-nr{color:var(--summarycolor);padding:10px 0}
.prodetails-nr span{padding:5px 20px;margin:0px 10px;color:#fff;background:var(--color)}
.tel-btn{width: 100%;
    border-top: 1px solid #ddd;
    padding-top: 23px;}
.tel-btn .btn {
    width: 118px;
    float: right;
    height: 40px;
    line-height: 40px;
    margin-top: 8px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    background: var(--color);
}
.tel-btn .tel {
    width: 100%;
}
.tel-btn .tel .fa {
    float: left;
    width: 42px;
    height: 42px;
    display: block;
    font-size: 28px;
    color: #FFF;
    line-height: 42px;
    text-align: center;
    background: var(--color);
    border-radius: 50%;
    margin-right: 6px;
    margin-top: 4px;
}
.tel-btn .tel span {
    font-size: 16px;
    line-height: 35px;
}
.tel-btn .tel strong {
    color: var(--color);
    font-size: 26px;
    line-height: 45px;
}
.cp04{width:100%;height:auto;display:flex;margin:10px 0;}
.cp04 ul li{width:18%;margin:10px 1%;float:left}
.cp04_text{width:100%;height:auto;display:flex;overflow: hidden;}
.cp04_text img{width: 280px;height: 220px;}
.cp04_text img:hover{transition: 0.3s;transform: scale(1.1);}
.cp04_h1{text-align:center;background:#fff;border:1px #eee solid;padding:5px 0}
.cp04_h1 a{color:999;}
.cp04_h1:hover{color:var(--color);border:1px var(--color) solid}

/**/


/**/
.ArticleTencont{padding:20px 0}

/**/
.lxwm02{width:100%;margin:0 auto}
.lxwm02 .lx_fl01{width:60%;float:left;padding: 20px;height: 450px;}
.lxwm02 .lx_fr02{width:40%;float:left;padding-left: 50px;padding-top: 20px;}
.lx_text{width:100%;height:50px;border-bottom: 2px #000 solid;}
.lx_text ul li{float:left}
.lx_text .lx-txt1{float:left;font-size:22px}
.lx_text .lx-txt2{float:right}
.attr_1{    width: 100%;
    height: 70px;
    line-height: 70px;
    border-bottom: 1px #999 solid;
    border-top: none;
    border-left: none;
    border-right: none;}
.attr_3{    width: 100%;
    height: 100px;
    line-height: 100px;
    border-bottom: 1px #999 solid;
    border-top: none;
    border-left: none;
    border-right: none;overflow-y: hidden;
}
.attr_2{padding:10px 40px;margin-top:15px;    background: #999;    color: #fff;}

/*关于我们*/
.us_daohang ul li{float:left;width:14%;padding-left:1%;text-align:center;border-right:1px #e3e3e3 solid}
.us_daohang ul li a:hover{color:var(--color)}
.info-w {
    padding: 2rem 0 3rem;
    background: url(../images/ab-img2.png) no-repeat left center;
    background-size: 58%;
    background-position: 10% 41%;
}
.info-w .info {
    padding:0 40px;
}
.w1520 {
    max-width: 79.16%;
    margin: 0 auto;
    width: 92%;
}
.bdb {
    box-sizing: border-box;
}
.f-cb {
    zoom: 1;
}
.info-w .info .con {
    width: 50%;
    box-sizing: border-box;
    padding: 20px 45px 0 0;
}
.info-w .info h2 {
        margin-bottom: 30px;
    font-size: 36px;
    font-weight: 700;
    color: var(--color);
}
.wryh {
    color: #444;
}
.info-w .info .con p {
    text-align: justify;
    line-height: 40px;
    text-indent: 2em;
}
.info-w .info .down-b {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    color: #003c96;
    cursor: pointer;
}
.info-w .info .download {
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    background: #12449b;
    text-align: center;
    box-sizing: border-box;
    color: #fff;
    border-radius: 4px;
}
.info-w .info .img {
    width: 50%;
    height: 100%;
}
.info-w .info .img img {
    width: 100%;
}

/**/
.nywh_box {width:100%;margin:auto;background:url(../images/20210420192245_166973476.jpg)fixed center no-repeat;position:relative;overflow:hidden;height:745px;}
.nywh_boxl {width:36%;position:absolute;left:0%;padding: 10% 5.5%;}
.nywh_bt {color:#fff;font-weight:bold;font-size:36px;margin-bottom:30px;}
.nywh_bt:after {content:'';display:block;width:60px;height:3px;background:#eee;margin-top:40px;}
.nywh_bt1 {font-size:16px;color:#fff;line-height:30px;}
.nywh_boxr {width:65%;position:absolute;right:0%;padding:6% 0;}
.nywh_nr {width:100%;margin:auto;overflow:hidden;}
.nywh_nr li {float:left;width:24%;}
.ysinner {float:right;margin-right:3%;width:64.5%;position:relative;z-index:11}
.ystxt {text-align:center;margin-right:1.33%;height:240px;background:rgba(255,255,255,0.4);border:6px solid rgba(255,255,255,0);position:relative;overflow:hidden;margin-bottom:4px;}
.ysinner>a:nth-child(4n+0) div {margin-right:0}
.ystxt div:nth-child(1) {display:inline-block;width:107px;height:107px;line-height:107px;border-radius:50%;background:#fff;border:6px solid rgba(54,59,144,0.1);margin:35px 0 20px 0;}
.ystxt div img {margin-top: 0px;width: 70%;height: 70%;top: -20px;position: relative;}
.ysinner>a:last-child div:nth-child(1) {position:relative;background-repeat:no-repeat;background-position:center;background-color:transparent}
.ysinner>a:last-child div h6 {position:absolute;display:inline-block;left:0;bottom:0;top:0;right:0;margin:auto;width:174px;height:35px;text-align:center;line-height:35px;color:#fff;background:#003466}

.ysinners {height:100%;width:100%;position:absolute;top: 73%;}
.ysinners p {width: 70%;display:inline-block;text-align:center;font-size: 14px;margin-top: 0px;color:#fff;}
.ysinners h2 {position:relative;padding-bottom: 18px;color: #fff;font-size: 22px;margin-bottom: 20px;}
.ysinners h2:after {content:'';display:block;width:21px;height:2px;background:rgba(255,255,255,.3);position:absolute;left:0;right:0;bottom:0;margin:auto;opacity:0}
.ystxt:hover h2:after,.ystxt:hover p {opacity:1;padding-bottom: 0px;}
.ystxt:hover h2 {margin-top:45px;font-weight:bold;font-size:20px;}
.ystxt:hover .ysinners {top:0;background:#00479d;}
.ysinners b {position:absolute;font-size:160px;color:rgba(255,255,255,0.2);right:0px;bottom: -95px;font-weight:bold;font-family:"impact";}
.ysinners p,.ysinners span:after,.ysinners,.ysinners h2 {transition:all .4s cubic-bezier(.35,.75,.55,1) 0.1s;-webkit-transition:all .4s cubic-bezier(.35,.75,.55,1) .1s;-moz-transition:all .4s}


/**/
.honer .t {text-align:center;}
.honer .t b {font-size:40px;color:#222;}
.honer .t t {color:#00479d;}
.honer .t p {font-size:18px;color:#666;line-height:30px;}
.honer {padding:60px 0px;background:url(../images/ryzzbj.jpg) no-repeat center center;}
.honor_mobile{display:none;}
.honer .title t {display:inline-block;vertical-align:middle;width:400px;height:23px;margin:0 20px;}
.honer .title t.t {transform:rotate(180deg);}
.poster-main .poster-btn {width:44px;height:32px;position:absolute;cursor:pointer;display:block;z-index:10;}
.poster-main .poster-btn a {position:absolute;top:50%;margin-top:-16px;}
.poster-main .poster-prev-btn a {right:-16px;}
.poster-main .poster-next-btn a {left:-16px;}
.poster-main .poster-next-btn {left:-56px;top:130px;}
.poster-main .poster-prev-btn {right:-56px;top:130px;}
.poster-main .poster-next-btn a:hover,.poster-main .poster-prev-btn a:hover {background-position:-36px 0}
.poster-item {position:relative;}
.poster-item em {position:absolute;left:0;bottom:-5%;width:100%;font-style:inherit;font-size:14px;color:#fff;text-align:center;overflow:hidden;background:rgba(0,0,0,0.7);line-height: 25px;overflow:hidden;}
.poster-main .poster-list .poster-item img {display:block;width:100%;}

.poster-main {position:relative;margin-top:30px;}
.poster-main .poster-list .poster-item {position:absolute;left:0;top:0;overflow:inherit !important;}
.poster-main .poster-btn {position:absolute;top:0;cursor:pointer;}
.poster-main .poster-list .active em {display:block;}
.honertab {margin:30px;text-align:center;}
.honertab a {display:inline-block;width:158px;line-height:39px;border-radius:20px;background:#484848;font-size:18px;color:#fff;}
.honertab a+a {margin-left:10px;}
.honertab a.on {background:#c99d49;}
.poster-list li {box-sizing:content-box;}


/**/



.hzhb_239 { margin: 0 auto;width:100%;padding: 60px 0 }
.hzhb_239 .title { padding: 0 10px 30px;text-align: center }
.hzhb_239 .title h3 { color: #203144;font-weight: 500;font-size: 36px;white-space: nowrap;margin: 0 0 30px }
.hzhb_239 .title p {font-size: 18px;color: #666;white-space: nowrap;margin: 0  }
.hzhb_239 .hb-con { margin: 0;height: 300px;padding:0;margin-bottom: 30px }
.hzhb_239 .hb-con .item { width: 19%;;height:128px;margin: 0.5%;border: 1px #ccc solid;float: left;display: block;text-align: center;cursor: pointer }
.hzhb_239 .hb-con .item img { height: 126px;width: 100%}
.hzhb_239 .hb-con .item:hover {-webkit-box-shadow: 0 0 30px rgba(32, 49, 68, 0.3);-moz-box-shadow:0 0 30px rgba(32, 49, 68, 0.3);box-shadow: 0 0 30px rgba(32, 49, 68, 0.3);transform: translateY(-5px);-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in; /* Firefox 4 */-webkit-transition: all 0.3s ease-in; /* Safari 和 Chrome */-o-transition: all 0.3s ease-in; /* Opera */
}
.hzhb_239  .btns-more { padding: 0;margin: 0;text-align: center }
.hzhb_239  .btns-more .more { border: 1px #ff8800'} solid;height: 44px;width: 300px;display: inline-block;color: {$eyou.theme.color1|default='#ff8800;font-size: 18px;line-height: 42px;position: relative;overflow: hidden;transition: all .5s ease-in; }
.hzhb_239  .btns-more .more span {display:block;width:0;height:0;border-radius: 50%;transition: all .5s ease-in;background-color: #ff8800;position:absolute;z-index: -1;left: 0;bottom: 0;transform: translate(-50%,50%);}
.hzhb_239  .btns-more .more:hover{color: #fff;}
.hzhb_239  .btns-more .more:hover span { width:900px;height:600px; }
@media only screen and (max-width: 992px) {
    .hzhb_239 .hb-con { margin-bottom: 20px;height: auto }
    .hzhb_239  .btns-more { margin-bottom: 20px }
    .hzhb_239 .hb-con .item { width: 48%;height:88px;margin: 1%;border: 1px #ccc solid;float: left;display: inline-block;cursor: pointer }
    .hzhb_239 .hb-con .item img { height: 86px}
}
@media only screen and (min-width: 1200px) {
    .hzhb_239 { width: 1170px}
}
@media (min-width:992px) and (max-width:1199px){
    .hzhb_239 { height: auto }
}
@media only screen and (max-width: 991px) {
    .hzhb_239 { height: auto }
    .hzhb_239 .title { padding:0 10px 30px}
    .hzhb_239 .title p a{ white-space: normal;line-height: 24px;font-weight: normal  }
}
@media only screen and (max-width: 720px) {
    .hzhb_239 { padding: 30px 0 }
    .hzhb_239 .title h3 { font-size: 20px;margin: 0 0 10px }
    .hzhb_239 .title p { margin: 0 0 10px }
    .hzhb_239 .title p a { font-size: 15px }
    .hzhb_239 .btns-more .more {margin-top: 30px;height: 28px;width: 140px;font-size: 14px;line-height: 28px;}
}

.dibucc {width:60px;height:3px;background-image:linear-gradient(-90deg,#0b59c3 0%,#082c7e 100%);background-blend-mode:normal,normal;    margin: 0 auto;    margin-top: 10px;}

/**/
.xx-img ul li{width:23%;padding:1%;float:left}
.xx-img ul li img{width:100%;height:100%;transform: scale(1.02);}
.xx-img span{    width: 100%;
    font-size: 14px;
    color: var(--summarycolor);
    text-align: center;
    display: block;
    line-height: 40px;}
.xx-img ul li a:hover img{ transition: all .1s linear;}
.xx-img ul li span:hover{color:var(--color)}



/*手机导航*/


/* 宽度 */
.h125 .cont125 {
    padding: 0 15px;
    width: 1400px;
    margin: 0 auto;
}
/* 颜色 */
.h125 {
    background-color: #fff;
}
.h125 .tel125 strong {
    display: block;
    font-size: 28px;
    font-family: Impact;
    line-height: 1;
    color: #dd0000;
}
.h125 .nav125 {
    font-size: 0;
    background-color: #204c97;
    color: #fff;
}
.h125 .nav125 li a {
    display: block;
    font-size: 16px;
    line-height: 70px;
    padding: 0 35px;
    color: #fff;
}
.h125 .nav125 li .arr125:after {
    content: '';
    border-top: 2px solid #204c97;
    border-left: 2px solid #204c97;
    box-sizing: content-box;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 15px;
}
.h125 .nav125 li.active a, .h125 .nav125 li.open a, .h125 .nav125 li a:hover {
    color: #fff;
    background-color: #dd0000;
}
.h125 .nav125 .d-box125 a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
    font-size: 14px;
    background-color: rgba(0, 0, 0, 0.5) !important;
    line-height: 40px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.h125 .nav125 .d-box125 a:hover {
    background-color: #dd0000 !important;
}
.h125 .menu125:before, .h125 .menu125:after, .h125 .menu125 span {
    display: block;
    height: 2px;
    background-color: #204c97;
    content: '';
}
/* 颜色 end*/
.h125 .img125 {
    text-align: center;
    font-size: 0;
}
.h125 .img125 img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    padding-top: 5px;
}
.h125 .logo125 {
    float: left;
    font-size: 0;
    height: 80px;
    line-height: 45px;
    text-align: left;
    padding: 15px 0;
}
.h125 .tel125 {
    float: right;
    background: url({eyou:global name='web_cmspath' /}/skin/zujianku/images/tel125.jpg) no-repeat 0 center;
    padding-left: 55px;
    margin-top: 15px;
}
.h125 .nav125 li {
    display: inline-block;
    vertical-align: middle;
    background: url({eyou:global name='web_cmspath' /}/skin/zujianku/images/li_125.jpg) no-repeat right center;
    padding-right: 1px;
}
.h125 .nav125 li .arr125 {
    float: right;
    height: 40px;
    width: 40px;
    position: relative;
    display: none;
}
.h125 .nav125 li.down125 {
    position: relative;
}
.h125 .nav125 li.down125:before {
    content: "";
    position: absolute;
    border: 4px solid transparent;
    border-bottom: 0;
    border-top-color: currentColor;
    top: 50%;
    margin-top: -2px;
    right: 15px;
}
.h125 .nav125 .d-box125 {
    position: absolute;
    left: 0;
    min-width: 100%;
    top: 100%;
    display: none;
    z-index: 10;
    text-align: center;
}
.h125 .nav125 .d-box125 p {
    margin: 0;
}
.h125 .nav125 li.open .d-box125 {
    display: block;
}
.h125 .menu125 {
    display: none;
    padding: 6px 0;
    float: right;
    margin-left: 15px;
}
.h125 .menu125:before {
    width: 30px;
}
.h125 .menu125:after {
    width: 30px;
    margin-left: 0;
}
.h125 .menu125 span {
    width: 20px;
    margin: 10px;
}



/**/
.footer1 {
    color: rgb(255,255,255,.5);
    background: #232323;
}



.footer1 .fewm {
    width: 15%
}

.footer1 .fewm dd {
    display: flex;
    align-items: center
}

.footer1 .fewm dd:last-child {
    margin-top: 20px
}

.footer1 .fewm dd img {
    width: 100px;
    height: 100px;
    padding: 2px;
    background: #C5C6C9
}

.footer1 .fewm dd #fewm {
    width: 100px;
    height: 100px;
    padding: 2px;
    background: #C5C6C9
}

.footer1 .fewm dd #fewm canvas {
    padding: 8px;
    background: #fff;
    width: 100%
}

.footer1 .fewm dd h3 {
    font-size: 14px;
    margin-left: 15px;
    width: 20px;
    line-height: 16px
}

.footer1 .flxw {
    width: 37%;
    padding: 0 5%;
    border-left: 1px solid rgb(57,57,57);
    border-right: 1px solid rgb(57,57,57)
}

.footer1 .flxw dd {
    font-size: 16px;
    line-height: 20px;
    padding-top: 16px
}

.footer1 .fnav {
    width: 100%;
    padding: 0 3%;
}

.footer1 .fnav li {
    float: left;
    width: 33.333%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.footer1 .fnav li a {
    color: rgb(255,255,255,.5);
    font-size: 16px;
    line-height: 52px
}

.footer1 .fnav li i {
    color: #fff;
    font-size: 20px;
    margin-right: 30px
}

.footer1 .fnav li a:hover {
    color:#fff
}

.copyright1 {
    color: rgb(255,255,255,.5);
    font-size: 14px;
    line-height: 70px;
    text-align: center;
    background: #232323;
}

.copyright1 a {
    color: rgb(255,255,255,.5)
}

.copyright1 a:hover {
    color: var(--colour1)
}



.pro-center{width:100%}
.pro-center img{width:100%}


















/**/
@media screen and (max-width: 1400px) {
/* 颜色 */
.h125 {
    padding: 10px 0;
    position: fixed;
    z-index: 10;
    width: 100%;
    top: 0;
    left: 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.h125 .nav125 li {
    display: block;
    margin: 0;
    border-top: 1px solid #eee;
    background: none;
}
.h125 .nav125 li a {
    line-height: 40px;
    padding: 0 15px;
    color: #333;
}
.h125 .nav125 li.active a, .h125 .nav125 li.open a, .h125 .nav125 li a:hover {
    background-color: transparent;
    color: #dd0000
}
.h125 .nav125 li.open .arr125:after {
    border-color: #dd0000;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.h125 .nav125 .d-box125 {
    position: static;
    background-color: #eee;
    min-width: auto;
    text-align: left;
}
.h125 .nav125 .d-box125 a {
    color: #333 !important;
    border-top: 1px dotted #ddd;
    padding: 0 15px;
    line-height: 40px;
    background-color: transparent !important;
    border-bottom: 0;
}
/* 颜色 end*/
.h125 .cont125 {
    width: auto;
    padding-top: 15px;
}
.h125 .tel125 {
    display: none;
}
.h125 .logo125 {
    height: 50px;
    line-height: 50px;
    float: none;
    padding: 0;
    margin: -10px 0;
}
.h125 .nav125 {
    margin: 10px 0 -10px;
    text-align: left;
    display: none;
    background-color: transparent;
    border-bottom: 0;
    }
.h125 .nav125 ul {
    margin: 0 -15px;
    }
.h125 .nav125 li .arr125 {
    display: block;
    }
.h125 .nav125 .d-box125 a:hover {
    background-color: transparent !important;
    }
.h125 .menu125 {
    display: block;
    }
}

@media screen and (max-width: 20000px) {
.ip_head_c{display:none}
.footer1{display:none}
.copyright1{display:none}
.ey_prod{display:none}
}
@media screen and (max-width: 1400px) {
.ip_head_c{display:block}
.ey_head{display:none}
.ey_wide{width:100%}   

}
@media screen and (max-width: 1120px) {
    .procate li { width: 23%;margin: 1% 1%;}
    .qua-img li h3,.qua-img li h4{display:none}
    .qua-img li a {padding:10px 10px;}
    .index-box-2 .swiper-slide .info {padding-top: 1rem;}
    .home-banner{margin-top:20px}
    .tab-box {position: relative;}
    .more199{display:none}
    .case199{    background: url();}
    .case199 .w199 {
    width: 100%;}
    .case1999{    background: url();}
    .case1999 .w199 {
    width: 100%;}
    .cp02 span {
    padding-left: 15%;}
    .info-w .info {
    padding: 0
    }
    .nywh_boxl {
    width: 95%;
    position: relative;
    left: 0%;
    padding: 1%;
    margin: 0 auto;
    }
    .nywh_boxr {
    width: 97%;
    position: absolute;
    right: 0%;
    padding: 0;
    margin: 0 auto;
}
.nywh_box {
    height: 800px;
}
.pro199{display:none}
.ey_prod{display:block}
}
@media screen and (max-width: 1048px) {
    .cp03{display:none}
    .info-w .info .con {padding:0 10px 0 0;}
    .info-w .info h2 {
    margin-bottom: 0px;
    font-size: 28px;
    }
    .info-w .info .con p {    line-height: 30px;

    }
}
@media screen and (max-width: 964px) {
    .cp02 span {
    padding-left: 1%;}
}
@media screen and (max-width: 900px) {
.footer{display:none}
.footer1{display:block;        padding-top: 40px;}

.copyright{display:none}
.copyright1{display:block}
.cp04 ul li {
    width: 23%;
    margin: 10px 1%;
    float: left;
    }
    .cp_fr {
    padding: 20px;
    }
        .info-w .info .con p {
        font-size:14px
    }
}
@media screen and (max-width: 800px) {
.home-about .l-wrap .about-info {
    padding: 10px;
    }

}
@media screen and (max-width: 755px) {
    .quazxrx {margin-top: 5px;}
    .qualeft li p {
    font-size: 16px;
    line-height: 25px;
    margin-top: 0px;
    }
    .qualeft {margin-top: 5px;}
    .qua-tel img{5%}
    .quazxrx .qua-tel h4 {font-size: 14px;}
    .quazxrx .qua-tel h5 {font-size: 20px;}
    .cp_fl {padding: 10% 2%;}
    .quatxt h3{font-size:16px}
    .quatxt h4 {font-size:18px}
    .quatxt h5 {font-size:14px}
    .quatxt {text-align: center;padding: 20px 0;}
    .quatop {height:250px;}
    .ey-newlist li{    float: left;
    width: 48%;
    display: flex;
    align-items: center;
    margin-top: 30px;}
    .ey-newlist li{width:96%;padding:0px 2%}
    .lxwm02 .lx_fr02 {padding-left: 0px; }
        .cp02 span {
        display: none;
    }
    .cp_fr p {line-height:30px}
    .us_daohang ul li {
    padding-left: 0;        font-size: 12px;}
    .w1520 {
    max-width: 100%;}
    .info-w .info .img img {
    padding-top: 10%;
}
.ystxt {
    height: 200px;
}

}
@media screen and (max-width: 527px) {
    .qua-tel img{2%}
    .quazxrx .qua-tel h4 {display:none}
    .quazxrx .qua-tel h5 {font-size: 20px;}
    .lxwm02 .lx_fl01 {
    width: 100%;
    }
    .lxwm02 .lx_fr02 {
    width: 100%;
    }
    .footer1 .fewm dd {display: flex;align-items: center;width:90%;float:left;padding:1% 5%}
    .newslist li a {font-size: 14px;}
    .tel-btn .tel strong {
    color: var(--color);
    font-size: 18px;
    line-height: 45px;
    }
    .cp_fr p {
    padding: 0;
    line-height: 30px;
    width: 100%;
    font-size: 14px;
    }
    .info-w .info .img {
    width: 100%;}
    .info-w .info .con {
    width: 100%;}
    .nywh_boxr {display:none}
        .nywh_box {
        height: 400px;
    }
    .nywh_bt1 p{font-size:14px;
    }
}
@media screen and (max-width: 512px) {
    .procate li {
    width: 48%;
    margin: 1% 1%;
    }
    .products li {
    width: 48%;
    margin: 1% 1%;
    border: 1px solid #eee;
    transition: all .5s;
    }
    .cp04 ul li {
    width: 46%;
    margin: 10px 2%;
    float: left;
    }
    .prodetails-nr span {
    padding: 5px 2px;}
    .cp_fl {
    width: 100%;
    padding:0;
    }
    .cp_fl img {
    width: 100%;
    }
    .cp_fl img:hover {
    transform: scale(1);
    }
    .cp_fr {
    width: 100%;}
}
@media screen and (max-width: 420px) {
    .link strong {font-size: 12px;}
    .link a {font-size: 12px;margin-right: 10px;}
    .nywh_bt {
    margin-bottom: 5px;
    }
}





.ey_prod {
    height: auto;
    overflow: hidden;
    color: #434343
}
.ey_prod .ey_pro {
    width: 100%;
    padding: 30px 0;
    height: auto;
    overflow: hidden;
}
.ey_prod .prolist {
    width: 30.33%;
    float: left;
    margin: 1.5%;
    background-color: #fff;
    box-shadow: 0px 0px 8px #ccc;
}
.ey_prod .prolist .img {
    display: block;
    width: 96%;
    position: relative;
    overflow: hidden;
    margin: 2%;
}
.ey_prod .prolist .img img {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    min-height: 100%;
    display: block;
    transition: all .5s;
}
.ey_prod .prolist:hover .img img {
    transform: scale(1.1);
}
.ey_prod .prolist p {
    width: 100%;
    text-align: center;
    margin: 10px 0 15px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;/*显示几行*/
    overflow: hidden
}
.ey_prod .prolist p a {
    font-size: 15px;
    line-height: 26px
}
.ey_prod .ey_page {
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #626262;
    margin: 30px 0;
}
.ey_prod .ey_page li {
    display: inline-block;
}
.ey_prod .ey_page a {
    margin: 0px 2px;
    padding: 8px 16px;
    border: 1px solid #ccc;
    color: #626262;
    background-color: #fff
}
.ey_prod .ey_page a:hover, .ey_prod .ey_page .active a {
    background-color: #009fa8;
    color: #fff;
    border: 1px solid #009fa8;
    box-shadow: 0 0 14px rgb(0 0 0 / 20%);
}
@media (max-width:1199px) {
.ey_prod .prolist {
    width: 30.3%;
    float: left;
    margin: 20px 1.5%;
}
}
@media (max-width:768px) {
.ey_prod .prolist {
    width: 47%;
    float: left;
    margin: 20px 1.5%;
}
}
@media (max-width:768px) {
.ey_prod .ey_page {
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #626262;
    margin: 30px 0
}
.ey_prod .ey_page a {
    margin: 2px 1px;
    padding: 0px 8px;
    border: 1px solid #ccc;
    color: #626262;
    background-color: #fff;
    display: inline-block
}
.ey_prod .ey_page a:hover {
    background-color: #009fa8;
    color: #fff;
    padding: 0px 8px;
    border: 1px solid #009fa8;
}
.ey_prod .ey_page span {
    background-color: #009fa8;
    color: #fff;
    padding: 0px 8px;
    border: 1px solid #009fa8;
    display: inline-block
}
}
@media (max-width:380px) {
.ey_prod .prolist {
    width: 97%;
    float: left;
    margin: 20px 1.5%;
}
}
@media (max-width:767px) {
.ey_prod .ey_pro {
    padding: 5px 0;
    height: auto;
    overflow: hidden;
}
}











/*分页*/
.mypages{clear:both;margin:20px 0px 20px 0px;text-align: center;height:40px;line-height:40px;}
.mypages ul{display:inline-block;margin:0 auto;}
.mypages li{padding:0 15px;line-height:30px;display:inline-block;font-size:14px;border:1px solid #ddd;border-radius: 5px;margin: 0 3px;float:left;background-color:#FFF;cursor:pointer;}
.page-num{padding:0 15px;line-height:30px;display:inline-block;font-size:14px;border:1px solid #ddd;border-radius: 5px;margin: 0 3px;float:left;background-color:#FFF;cursor:pointer;}
.page-num-current,.page-num-current a,.page-num-current a:hover{color:#fff;background-color:#0092ff;}