@charset "utf-8";
*{touch-action:auto;font-family:'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif}
html{max-width:800px;margin:0 auto;-ms-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}
body,dd,dl,form,h1,h2,h3,h4,h5,h6,hr,input,ol,p,pre,textarea,ul,button,select,textarea{margin:0px;padding:0px;font-family:'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif}
body{margin:0px auto;max-width:1080px;font-size:14px;overflow-x:hidden;background:#F2F2F2}
ol,ul{list-style:none}
a{text-decoration:none;color:#333}
a:focus,a:hover{text-decoration:none}
b,strong{font-weight:700}
em,i{font-style:normal}
img{border:0 none;width:auto\9;max-width:100%;vertical-align:top;height:auto}
img.list-arrow {display:none;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}
button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;outline:0;-webkit-appearance:button}
button[disabled],input[disabled]{cursor:default}
input{outline:0;-webkit-appearance:none;border:0 none}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
input:focus{outline:0}
select[multiple],select[size],select[size][multiple]{border:1px solid #aaa;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
footer {padding:.25rem .0rem 0rem .0rem}
audio,canvas,progress,video{display:inline-block}
input::-webkit-input-speech-button{display:none}
button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}
input::placeholder{font-size:14px;line-height:1.2;color:#333}
header{width:100%;position:fixed;top:0;left:0;height:1rem;background:#FFF;z-index:99999;border-bottom:1px #EEE solid}
.body{margin-top:1rem}
.Products-info iframe,.Products-info video,.about iframe,.about video,.new-content iframe,.new-content video{max-width:100%;height:auto}
.Products-info img,.new-content img{max-width:100%!important;height:auto!important}
.Products-info *{max-width:100%!important;max-height:auto!important}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.logo{position:absolute;left:.25rem;top:0;display:flex;height:1rem;align-items:center;z-index:3}
.logo img{max-height:1.4rem;max-width:3.6rem}
.search{position:absolute;top:0;left:0;right:1.2rem;height:1rem;text-align:center}
.search .search-text{position:absolute;right:.6rem;width:2.7rem;height:.6rem;outline:0;border-left:1px solid #d1d1d1;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;border-radius:.3rem 0 0 .3rem;padding-left:.3rem;line-height:1.4;box-sizing:border-box;margin-top:.2rem;font-size:14px}
.swiper-pagination-bullet-active{background:#313437}
.search .search-button{position:absolute;top:0;right:0;width:.6rem;height:.6rem;margin-top:.2rem;border-bottom-right-radius:.3rem;border-top-right-radius:.3rem;background:url(/images/wap.m11/css_sprites.png) no-repeat;background-position:0 -1.65rem;background-size:3.13rem 3.09rem;padding:0;border:1px solid #d1d1d1;border-left:none}
.nav-r-btn{position:absolute;z-index:101;top:.2rem;right:.25rem;width:.4rem;height:.4rem;cursor:pointer;-webkit-transition:all ease .3s;transition:all ease .3s;padding:5px}
.nav-r-btn span{border-radius:2px;position:absolute;right:5px;top:.1rem;display:block;width:.4rem;min-width:24px;height:3px;border:0 solid #d5c896;background-color:#333;-webkit-transition:top .2s .2s,background .2s,opacity 0s .2s,-webkit-transform .2s;transition:top .2s .2s,background .2s,opacity 0s .2s,-webkit-transform .2s;transition:top .2s .2s,transform .2s,background .2s,opacity 0s .2s;transition:top .2s .2s,transform .2s,background .2s,opacity 0s .2s,-webkit-transform .2s}
.nav-r-btn span:nth-of-type(2){top:.25rem}
.nav-r-btn span:nth-of-type(3){top:.41rem}
.nav-r-btn.toggle-animate span:nth-of-type(1){top:.245rem;transform:rotate(45deg);transform-origin:50% 62%;transition:top .2s,transform .2s .2s,background .2s;-webkit-transform:rotate(45deg);-webkit-transform-origin:50% 62%;-webkit-transition:top .2s,-webkit-transform .2s .2s,background .2s}
.nav-r-btn.toggle-animate span:nth-of-type(2){opacity:0;transition:opacity .2s;-webkit-transition:opacity .2s}
.nav-r-btn.toggle-animate span:nth-of-type(3){top:.26rem;transform:rotate(-45deg);transform-origin:48% 62%;-webkit-transform-origin:45% 62%;transition:bottom .2s,transform .2s .2s,background .2s;-webkit-transform:rotate(-45deg);-webkit-transition:bottom .2s,-webkit-transform .2s .2s,background .2s}
.nav-list{display:flex;display:-webkit-flex;background-color:#E8E8E8;}
.nav-list a{color:#333}
.nav-list li{-webkit-flex:1;flex:1;padding:.1rem 0;color:#333}
.nav-list li i{margin-bottom:.1rem}
.nav-list li.active{background:#CCC}
.banner .swiper-pagination{bottom:0}
.banner img{display:block}
.nav-list li.active a{border:none;color:#FFF}
.nav-list li.active a{border:none;color:#FFF}
.nav-list li i{width:25px;height:25px;margin:0 auto .1rem}
.nav-list li i,.nav-list li span{display:block;text-align:center;font-size:14px;font-weight:700}
.nav-list li a{display:block;border-right:1px #EEE solid}
.nav-list li:after a{border:none}
.css_sprites,.foot-fix li i,.nav-list li i{background:url(../images/css_sprites.png)}
.nav-list li i{background-position:-278px -55px;background-size:313px 309px}
.nav-list>li:nth-child(2) i{background-position:-55px -274px}
.nav-list>li:nth-child(3) i{background-position:-10px -274px}
.nav-list>li:nth-child(4) i{background-position:-126px -116px}
.nav-list>li:nth-child(5) i{background-position:-156px -228px}
.nav-list>li.active i{background-position:-278px -100px}
.nav-list>li.active:nth-child(2) i{background-position:-116px -71px}
.nav-list>li.active:nth-child(3) i{background-position:-278px -190px}
.nav-list>li.active:nth-child(4) i{background-position:-66px -228px}
.nav-list>li.active:nth-child(5) i{background-position:-201px -228px}
.c-section{background:#F2F2F2}
.c-section .tit a{width:.4rem;height:.41rem;background-image:url(../images/css_sprites.png);background-position:-1.16rem -.1rem;background-size:3.13rem 3.09rem}
section{padding:.25rem .0rem 0rem .0rem}
#hot-product>div{padding:0 .3rem;padding-top:.3rem}
#hot-product .hot-product-list{padding-top:0}
.product{padding:0}
#about>div{padding:0}
section h2{font-size:.37rem;font-weight:700;color:#333}
section>div{background:#FFF;padding:.25rem}
.tit{padding-bottom:0}
.tit>div{display:flex;display:-webkit-flex;justify-content:space-between;padding-bottom:.2rem;border-bottom:2px #e6e6e6 solid}
.tit img{width:.4rem}
.hot-product-list{position:relative}
.hot-product-list:after{position:absolute;content:" ";top:0;left:50%;height:100%;width:1px;background:#EEE}
.hot-product-list:before{position:absolute;content:" ";top:50%;left:0;width:100%;height:1px;background:#EEE}
.product.hot-product-list:before{background:0 0}
.hot-product-list ul{display:-webkit-flex;display:flex;flex-wrap:wrap}
.hot-product-list li{flex-basis:50%;width:50%;padding:.2rem 0;border-bottom:1px #EEE solid}
.hot-product-list li:nth-child(5), .hot-product-list li:nth-child(6) {flex-basis:50%;width:50%;padding:.3rem 0;border-bottom:0}
.hot-product-list li a{display:block;padding:0 .1rem}
.hot-product-list img{max-width:100%;max-height:100%}
.hot-product-list i{width:2.95rem;height:2.95rem;display:flex;display:-webkit-flex;justify-content:center;align-items:center;margin:0 auto}
.hot-product-list span{font-size:16px;display:block;line-height:20px;min-height:20px;max-height:40px;overflow:hidden;text-align:center;padding:.1rem;}
.about iframe{max-width:100%}
.about img{height:auto!important}
.Products-info .about-img img{width:100%}
.about-p{font-size:.3rem;text-align:left;margin-bottom:.15rem;line-height:1.6;color:#555;word-wrap:break-word;}
.about-content{padding:.25rem}
.about-content h2{margin-bottom:.1rem}
.products-list li{border-bottom:1px #dfdfdf dashed}
.products-list li:last-child{border:none}
.products-list li>div{display:flex;display:-webkit-flex;flex-wrap:nowrap;padding:.25rem 0}
.product-content{flex-basis:3.1rem;width:3.1rem}
.product-content h3 a{color:#313437}
.product-img{flex-basis:3.3rem}
.product-img a{display:block;width:3rem;height:2.25rem;overflow:hidden;border:1px #EEE solid}
.product-img a img{max-width:100%;max-height:100%;display:block;margin:0 auto}
.product-content h3 a{font-size:18px;display:block;height:40px;line-height:20px;overflow:hidden}
.le-more a{display:block;width:100%;background:#888;text-align:center;line-height:.75rem;height:.75rem;color:#FFF;font-size:.3rem;border-radius:.03rem}
.product-content p{font-size:16px;line-height:18px;height:34px;overflow:hidden;margin-top:.2rem;color:#333}
.product-content .more{width:1.18rem;height:.52rem;display:block;font-size:.2rem;background:#888;text-align:center;line-height:.52rem;color:#FFF;border-radius:.03rem;margin-top:0rem}
.about-content .more{margin-top:.2rem}
.news-list{clear:both;margin:0px auto;padding:0px;}
.news-list li a{padding:.25rem 0;display:flex;display:-webkit-flex;justify-content:space-between}
.date{flex-basis:17%;padding-right:5%;position:relative;padding-top:7px}
.news-content{flex-basis:78%;}
.news-content h3,.news-content p{padding-left:.5rem}
.day{font-size:.6rem;line-height:1.1;text-align:center;color:#333}
.date:after{position:absolute;content:' ';top:.1rem;right:0;height:1.1rem;background:#EEE;width:1px}
.year{font-size:.2rem;line-height:1.1;text-align:center;color:#333}
.news-content h3{font-size:16px;color:#333;line-height:18px;height:18px;table-layout:fixed;word-break:normal;overflow:hidden}
.news-content p{margin-top:.1rem;table-layout:fixed;word-break:normal;overflow:hidden;font-size:16px;line-height:18px;height:36px;overflow:hidden}
.news-list li{border-bottom:1px #EEE dashed}
.news-list ul li:last-child{border:none}
.foot{clear:both;margin:0px auto;padding:.25rem;background:#272727;}
.foot-title:after{content:" ";position:absolute;bottom:0;left:0;width:1rem;height:2px;background:#a5a7a9}
.foot-title:before{content:" ";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#4b4f52}
.foot-title{position:relative;font-size:.37rem;color:rgba(255,255,255,.5);padding-bottom:.2rem}
.recent-list{margin-top:.2rem}
.recent-list a{display:block;width:100%;height:.6rem;line-height:.6rem;background:url(/images/wap.m11/recent-list-bg.png) no-repeat;background-size:100% 100%;text-indent:.55466667rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;color:#707274}
.contact-list{clear:both;margin:0px auto;padding:0px;}
.contact-list li{display:flex;display:-webkit-flex;justify-content:space-between;padding:.1rem 0}
.contact-list li i{flex-basis:.4rem}
.contact-list li a,.contact-list li span{flex-basis:calc(100% - .6rem);color:#707274;line-height:.4rem}
.contact-list li i{display:block;width:.4rem;height:.4rem;background-image:url(/images/wap.m11/css_sprites.png);background-size:3.13rem 3.09rem;background-position:-1.76rem -.68rem}
.contact-list li:nth-child(2) i{background-position:-.68rem -1.19rem}
.contact-list li:nth-child(3) i{background-position:-.1rem -1.16rem}
.contact-list li:nth-child(4) i{background-position:-1.76rem -.1rem}
.contact-list li a{color:#707274;font-size:16px}
.copyright{background:#222;padding:.2rem .2rem .4rem .2rem;font-size:9pt;text-align:center;color:#707274;}
.foot-fix-container{height:.98rem}
.foot-fix{width:100%;background:#FFF;height:.68rem;min-height:48px}
.foot-fix ul{display:flex;width:100%;height:100%}
.foot-fix li{flex:25%;border-right:1px #EEE solid}
.foot-fix li:last-child{border:none}
.foot-fix li a{display:flex;height:100%;justify-content:center;align-items:center}
.foot-fix li i{height:25px;width:25px;margin:0px auto;background-position:-278px -145px;display:block}
.foot-fix li:nth-child(2) i{background-position:-278px -10px}
.foot-fix li:nth-child(3) i{background-position:-99px -274px}
.foot-fix li:nth-child(4) i{background-position:-111px -228px}
.foot-fix li,.foot-fix li a{height:100%}
.foot-fix{left:0;right:0;z-index:999}
.foot-social{position:relative;padding:5px 0}
.foot-social li{position:relative;overflow:hidden;display:inline-block;vertical-align:top;padding-right:5px}
.foot-social li a{display:block;width:30px;text-align:center;height:30px}
.foot-social li img{width:30px;height:30px}
.b_bar{margin:0px auto;max-width:800px;position:fixed;bottom:0;z-index:99;border-top:1px #EEE solid}
#navv{position:fixed;top:1rem;left:0;right:0;bottom:0;background:rgba(255,255,255,.6);border-top:1px #EEE solid;display:none}
#nav{background:#FCFCFC;height:100%;overflow:auto}
#nav>li{border-bottom:1px solid #ECECEC;position:relative}
#nav li a{display:block;color:#333;text-indent:.25rem;font-weight:700;line-height:.8rem}
.nav li.actived .icon-right img{transform:rotateZ(90deg);-o-transform:rotateZ(90deg);-moz-transform:rotateZ(90deg);-webkit-transform:rotateZ(90deg);transition:all .3s cubic-bezier(.66,.53,.65,1);-o-transition:all .3s cubic-bezier(.66,.53,.65,1);-moz-transition:all .3s cubic-bezier(.66,.53,.65,1);-webkit-transition:all .3s cubic-bezier(.66,.53,.65,1)}
#nav .submenu a{line-height:.65rem;font-weight:500;text-indent:.3rem}
.icon-right{position:absolute;top:0;right:0}
.icon-right img{height:.8rem;transform:rotateZ(0);-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-ms-transform:rotateZ(0);-o-transform:rotateZ(0);transition:all .3s cubic-bezier(.66,.53,.65,1);-webkit-transition:all .3s cubic-bezier(.66,.53,.65,1);-moz-transition:all .3s cubic-bezier(.66,.53,.65,1);-ms-transition:all .3s cubic-bezier(.66,.53,.65,1);-o-transition:all .3s cubic-bezier(.66,.53,.65,1)}
.submenu{display:block;border-top:1px #dcdcdc solid}
.sl, .singglepic{margin:0px;padding:0px;}
.sl>div{height:7.5rem;box-sizing:border-box;text-align:center}
.sl img{max-width:100%;max-height:100%}
#gallery{background:#FFF;height:7.5rem}
#gallery .swiper-slide{display:flex;justify-content:center;align-items:center;height:100%;background:#FFF}
#gallery .swiper-slide img{max-height:100%}
.table-responsive{touch-action:auto;width:100%;margin-bottom:15px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.table{border-collapse:collapse}
.table td,.table th{border:1px solid #cdcdcd;padding:5px}
.table p{padding:0;margin:0}
.sjfy{width:100%;display:flex;justify-content:space-around;padding:20px 0;background:#F2F2F2}
.sjfy-l,.sjfy-r{display:flex}
.sjfy-l a,.sjfy-r a{display:flex;width:90px;height:48px;background:url(/images/wap.m11/prev_m.png) no-repeat center center;border:1px solid #313437;border-radius:5px}
.sjfy-l span,.sjfy-r span{display:flex;width:90px;height:48px;background:url(/images/wap.m11/prev_mg.png) no-repeat center center;border:1px solid #ddd;border-radius:5px}
.sjfy-r a,.sjfy-r span{transform:rotate(180deg)}
.pro-info{padding:.25rem .0rem 0rem .0rem}
.pro-int-tit{padding-bottom:.2rem;border-bottom:2px #EEE solid}
.pro-int-p{padding:.2rem 0;font-size:12px;line-height:1.6;word-break:break-word}
.pro-int-ar{font-size:12px;line-height:1.6}
#details p,.pro-int-p p{margin-bottom:4px;color:#333;font-size:.3rem;text-align:left}
.inquiry{display:block;width:100%}
#btnSendFeedback,.LayImAhrefNode,.inquiry button,.pdown1 a span,.pdown2 a span,.pdown3 a span{font-size:16px;display:block;height:.94rem;line-height:.94rem;font-size:.3rem;text-align:center;border-radius:.03rem;background:#1DA1F2;color:#FFF;margin:0% 1% .2rem 1%;width:47.8%;border:none;float:left;}
.LayImAhrefNode{background:#FF6550}
.page-link>div{margin-bottom:15px}
.page-link{padding:0;margin:15px 0;line-height:1.2}
.new-content .page-link a,.page-link p{color:#333;text-align:left}
.page-link span, .page-link span a, .page-link span * {padding-right:.1rem;font-size:13px;}
#btnSendFeedback{background:#1DA1F2;float:none;clear:both;width:100%;}
.area2{padding:10px 6px;margin:12px 0;border:1px solid #d9d9d9;border-radius:3px}
.area2 input,.area2 textarea{color:#000;font-size:14px;width:100%;background-color:#FFF;border:0;color:#999;outline:0}
.button2{display:block;color:#FFF;line-height:36px;font-size:16px;width:100%;border:0;background:#fdb812;border-radius:3px}
.area2 textarea{height:1.8rem}
.about{background:#FFF;padding:.3rem}
.about p{font-size:16px;margin-bottom:.15rem;line-height:1.6;color:#333;word-wrap:break-word;}
.newsli-content{padding-right:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;}
.newsli-content,.newsli-data{font-size:.3rem}
.contact-way p{margin-bottom:4px;font-size:.3rem;color:#333;line-height:1.6;word-wrap:break-word;}
.new-content{font-size:.3rem}
.new-content .new-time{text-align:center;color:#333;font-size:16px;padding:.2rem 0 .2rem 0}
.new-content p{font-size:.3rem;color:#333;margin-bottom:4px;text-align:left;line-height:1.6;word-wrap:break-word;}
.new-content .pd-title{text-align:center}
.new-content .page-link{margin-top:.2rem}
.new-content .a2a_kit{margin-top:.5rem}
.banner-page{position:absolute;bottom:10px;right:10px;padding:1px .2rem;background:rgba(0,0,0,.3);border-radius:12px;z-index:9;font-size:14px;color:#FFF}
.pro-int-ul{position:relative}
.pro-int-ul:after{position:absolute;content:" ";top:0;left:50%;height:100%;width:1px;background:#EEE}
.pro-int-ul ul{display:-webkit-flex;display:flex;flex-wrap:wrap}
.pro-int-ul li{flex-basis:50%;width:50%;padding:.2rem 0;border-bottom:1px #EEE solid}
.pro-int-ul li:nth-child(5), .pro-int-ul li:nth-child(6) {flex-basis:50%;width:50%;padding:.2rem 0;border-bottom:0}
.pro-int-ul li a{display:block;padding:0 .1rem}
.pro-int-ul img{max-width:100%;max-height:100%}
.pro-int-ul i{width:2.95rem;height:2.95rem;display:flex;display:-webkit-flex;justify-content:center;align-items:center;margin:0 auto}
.pro-int-ul span{font-size:12px;display:block;line-height:18px;min-height:18px;max-height:36px;overflow:hidden;text-align:center;padding:0 .1rem;margin:.1rem 0}
@media (min-width:320px) and (max-width:375px){
.contact-list li,.contact-list li a,.hot-product-list span,.nav-list li span,.news-content p,.newsli-content,.newsli-data,.product-content p,.recent-list a{font-size:14px}
.nav-list li span{font-size:12px}
#btnSendFeedback,.LayImAhrefNode,.inquiry button,.news-content h3,.product-content h3 a{font-size:16px}}
@media (min-width:376px) and (max-width:440px){
#btnSendFeedback,.LayImAhrefNode,.inquiry button,.news-content h3,.product-content h3 a{font-size:18px}
.news-content p{font-size:14px}}
section.c-section .table{display:block;max-width:100%;overflow-x:scroll}
.banner img{width:100%}
.submenu .side-nav .side-nav-arrow{float:left;width:.5rem;height:.5rem;margin-top:.1rem;margin-left:.1rem}
.proIntro {clear:both;margin:0px auto;padding:.3rem;color:#555;line-height:170%;}
.productsTags {clear:both;margin:0px auto;padding:0px;font-size:.3rem;color:#333;}