/*! init */
blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body{font-family:'Microsoft YaHei',sans-serif;color:#333;overflow-x:hidden;font-size:14px}
h1,h2,h3,h4,h5,h6{font-weight:400}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
a{color:inherit;text-decoration:none}
a:focus,a:hover{text-decoration:none;color:inherit}
em,i{font-style:normal}
img{border:0;vertical-align:middle}
li,ol,ul{list-style:none}
button,input,select,textarea{outline:0}
button{cursor:pointer}
table{border-collapse:collapse}
.clearfix:after{content:"";display:block;clear:both}
.fl{float:left}
.fr{float:right}
.jc-sb{justify-content:space-between}
.flex{display:flex}
.ai-c{align-items:center}
.container{max-width:1200px;margin:0 auto;padding:0 15px}
img{max-width:100%}
/*! icon */
@font-face{font-family:iconfont;src:url(iconfont.eot?t=1577691752567);src:url(iconfont.eot?t=1577691752567#iefix) format('embedded-opentype'),url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),url(iconfont.woff?t=1577691752567) format('woff'),url(iconfont.ttf?t=1577691752567) format('truetype'),url(iconfont.svg?t=1577691752567#iconfont) format('svg')}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-map:before{content:"\e648"}
.icon-search:before{content:"\e716"}
.icon-home:before{content:"\e65a"}
.icon-youjiantou:before{content:"\e667"}
.icon-zuojiantou:before{content:"\e669"}
.icon-menu:before{content:"\e64b"}
.icon-money:before{content:"\e613"}
.icon-phone-circle-o:before{content:"\e652"}
.icon-chat:before{content:"\e66d"}
/*! main */
html{background:#535353}
body{max-width:750px;margin:0 auto;background:#fff;min-height:100vh;padding-bottom:100px}
header{display:flex;justify-content:space-between;box-sizing:border-box;padding:0 16px;align-items:center;position:relative;height:50px}
button.menu-btn{background:0 0;border:0;font-size:30px}
.nav{text-align:center}
.nav-box{position:absolute;top:100%;left:0;background:#fff;z-index:-10;min-height:calc(100vh - 50px);min-width:50vw;border-top:1px solid #ddd;border-right:1px solid #ddd;opacity:0;transition:all .3s}
.nav a{padding:10px 0;display:block;border-bottom:1px solid #ddd}
.search-from{position:absolute;top:100%;left:0;width:100%;background:#fff;z-index:-15;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:15px 0;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s}
.search-from #txtSearch{border:1px solid #ccc;height:25px;padding:0;box-sizing:border-box;border-right:0}
.search-from #btnSearch{height:25px;background:0 0;border:1px solid #ccc;width:25px;font-size:20px}
.search-btn{background:0 0;border:0;font-size:30px}
.nav-box.active{z-index:10;opacity:1}
.search-from.active{z-index:15;opacity:1}
.title{text-align:center;font-size:25px}
.title-text{font-size:12px;text-align:center;padding:10px 0}
#mainproNext,#mainproPrev{background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px}
#mainpro .swiper-slide a{position:relative;display:block}
#mainpro .swiper-slide a::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.3),transparent,rgba(0,0,0,.3));z-index:10;display:block}
.cate-list{background:#313131;color:#fff;text-align:center;padding:15px 0;margin-bottom:15px}
.cate-list ul{display:flex}
.cate-list li{width:25%;box-sizing:border-box;position:relative;font-size:14px;border-right:1px solid rgba(255,255,255,.3);padding:3px 0}
.cate-list li:nth-last-child(1){border:0}
.cate-list li a::before{content:"";display:block;border-radius:10px;width:4px;height:4px;border:1px solid rgba(255,255,255,.5);margin-right:4px}
.cate-list li a{display:flex;align-items:center;justify-content:center}
.pro-title{width:100%;position:absolute;bottom:10px;left:0;color:#fff;z-index:15;padding:0 15px;box-sizing:border-box}
#mainproPrev{left:0}
#mainproNext{right:0}
.main-rec-pro-list{display:flex;padding:5px}
.main-rec-pro-list li{width:calc(50% - 2.5px);margin-right:5px;text-align:center;font-size:14px}
.main-rec-pro-list li:nth-child(2n+2){margin-right:0}
.main-rec-pro-list li p{margin:10px 0 5px 0}
.main-rec-pro-list li a{font-size:10px;background:#000;display:inline-block;border-radius:30px;color:#fff;padding:5px 20px}
.main-rec-pro{margin-bottom:15px}
.shop-pic{background:#313131;color:#fff;padding:15px 5px;margin-bottom:15px}
.shop-pic-box{position:relative;border:1px solid #777;padding:3px}
.shop-pic-box>img{border:1px solid #fff;width:100%}
.shop-pic-box>p{position:absolute;right:2px;top:50%;transform:translateY(-50%);background:#fff;padding:5px 20px;color:#000;font-size:12px}
.shop-pic li{margin-bottom:15px}
.joinus{background:#fff;color:#333;display:flex}
.joinus a{margin-left:auto;padding:8px 25px;background:#000;color:#fff;border:1px solid #fff}
.joinus span{padding:10px}
.profile-panel{position:relative;margin:0 5px}
.profile-back{display:block;width:100%}
.profile-text{position:absolute;top:50%;left:0;background:rgba(255,255,255,.85);width:95%;display:flex;align-items:center;border-radius:0 100px 100px 0;transform:translateY(-50%);padding:20px 0;font-size:12px;color:#444}
.profile-text .txt{padding:0 20px 0 5px;line-height:1.7}
.profile-text .link{margin-left:auto;font-size:10px;background:#000;display:inline-block;border-radius:30px;color:#fff;padding:5px 20px;margin-right:3px;flex:0 0 auto}
.company-profile{margin-bottom:15px}
.main-news-panel ul{color:#fff;font-size:12px;line-height:1.7}
.main-news-panel{background:#313131;color:#fff;padding:15px 0;margin-bottom:15px}
.main-news-panel ul li{border-bottom:1px solid rgba(255,255,255,.2);padding:15px 10px}
.main-news-panel ul li:nth-last-child(1){border:0}
.main-news-panel ul li .news-title{font-size:14px;margin-bottom:5px;color:#fff}
.main-news-panel ul li .news-intro{font-size:12px;padding-left:10px;margin-bottom:5px}
.main-news-panel ul li .news-date{padding-left:10px;font-size:10px;color:#999;width:auto;padding:0 0 0 10px}
.main-news-panel ul li .news-title::before{content:"";display:inline-block;border-radius:10px;width:4px;height:4px;border:1px solid #fff;margin-right:4px}
.contact-panel{text-align:center;font-size:11px;padding:0 15%}
.fixed-panel ul{display:flex;color:#eee;background:#313131}
.fixed-panel li{width:20%;box-sizing:border-box;text-align:center;border-right:1px solid #666;padding:10px 0}
.fixed-panel li .icon{font-size:23px;margin-bottom:5px;display:block}
.fixed-panel{position:fixed;bottom:0;left:0;width:100%;z-index:99}
.fw-600{font-weight:600}
.fs-14{font-size:14px}
.mb-5{margin-bottom:5px}
.top-logo img{max-height:40px}
span.swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000}
.swiper-pagination-bullet{background:#fff;opacity:1}
#mainpro .swiper-slide img{width:100%}
.main-rec-pro-list li>img{width:100%}
/*! index-products */
.products-cate{margin-bottom:15px;display:flex;justify-content:center;flex-wrap:wrap}
.products-cate li{color:#878787;transition:all .3s;font-size:12.75px;padding:9px 17.25px;background:#fff;border:1px solid #d8d8d8;margin:1%;cursor:pointer}
.products-cate li:hover{color:#fff;background:#313131}
.products-cate li:hover a{color:#fff}
.products-list a{display:flex;padding:2%;margin-bottom:2%;background:#f5f5f4}
.product-img,.product-text{width:50%}
.product-img img{width:100%}
.product-text{display:flex;flex-direction:column}
.product-name{font-size:14px;color:#353535;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.product-intro{position:relative;font-size:12px;color:#676867;line-height:18px;overflow:hidden;padding-top:13px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.product-intro::after{content:"";display:block;position:absolute;top:6px;left:0;background:#353535;height:3px;width:44px}
.products-list a:hover{background:#313131}
.products-list a:hover .product-intro,.products-list a:hover .product-name{color:#fff}
.products-list a:hover .product-name::after{background:#fff}
.more-link{border-bottom:1px solid #d0d0d0;margin-bottom:20px}
.more-link .more-btn{transform:translateY(50%);margin:0 auto;background:#fff;border:0}
/*! inner-nav */
.inner-nav ul{display:flex;padding:6px 0}
.inner-nav li{white-space:nowrap}
.inner-nav a{color:#8a8a8a}
.inner-nav i{margin:0 7px}
.inner-nav a:hover{color:#313131}
.inner-nav{margin:12px 0}
.product-img{padding-right:6px;box-sizing:border-box}
/*! inner-content-protypelist*/
.content-protypelist .proIntro,.procatekeywords .proCateTags{color:#727272;font-size:11.25px;line-height:1.6;box-sizing:border-box}
.content-protypelist .proIntro{background:#f4f4f4;margin-bottom:3%;padding:2.75% 2.33%}
.procatekeywords .proCateTags{margin-bottom:7%}
.procatekeywords .proCateTags span a{display:inline-block;margin-right:11.25px;padding:7.5px 11.25px;background:#f4f4f4}
/*! contact */
.inner-nav-box{border-bottom:1px solid #eaeaea}
.inner-nav-list a{font-size:11.25px;color:#8a8a8a}
.inner-nav-list i{margin:0 10px}
.inner-nav-list a:hover{color:#313131}
.contact-us img{max-width:100%}
.contact-main{padding-bottom:61.5px}
.topbar-title{font-size:21px;color:#373737;font-weight:700;text-transform:uppercase;line-height:.958;position:relative;padding:20.25px 0;margin-bottom:24px}
.topbar-title::after{display:block;content:"";display:block;background-color:#313131;position:absolute;left:0;bottom:0;width:34px;height:3px}
.contact-list li{margin-bottom:30px;display:flex;align-items:center}
.contact-list .icon-box{width:40px;margin-right:15px}
.contact-text p{font-size:18.75px;color:#373737;margin-bottom:6px;font-weight:600}
.contact-text a{font-size:13.5px;color:#676767}
/*! news */
.inner .news-list li{margin-bottom:100px;width:100%}
.inner .news-text,.inner .news-title{user-select:unset}
/*! page */
.pages{display:flex;justify-content:center;margin-bottom:10%}
.pages .prev{transform:rotate(180deg)}
.pages a,.pages span{display:block;line-height:30px;padding:0 10px;border-radius:2px;border:1px solid #efefef;color:#1b1b1b;font-size:12px;margin:3.75px}
.pages span{background:#efefef;color:#999}
.pages .ctxt,.pages a:hover{background:#313131;color:#fff}
/*! page-about */
.singglepage-top-img{margin-bottom:15px}
.singlepage-title{font-size:33px;color:#010101;padding:22.5px 0;font-weight:700;text-transform:uppercase}
.singlepage-title-text{position:relative;color:#9f9f9f;font-size:15px;font-weight:600;margin-bottom:30px}
.singlepage-title-text::after{content:"";display:block;position:absolute;bottom:0;width:45px;height:2px;background:#313131;right:0}
.singglepage-main p{font-size:12.75px;color:#9f9f9f;line-height:21.75px}
.singglepage-read-more{color:#313131;border:2px solid #313131;border-radius:3px;font-size:17px;padding:15px 37.5px;display:inline-block;margin-top:37.5px}
.company-spirit-title-panel{background:#313131;padding:33.75px 0;position:relative;text-align:center;margin-top:37.5px}
.company-spirit-title-panel p{color:#fff;font-size:21px}
.company-spirit-title-panel::after{position:absolute;bottom:0;border:13px solid transparent;left:50%;transform:translate(-50%,100%);border-top-color:#313131;content:""}
.company-spirit img{width:100%}
.page-aboutus .numbers{margin-bottom:0}
.page-about{overflow:hidden}
.page-about .aboutus-panel{margin-top:22.5px;margin-bottom:90px;flex-wrap:wrap}
.page-about .aboutus-img,.page-about .aboutus-text{width:100%}
.page-about .aboutus-text p{font-size:12px;color:#9f9f9f;line-height:1.813;padding-bottom:30px}
.page-about .aboutus-title{font-size:33px;font-weight:700;color:#010101;padding-bottom:15px;text-transform:uppercase}
.page-about .title-text{font-size:12.75px;color:#9f9f9f;padding-bottom:37.5px;font-weight:600;position:relative;display:inline-block;text-align:left}
.page-about .title-text::after{content:"";display:block;position:relative;left:calc(100% + 5px);bottom:10px;width:45px;height:2px;background:#313131}
.page-about .aboutus-img img{width:100%}
.page-about .switch-list{flex-wrap:wrap;display:none;justify-content:space-between}
.page-about .switch-list li{width:45%;padding-bottom:25%;margin-bottom:30px;position:relative}
.page-about .switch-list div{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .3s;border:1px solid #e1e6eb;box-sizing:border-box}
.page-about .switch-list div::after{content:"";display:block;position:absolute;bottom:-28px;left:50%;transform:translateX(-50%);border:14px solid transparent;transition:all .3s}
.page-about .switch-list i{margin-bottom:5%}
.page-about .switch-list div p{color:#494949;font-size:12px;color:#494949;cursor:pointer}
.page-about .switch-list div:hover,.page-about .switch-list li.active div{border-color:#313131;background:#313131}
.page-about .switch-list div:hover p,.page-about .switch-list li.active div p{color:#fff}
.page-about .switch-list div:hover::after,.page-about .switch-list li.active div::after{border-top-color:#313131}
.page-about .switch-text-list li{flex-wrap:wrap;display:none}
.page-about .switch-text-list li.active{display:flex}
.page-about .switch-img{width:100%;margin-bottom:11.25px}
.page-about .switch-img img{width:100%}
.page-about .switch-text{width:100%;margin-left:auto;margin-bottom:11.25px}
.page-about .switch-title{color:#010101;font-size:28.5px;margin-bottom:21px}
.page-about .switch-text p{margin-bottom:37.5px;font-size:28.5px;color:#9f9f9f;line-height:1.1825;font-size:12px}
/*! page-content */
#preview{margin:0 auto}
#preview+.spec-scroll{margin:5px auto}
.zoomdiv{display:none!important}
.singglepic{text-align:center}
.singglepic img{display:inline-block;max-width:100%;min-height:190px;max-height:400px;object-fit:contain}
.prodetail-name{font-size:18.75px;color:#313131;padding:15.6px 0;font-weight:600}
.prodetail-text{font-size:12.75px;color:#595959;line-height:22.5px}
.share-box{display:flex;justify-content:center;align-items:center;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;margin:3% 0}
.share-box ul{display:flex;align-items:center}
.share-box li{width:50px;height:50px;border-radius:50%;margin-left:20px;overflow:hidden}
.share-box a{display:block;line-height:50px;text-align:center;background:#f2f2f2}
.share-box a:hover{background:#313131}
.prodetail-btns{margin-top:21.6px}
.prodetail-btns a{display:block;border-radius:6px;background:#eee;font-size:16.5px;line-height:66px;text-align:center;margin-bottom:21.75px;text-transform:uppercase}
.prodetail-btns a:hover{color:#fff;background:#313131}
.detail-tag{text-transform:uppercase;color:#313131;line-height:45px;border:1px solid #e3e3e3;border-top:4px solid #313131;padding:0 10px}
.prodetail-more p{font-size:12.75px;color:grey;line-height:24px;margin:15px 0}
.prodetail-more img,.prodetail-more video{max-width:100%}
/*! news-content */
.news-conent-title{font-size:23px;color:#373737;padding:25px 0}
.news-main img{max-width:100%}
.news-main p{font-size:12.75px;color:#8c8c8c;line-height:22.5px;margin-bottom:22.5px}
.prevnext-link{display:flex;margin-bottom:22.5px}
.prevnext-link div{display:flex;width:50%;align-items:center;height:68.25px;font-size:11.25px;line-height:17.25px;background:#f5f5f5;color:#6c6c6c;padding:0 2%}
.prevnext-link div i{flex:0 0 auto}
.prevnext-link div a{max-width:calc(90% - 12px);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.prevnext-link div.prev{justify-content:flex-start}
.prevnext-link div.next{justify-content:flex-end}
.prevnext-link div:hover{background:#313131;color:#fff}
.prevnext-link div:hover a{color:#fff}
.prevnext-link .prev i{transform:rotate(180deg);margin:0 5px;flex:0 0 auto}
.prevnext-link .next i{margin-left:5px}
.prevnext-link .next{border-left:1px solid #ddd}
.area1,.area2{padding:10px 6px;margin:10px 0;border-bottom:1px solid #644b3f}
.area1 input,.area1 textarea,.area2 input,.area2 textarea{font-size:14px;width:100%;background-color:#fff;border:0;color:#999;outline:0}
.area1 input::placeholder,.area2 input::placeholder,.area2 textarea::placeholder{color:#644b3f}
.button2{display:block;color:#fff;font-size:16px;border:0;background:#644b3f;border-radius:0;padding:5px 25px}
.news-list li{padding:0 15px;box-sizing:border-box}
.news-date{position:relative;width:35px;padding-bottom:60px;background:#313131}
.news-date div{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.news-pic{display:grid;padding-bottom:50%;position:relative}
.news-pic img{width:100%;object-fit:cover;height:100%;position:absolute;top:0;left:0}
.news-date-line{display:flex}
.news-date{flex:0 0 auto}
.news-date .d{font-size:22.5px}
.news-date .m{font-size:10.5px}
.news-info-box{position:relative;width:100%}
.news-info{padding:5.1% 7.4% 5.9% 3.7%;position:absolute;top:-60px;width:100%;background:#fff;box-sizing:border-box;transition:all .3s;box-shadow:5px 5px 10px rgba(206,206,206,.5)}
.news-title{font-weight:600;color:#373737;font-size:15px;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none}
.news-text{color:#909090;font-size:12px;line-height:1.5;user-select:none}
.news-info .more-btn{margin-top:2%;color:#373737;display:flex;align-items:center;justify-content:center;border:1px solid #dadada;height:30px;border-radius:25px;position:relative;overflow:hidden}
.news-page{display:flex;justify-content:center;border-bottom:1px solid #d6d6d6;margin:0 auto;width:250px}
.news-page li{margin:0 4px;color:#070707;font-size:15px;padding:18px 14px 28px 14px;transition:all .3s;position:relative;transform:translateY(10px);cursor:default}
.news-page li.active{background:#313131;color:#fff}
.news-list li{margin-bottom:100px;width:100%}
.news-text,.news-title{user-select:unset}
.more-btn::after{position:absolute;left:0;height:100%;width:100%;top:0;transition:all .3s;transform:translateX(-100%);background:#313131;display:block;content:""}
.more-btn:hover::after{transform:translateX(0)}
.more-btn i,.more-btn p{position:relative;z-index:5}
.more-btn:hover p{color:#fff}
.more-btn i{margin-left:5px}
.topquick-nav{display:flex;background:linear-gradient(#313131,#8e8e8e)}
.topquick-nav li{width:20%;text-align:center;padding:10px 0;white-space:nowrap;box-sizing:border-box;border-right:1px solid #fff;color:#fff}
.topquick-nav li:nth-last-child(1){border:0}