abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,fieldset,figcaption,figure,footer,form,h4,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,summary,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:"Microsoft YaHei",Verdana,sans-serif;outline:0}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}
body{font-size:14px;font-family:"Microsoft YaHei",Verdana,sans-serif;color:#333333;}
a,ins{text-decoration:none;color:#333333;}
a:hover{text-decoration:none;}
ol,ul{list-style:none}
video{height:auto;width:100%}
video::-internal-media-controls-download-button{display:none}
video::-webkit-media-controls-enclosure{overflow:hidden}
video::-webkit-media-controls-panel{width:calc(100% + 30px)}
img{border:0;vertical-align: middle;}
*{padding:0;margin:0;border:0}
.clear{clear:both}
.mainwidth{margin:0 auto; max-width:1200px}
.main {padding:0 0 15px 0;margin:0;overflow:hidden;display:block;clear:both}
header{height:146px;}
.logo{margin:15px 0;float:left;height:70px;overflow:hidden}
.logo img{height:70px}
.search{margin-top:25px;display:block;overflow:hidden;width:40%;float:right;}
.search form{position:relative;height:36px;line-height:36px;width:100%;}
.search input{width:100%;height:36px;line-height:36px;vertical-align:bottom;padding:0 65px 0 5px;float:left; box-sizing: border-box;}
.search button{width:60px;line-height:36px;height:36px;cursor:pointer;color:#fff;position:absolute;right:0;top:0;}
.search p{line-height: 20px;margin-top:5px;}
.search p a{margin-right:15px;}
.search p a:last-child{margin-right:0;}
.navbg{height:46px;clear:both} 
#navul{height:46px;line-height:46px;}
#navul li{float:left;position:relative;}
#navul li a{display:block;padding:0 25px;font-size:16px;color:#fff}
#navul li ul{top:46px;position:absolute;z-index:999;display:none;background: #ffffff;}
#navul li:hover ul{display:block;}
#navul li ul li{line-height:36px;}
#navul li ul li a{border-top:1px rgba(255, 255, 255, 0.1) solid;min-width:120px;text-align:center;}
#navul li ul li a:hover{background: rgba(255, 255, 255, 0.2);}
#mnav,#msearch,#mqrcode{display:none}
.fixednav , .h2_fixed{width:100%;position:fixed;left:0;right:0;top:0;z-index:999;transition:top .5s}
.hidenav , .hide2{top:-50px}
#msearch2 ,#mqrcode2{padding:0 15px;line-height:50px;height:50px;float:right;}
#mnav2 i,#msearch2 i , #mqrcode2 i{font-size:14px;}
 
.main-left {width:230px;float:left;background:#fff;display: block;}

.catalog li{line-height:40px;position:relative;border-bottom: 1px solid #ededed;}
.catalog li a{display: block;padding:0 15px;}
.catalog li:last-child{border-bottom: 0;}
.catalog li:hover{background:#ededed;} 
.catalog li a:hover{color:#555555;}
.catalog li:hover ul{display:block;}
.catalog li ul{top:0px;right:0;margin-right:-120px;width:120px;position:absolute;z-index:999;display:none;background: #ffffff;box-shadow: 0 1px 5px 0 rgba(0,0,0,.05);}
.catalog li ul li{}
.main-right {width:970px;float:right;}
/**轮播图**/
.slidebox{position:relative;width:100%;}
.slidebox .prev{left:0}
.slidebox .next{right:0}
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0}
.rslides li:first-child{position:relative;display:block;float:left}
.rslides img{display:block;height:auto;float:left;width:100%;border:0}
.rslides p{display:block;position:absolute;z-index:2;font-size:16px;text-align: center;text-shadow:none;color:rgba(255,255,255,.8);background:rgba(0,0,0,.2);left:0;right:0;bottom:0;padding:10px 15px;margin:0;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rslides_nav{font-size:20px;position:absolute;top:50%;z-index:9;line-height:50px;height:50px;width:30px;text-align:center;margin-top:-25px;vertical-align:middle;cursor:pointer;background:rgba(0,0,0,.1)}
.rslides_nav span{display:block;color:rgba(255,255,255,.8)!important;margin-right:0!important}


.spm h3 span a , .spm .info , .post li span , .pagebar .page , .clbody em , .clbody tel{color:#999999;}
.spm{overflow:hidden;display:block;margin-top:15px;padding:0 15px;background:#fff;}
.spm h3{font-size:16px;line-height:40px;font-weight: normal;}
.spm h3 span{float:right;font-size:12px;}

.spm h1{font-size:24px;line-height: 30px;margin:10px 0;}
.spm .info{margin-bottom:15px;font-size:14px;line-height: 24px;}
.abstract{margin-top:15px;overflow:hidden;line-height:24px;padding:10px 15px;background: #ededed;color: #555555;}

.breadcrumb{line-height:20px;padding:15px 15px 0 15px}
.breadcrumb a{color: #555555;}
.breadcrumb i{padding:0 10px;}
/**产品详情页**/
.productimg{float:left;padding:15px 0;margin-right:20px;width:452px;overflow: hidden;}
#gallery img{border:none;    vertical-align: middle;}
#gallery_nav{float:left;width:100%;text-align: center;}
#gallery_nav a{width:75px;height:75px;margin:15px 15px 0 0;display: inline-block;    vertical-align: middle;}
#gallery_nav a:last-child{margin:15px 0 0 0}
#gallery_nav img{-moz-opacity:.5;opacity:.5;height:75px;width:75px}
#gallery_nav a.on img{-moz-opacity:1;opacity:1}
#gallery_output{float:left;width:100%;overflow: hidden;}
#gallery_output img{display:block;width:452px;height:452px;}
.spm .Product .miaoshu {
    color: #555;
    line-height: 24px;
    min-height: 48px;
    margin: 10px 0;
}
.p_info{overflow:hidden; box-sizing: border-box;margin-top:20px;}
.p_info .price{display:inline-block;color:#999999;padding:0 0 0 15px;width:100%;}
.p_info .price .yh{color:#fff;background:#f47a86;padding:0 10px;line-height:65px;margin-left:15px;border-radius:3px;position:relative;}
.p_info .price .yh i{position:absolute;left:-10px;top:0;font-size:12px;line-height:20px;color:#f47a86}
.p_info .price .at i{font-size:14px;margin-right:3px}
.p_info .price .at{color:#e60000;font-size:26px;font-weight:700;margin-right:10px;line-height:60px;float:left}
.p_info .price span.old{line-height:65px;font-size:14px;text-decoration:line-through;color:#888}
.p_right{float:right;text-align:center;padding:10px 20px;overflow:hidden;display:block;border-left:solid 1px #ededed;width:33.33%; box-sizing: border-box;border-top:1px solid #ededed;}
.p_right:last-child{border-left:0;}
.p_right .p_num{font-size:14px;font-weight:bold;line-height:25px;color:#555;}
.p_right p{line-height:20px;color:#999999;font-size:12px;}
.Product{overflow:hidden;padding:15px 0 ;}
.Product .buttom{margin-top:20px;overflow: hidden;display:block;}
.Product .buttom a{color:#fff;line-height:40px;font-size:16px;padding:0 30px;margin-right:15px;display:block;float:left;}
.Product .buttom a.tao{background:#ee3244;}
.Product .buttom a.tao:hover{-moz-opacity: 0.8;opacity: 0.8;}
.Product .buttom a.kefu{background:#0082e6;margin-top:0;}
.Product .buttom a.bespoke{background:#0082e6;margin-top:0;}
.fuwu{overflow:hidden;display:block;line-height:24px;margin-top:20px;}
.fuwu span{color:#999999;margin-left:15px;}
.fuwu span i{color:#1bb335;margin-right:3px;}

.kefu{overflow:hidden;display:block;line-height:24px;margin-top:20px;}
.kefu span{color:#999999;margin-left:15px;}
.kefu span .icon{margin-right:3px;font-size:14px;}
.kefu span .icon use svg{font-size:14px;}
.kefu span i{color:#1ec121;}
.content{padding:15px 0;}
.content h1 , .content .info{text-align:center;}
.content .info span{margin:0 10px;}
.content h2 , .content h3 , .content h4 , .content h4 {border-bottom: 0;font-weight: normal; line-height:30px;padding-left:8px;margin:5px 0;background: #ededed; }
.content p , .content div {line-height:175%;margin-bottom:15px;font-size:16px;color:#555555;}
.content p:last-child , .content div:last-child{margin-bottom:0;}
.content img{max-width:100%;height:auto!important;}
.content table{border-collapse:collapse;width:100%;margin:10px 0;}
.content section{width:100%!important}
/**默认样式**/
.content table tr:first-child{color:#fff;}
.content table tr:first-child td{font-weight:700;}
.content table tr:nth-child(2n-1){background:rgba(4, 4, 4, 0.03)}
.content table td{text-align:center;padding:10px;line-height:175%;vertical-align: middle;}
.content table td a{padding:2px 5px;border-radius: 5px;text-decoration:none;text-align:center;overflow: hidden;display: block}
.tags{overflow: hidden;line-height: 28px;margin-bottom:15px;}
.tags a{margin-right:15px;padding:0 15px;display: block;float:left;color:#fff;background:#eecdcd;}
.tags a:hover{background:#d6d6ff;}
.post-nav{margin-right:-2%;overflow: hidden;}
.post-nav li{float:left;margin-right:2%;width:48%;margin-bottom:15px;padding:15px;box-sizing: border-box;}
.post-nav li h5{font-size:12px;line-height:12px;margin-bottom:15px;color:#999999;font-weight: normal;}
.post-nav li p{line-height: 16px; font-size:16px;   overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.spm .flink , .spm .hottags{margin-right:-2%;padding:10px 0;}
.spm .flink li , .spm .hottags li{display:inline-block;margin-right:2%;line-height:28px}
.lower{overflow:hidden;margin:15px 0 0 0;border-top: 1px solid #ededed;border-left: 1px solid #ededed;}
.lower li{float:left;line-height:40px;width:20%;text-align: center;border-right: 1px solid #ededed;border-bottom: 1px solid #ededed;box-sizing: border-box;}
.lower li a{display: block;} 
.lower li a:hover , .lower li a.cur{background:#ededed;color:#555555;}
/*文章列表*/
.post{margin-right:-2%;overflow: hidden;padding:15px 0 0 0;}
.post li{float:left;margin-right:2%;width:48%;margin-bottom:15px;padding:0 15px 0 0;    box-sizing: border-box;}
.post li img{width:117px;height:88px;float:left;object-fit:cover;margin-right:15px;}
.post li h2{font-size:16px;line-height:24px;height:48px;margin:5px 0;font-weight:normal;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.post li .info {color:#999999;overflow:hidden;margin:0;text-align: right;font-size:12px;}
.post li .info span{margin-left:15px}
.post li .info span:first-child{margin-left:0;}
.shop li , .post li{position: relative;}
.shop li .tj , .post li .tj {position:absolute;top:0;right:0;height:40px;width:40px;z-index: 99;background-image:url(../images/tj.png); background-repeat:no-repeat;  }
.shop{margin-right:-2%;overflow: hidden;padding:15px 0 0 0;}
.shop li{margin-right:2%;width:18%;float:left;margin-bottom:15px;box-sizing: border-box;}
.shop li .shopimg {position:relative;padding-top:100%;width:100%;}
.shop li .shopimg img{position:absolute;top:0px;left:0px;width:100%;height:100%;object-fit:cover;}
.shop li h2{font-size:16px;margin-top:10px;line-height:20px;height:40px;padding:0 10px;font-weight: normal; overflow:hidden;    display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.shop li .price {line-height:30px;margin:5px 0;padding:0 10px;text-align: center;}
.shop li .price span.at , .shop li .price span.free{font-size:16px;margin-right:10px;font-weight:bold;}
.shop li .price span.at{color:#e60000;}
.shop li .price span.free{color:#189d2f;}
.shop li .price span.old {
    font-size: 14px;
    text-decoration: line-through;
    color: #888;
}
.shop li .price i{color:#999999;font-size:12px;margin-right:3px;}

.mb15{margin-bottom:15px;}
.pagebar{text-align:center;overflow: hidden;margin:0 -5px 5px -5px;}
.pagebar .page{display:inline-block;line-height:32px;width:32px;border-radius:3px;margin:0 5px 10px 5px;text-align:center}
.pagebar .page:hover , .pagebar .now-page{color:#fff}
/*评论*/
.commname{height:40px;line-height:40px}
.commname h4{line-height:40px;height:40px;font-size:16px;}
.commname h4 span{ margin: 0 3px;padding: 0 3px;border-radius: 5px;color: #ffffff;font-style:normal;background: #4EC186;}
#comments{overflow:hidden;padding:0 0 15px 0;}
#comments p{line-height:20px;font-size:14px;color:#999;margin:15px 0 0 0;}
.compost .com_name{overflow:hidden;width:100%;}
.compost .com_name span{color:#5781bf;margin-top:10px;display: block;float:left;margin-right:10px;}
.compost .com_name a{color:#5781bf}
.compost .com_box textarea{width:100%;display:block;padding:10px;    background: transparent; box-sizing:border-box;}
.compost .com_info{margin-top:15px;overflow:hidden}
.compost .com_info ul{float:left;list-style:none;display:inline-block}
.compost .com_info li{float:left;margin-right:15px}
.compost .com_info li input{width:160px;height:30px;line-height:30px;padding-left:4px;margin-bottom:15px;box-sizing:border-box;}
.compost .com_info li span{margin-left:4px}
.compost .com_info li span img{height:30px;line-height:30px;vertical-align:top}
.compost .com_info button{border:0;padding:0 30px;line-height:32px;color:#fff;font-size:14px;background:#5781bf;cursor:pointer; }
.compost .com_info button:hover{-moz-opacity: 0.8;opacity: 0.8;}
.comlist{margin-top:15px;}
#comments .comlist p{margin:0 0 10px 0;}
.comlist ul{list-style:none;}
.comlist ul.bordertop{}
.comlist ul ul{margin-left:5%}
.comlist li{overflow:hidden;padding:15px 0}
.comlist li img{float:left;width:40px;height:40px;border-radius:50%;transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;}
.comlist li:hover img {transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);}
.comlist li .clbody{margin-left:50px}
.clbody .cinfo{overflow:hidden}
.clbody .cinfo h5{float:left;line-height:18px;color:#5781bf;font-size:14px;font-weight:400}
.clbody .cinfo h5 tel {float:right;font-size:12px;color:#999999;border:1px solid #dddddd;border-radius: 3px;padding:0 5px;margin-left:10px;}
.clbody .cinfo span{float:right;}
.clbody .cinfo span a{color:#5781bf}
.clbody .cinfo span i{margin-right:4px}
.clbody em {height:24px;line-height:24px;font-size:12px;font-style:normal;display:block}

.clbody p{line-height:24px;overflow:hidden}
.clbody p a{color:#5781bf}
.spm_foot{overflow:hidden;padding:10px 15px;background: #ffffff;}
.spm_foot_left{float:left;width:60%;padding-left:10px;} 
.spm_foot_left .tel{margin-top:15px;} 
.spm_foot_left .tel i {font-size:40px;line-height:50px;margin-right:15px;float: left;color:#cccccc} 
.spm_foot_left .tel h3{font-size:20px;line-height:30px;color:#555555;letter-spacing: 2px;} 

.spm_foot_left .tel p {font-size:14px;line-height:20px;color:#999999;letter-spacing: 2px;}  
.spm_foot_left .footurl{margin-top:10px;width:100%;padding:0 5px;}
.spm_foot_left .footurl ul{margin-right:-20px;}
.spm_foot_left .footurl ul li{padding-right: 20px;line-height:28px;display: inline-block; }
.spm_foot_left .footurl ul li a{color:#555555;font-size:14px;}  
.spm_foot_right{float:right;width:160px;text-align:center;}
.spm_foot_right img{width:80px;height:80px;margin-top:5px;} 
.spm_foot_right p{line-height:28px;font-size:14px;color:#999999;}
.footer{overflow:hidden;text-align:center;padding:10px 15px;} 
.footer p{line-height:28px;font-size:14px}
.footer a:hover{text-decoration:underline}

@media screen and (max-width:1200px){
.main-left {width:100%;float:none;overflow: hidden;}
.catalog{border-top: 1px solid #ededed;border-left: 1px solid #ededed;overflow: hidden;} 
.catalog li{line-height:40px;text-align: center; padding:0;float:left;width:20%;border-right:1px solid #ededed;box-sizing: border-box;}
.catalog li:hover ul{display:none;}
.main-right {width:100%;float:none;}
}

@media screen and (max-width:1024px){
.productimg{float:none;padding: 15px 0 0 0;margin:0 auto;}
#gallery_nav{margin-right:0;}  
}
@media screen and (max-width:721px){
.pc , #navul li:hover ul , .silder-ctrl-con{display:none;}

header {height:50px;} 
.h1_fixed{width:100%;position:fixed;left:0;right:0;top:0;z-index:999;transition:top .5s}
.logo{height:40px;margin:5px 5px 0 10px;}
.logo img{height:40px}
#mnav , #msearch ,#mqrcode{display:block;padding:0 8px;line-height:50px;height: 50px;float:right;}
#mnav{margin-right:7px;} 

#mnav i,#msearch i , #mqrcode i{font-size:14px;}
.catalog li , .lower li{width:25%;}
.navbg{height:auto;top:0;}
.fixednav{position:absolute;}
#navul {position:absolute;right:0;float: none;top:50px;height:auto;line-height:36px;float:none;z-index:999;width:auto;padding:0;background: #fff;display:none;}
#navul li{text-align:center;display:list-item;float:none;}
#navul li:first-child{border-top:0;} 
#navul a{padding:0 25px;font-size:14px}
.hidenav{top:0} 
.hide1{top:-50px}  
.search , .qrcode{position:absolute;width:100%;float:none;top:50px;left:0;margin:0;z-index:999;padding:15px;display:none;box-sizing: border-box;background: #fff;box-shadow: 0 1px 5px 0 rgba(0,0,0,.05);}
.qrcode{text-align: center;height:auto;}
.qrcode img{height:80px;width:80px;float:none;margin:0;}
.qrcode p{line-height:16px;font-size:14px;margin:5px 0 0 0;}
.content table td{padding:10px 0;}
.content table td a{margin:0 5px;}
.post , .post-nav{margin-right:0;}
.post li , .post-nav li{margin-right:0;width:100%;}
.shop{margin-right:-3%;}
.shop li{margin-right:3%;width:47%;}
.shop li img{height:242px; }
.spm_foot_right{float:none;width:100%;}
.spm_foot_left {padding-left:0;float: none;width: 100%;}.spm_foot_left .tel i{display: none;}
.spm_foot_left .tel{width:100%;margin:0 auto;text-align: center;} 
.spm_foot_left .footurl{padding:0;text-align: center;}
.footer p{font-size:12px}
}
@media screen and (max-width:540px){
.productimg{float:none;width:100%;}
#gallery_output{float:none;width:100%;margin: 0 0 15px 0;position:relative;padding-top:100%;}
#gallery_output img{position:absolute;top:0px;left:0px;width:100%;height:100%;object-fit:cover;}
#gallery_nav{float:none;width:100%;}
#gallery_nav a{height:40px;width:40px;float:left;margin:0 15px 0 0;}
#gallery_nav a:last-child{margin:0}
#gallery_nav img{height:40px;width:40px;}
.p_info{width:100%;}
.catalog li , .lower li{width:50%;}
.spm h1{font-size:20px;line-height: 24px;}
.spm .Product .miaoshu{font-size:12px;line-height: 20px;height:40px;}
.spm .info{font-size:12px;line-height: 20px;}
}