@charset "UTF-8";
*{padding:0;margin:0; -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;          box-sizing: border-box;   }
body{font-size:12px; font-family:微软雅黑;color:#000;background:none;font-size: 12px}
 li{list-style-type:none} 
.c,.clearblock{clear:both;overflow:hidden;}
.clearfix::after {    display: block;    clear: both;    content: "";}
.dmulflex ul,.dmflex{ display: flex;flex-wrap: wrap; }
.dmflexreverse {flex-direction: row-reverse;}
.poa{position:absolute; }.por{position:relative; }.pos{position:static  !important; }
.tc,.center,.text-center{text-align:center; }.tl{text-align:left; }.tr{text-align:right; }
.fl{float:left;display:inline; }.fr{float:right;display:inline; }
.errorfont { padding:10px;background:red;color:#fff }
 /*column*/ 
.col_1f6,.col_5f6,.col_1f5,.col_2f5,.col_3f5,.col_4f5,.col_1f4,.col_3f4,.col_1f3,.col_2f3,.colhalf{position:relative; float:left; display:inline; padding:0 10px} /*not use boxcol fl...*/
.nopad .col_1f6,.nopad .col_5f6,.nopad .col_1f5,.nopad .col_2f5,.nopad .col_3f5,.nopad .col_4f5,.nopad .col_1f4,.nopad .col_3f4,.nopad .col_1f3,.nopad .col_2f3,.nopad .colhalf{padding:0; }
.colfl{float:left; display:inline; } .colfr{float:right; display:inline; } /*用liefl优先于fl. 因为fl在dmcommon,所以这里再加个，这样比上面的float:left优先级更高。*/
.col_1f6{width: 16.66%; }.col_5f6{width: 83.33%; }
.col_1f5,.col-md-dm5{width: 20%; }.col_2f5{width: 40%; }.col_3f5{width: 60%; }.col_4f5{width: 80%; }
.col_1f4{width: 25%; }.col_3f4{width: 75%; }
.col_1f3{width: 33.33%; }.col_2f3{width: 66.66%; }
.colhalf{width: 50%; }
.colfull{width: 100%; }
.cp {cursor: pointer;}
.dn,.hide{display:none; }.db,.show{display:block; }.di{display:inline-block;}

a {outline: none !important;}
.dmfooter a{ color:#ffb300 }

.wpdmblock{position: relative;}
.wpdmedit{background:red;color:#fff !important;position:absolute; padding:3px;top:20px;right:25%;border-radius:5px; z-index:99999;display:none;}
 .storefront-breadcrumb {margin:0 !important}

 .shophomebd h3{font-size: 50px;color:#000;margin:0 !important; padding:20px 0}

 .shophomebd img{height: 265px;display: block}
 .shophomebd a{position: relative;margin-bottom: 10px}
  .shophomebd .ifsalediv ,.type-product .onsale{position: absolute; top:5px;right:5px;background: #ffb300;text-transform:uppercase;
   display: inline-block;padding:3px 6px;color:#fff}
 .shophomebd .boxcol{ margin-bottom: 15px;}
  .shophomebd .title{height: 50px;line-height: 22px;overflow: hidden;color:#6d6d6d}
   .shophomebd .price { color:#6d6d6d }


 .shophomebd  .addtocart del,.shophomebd  .addtocart span,.shophomebd  .addtocart ins{display: none}
 .shophomebd  .addtocart p{padding: 0 !important;margin: 0;border:0 !important}
 .shophomebd  .addtocart p a {padding:5px 10px}
.shophomebd .viewall a{background:#000;color:#fff;display: inline-block;padding:10px 40px;}
.shophomebd .viewall a:hover {background: #3c033d}

.dmboxwrap {position: relative; padding:100px 0 !important}
.dmboxwrap .dmtitle {padding-bottom:60px;color:#1B3942;width:75%;margin:0 auto;text-align: center;text-transform: capitalize;
}
.dmboxwrap .dmtitle h3{ font-size:42px;line-height: 46px }
.dmboxwrap .dmlinkmore {padding-top:30px;text-align: center;}
.dmboxwrap .dmlinkmore a{font-size: 18px;text-transform: capitalize;}

.protermslist {padding: 0;margin: 0 0 15px 0}
.protermslist li {display: inline-block;padding:0 10px 0 5px;margin:0 10px 0 0}
/*zoomimgwrap*/
.zoomimgwrap li:hover img,.zoomimgwrap div:hover img,.zoomimg:hover
{-webkit-transform:scale(1.1);-webkit-transition-timing-function:ease-out;-webkit-transition-duration:1683ms;-moz-transform:scale(1.1);-moz-transition-timing-function:ease-out;-moz-transition-duration:1683ms;overflow:hidden}
.zoomimgwrap .img{overflow:hidden; }
.gridboxshadow .bor{margin-top:10px;box-shadow: 0 0 6px rgba(134, 128, 128, 0.5); margin-bottom:25px;padding:10px; }

/*****pageroll***************************************/
.pageroll{margin:10px 0 60px 0;clear: both;min-height: 50px;line-height:50px; text-align:center;   }
.pageroll a,.pageroll span{ padding:0px 12px;font-size:12px;border:1px solid #ddd;
  background:#e2e2e2;color:#333;display:inline-block;height: 28px;line-height: 28px;margin:0;margin-left:6px;}
.pageroll span{color:#bbb}
.pageroll a.cur,.pageroll a:hover{color:#666;background:#fff;}
.pageroll a.cur{cursor:default}
.pageroll .pagerinc{padding:0;margin:0;display:inline;  }
/*region*/
.hdhide .regionhd{display:none; }
.regionbox{ clear:both; overflow:hidden; position:relative; }
.regioncnt .desp,.wpdmblockwrap   .desp,.dmcontent,.dmcontent p{ font-size:14px; line-height:26px; }
.regioncnt .desp p,.wpdmblockwrap   .desp p{padding-bottom: 15px}
 .regioncnt h3,.wpdmblockwrap h3{ font-weight:bold;font-size:18px;margin:10px 0 }

 
/*textlist***************************************/
.textlist  li{clear:both;overflow:hidden;padding:5px 0; margin-bottom:10px ;border-bottom:1px solid #ddd}
.textlist a.img{float:left; display:inline;width: 30%; margin-right:2% }
.textlist a.img img{max-width: 100%;height: auto;  }
.textlist h4{padding-bottom:5px; text-align:left; }
.textlist h4 a{font-size:18px;font-weight:bold;;background:url(../images/arrow.png) 0 13px  no-repeat ; padding:5px 0 5px 10px;color:#666;text-align:left;  }
.textlist h4 a:hover{ color:#999 }
.textlist .day{float:right;font-weight:normal;padding-right:5px; color:gray;font-size:12px;}
.textlist li.hasimg .text{width: 66%;float:right;  }
.textlist p.textshort{line-height:22px;color:#777;font-size:14px; }

/*grid2ceng*/
.grid2ceng .img{text-align:center; }
.grid2ceng .text{padding:0; }
.gcoverlayjia{margin-bottom:30px;text-align:center; }
.gcoverlayjia a{/*width: 23%;margin:1%;  float:left;margin-bottom:1.5%;*/position:relative;overflow:hidden;display:block;}
.gcoverlayjia .overlay{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.3);display:none;z-index:99}
.gcoverlayjia .overlay span{width:60px;height:60px;margin-left:-30px;margin-top:-30px;position:absolute;top:50%;left:50%;background:#E66432;border-radius:50%;font-size:30px;text-align:center;line-height:60px;color:#FFF}
.gcoverlayjia   h4{font-size:14px;padding:10px 0;}

.gcoverlayjia a:hover .overlay{display:block}
.gcoverlayjia .imgtext{position:absolute;width:100%; text-align:center; overflow:hidden;padding:0px 1%;bottom:0;left:0;color:#FFF;font-size:14px;background:rgba(0,0,0,0.3);margin:0; }
 
.gcoverlayjia   img{max-width:100%;  transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out}
.gcoverlayjia a:hover img{-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5)}
.gcoverlayjia a:hover .imgtext {display:none; }
.gcoverlayjia .img{ padding:0; } 
.gcoverlayjia .imgtext h4{line-height:20px;overflow:hidden;font-size:14px;   }
.gcoverlayjia .imgtext span{height: 30px;line-height:30px;overflow:hidden;font-size:12px;   }
.gcoverlayjia h3{height: 40px;font-size:14px;line-height:20px;overflow:hidden; clear:both;   }

.transition5{width:100%;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}

.gcoverlaykuo{margin-bottom:20px;padding:0 5px; }
.gcoverlaykuo .text{z-index:2;position:absolute;top:50%;left:50%;width:0;height:0;opacity:0;background:rgba(0,0,0,.7)}
.gcoverlaykuo:hover  .text{top:0;left:0;width:98%;height:100%;opacity:1;text-align:center;margin:0 1% }
.gcoverlaykuo:hover  .imgtext{display:none;} 
.gcoverlaykuo .imgtext{position:absolute; width: 100%;bottom:0;left:0;color:#FFF;font-size:14px;background:rgba(0,0,0,0.3);}
.gcoverlaykuo .text i{font-size:40px;position:absolute; top:45%;left:45%} 
.gcoverlaykuo .img{padding:0;}
.gcoverlaykuo .imgtext h4{height: 35px;line-height:35px;overflow:hidden;font-size:14px;   }
.gcoverlaykuo .imgtext span{height: 30px;line-height:30px;overflow:hidden;font-size:12px;   }

.gcoverlayarrow{padding-bottom:70px;margin-bottom:30px;text-align:center; }
.gcoverlayarrow .text{position:absolute;bottom:0;left:0;z-index:98;height:50px; padding:0 5px 10px 5px;background:#fff;overflow:hidden;clear:both;font-size:14px; }
.gcoverlayarrow:hover .text{height:152px;overflow:hidden; }
.gcoverlayarrow .text h3{height: 50px; ;font-size:16px;line-height:24px;clear:both; overflow:hidden; color:#333}
.gcoverlayarrow a{color:#333}
.gcoverlayarrow   a:hover{color:#666}
.gcoverlayarrow .text p{margin-top:10px;font-size:15px;line-height:1.6em;overflow:hidden;  }
.gcoverlayarrow  .linkarrow{display:block;position:absolute;z-index:99;top:109px;right:0px;width:48px;height:48px;padding-top:16px;opacity:0;background:url(../images/arrowbg.png) no-repeat ; }
.gcoverlayarrow:hover .linkarrow{opacity:1;right:20px;-webkit-transition-delay:.35s;transition-delay:.35s}


 /*gridnode*/
 .gridnode{padding:10px 0;clear:both; overflow:hidden;  }
  .gridnode .date{display:block;font-size:11px;color:#9e9e9e;height: 30px;line-height:30px;  }
 .gridnode .desp{ color:#999;padding:5px 0 !important}
   .gridnode h5{font-size: 14px;height: 22px;line-height: 20px; overflow: hidden;  font-weight: normal;}
  .gridnode a.title{font-size:14px; display:block; text-align: center;  height: 35px;line-height:35px; overflow:hidden;   }
  .gridnode .bor{margin-bottom: 25px}
  .titlecenter a.title{ text-align:center;  }
  .nodeknowledge a.title{text-align:left; font-size:18px;font-weight:bold;}
.gridnode_imgleft .dmbtn{text-align:left; }
.gridaboutus h4{padding:10px 0; }
.gridaboutus .bor{margin-bottom: 25px}
.gridnode_imgleft  a.title{text-align:left;margin-top:15px }
 
.gridabtborder .bor{border: 1px dotted #e7e7e7;  border-radius: 10px;margin-bottom:20px;padding:0 20px}
 /*--hack style.css*/
 .site_wpdm .col-full{max-width:100%;padding:0;font-weight: bold}
.site_wpdm img{display: inline-block; }
.site-header {margin-bottom: 0px !important}
#secondary {display: none !important}

.container{width: 1440px; margin-left:auto;margin-right:auto;position:relative;padding-left:0;padding-right:0 }

.right-sidebar .site_wpdm  .content-area{float:none;width: 1440px; margin-left:auto;margin-right:auto;position:relative;padding-left:0;padding-right:0 }
/* 默认是蓝色，其他选择：more1 透明  , more2 白色，more3 黑色，more4 红色，more5 橙色，more6 绿色，more7 紫色，more8 灰色背景，more9 深蓝背景
  'more10'=>'无背景，字体黑色', 'more11'=>'无背景，字体红色',   'more12'=>'无背景，字体蓝色',
  */
.dmbtn  .more{display:inline-block;vertical-align:middle;font-size:18px;padding:0 50px;height: 45px; line-height:45px;overflow:visible;cursor:pointer;
text-align:center;border-radius:5px;background:#1688D3;color:#fff;text-decoration:none;border:0; }
.dmbtn  .more:hover{background:#1d7ebf;color:#fff;text-decoration:none; }
.more1 .more{background:none; border:1px solid #fff;color:#fff; } .more1 .more:hover{background:rgba(216, 208, 208, 0.1);}
.more2 .more{background:none; border:1px solid #000;color:#000; } .more2 .more:hover{color:#000;background:rgba(216, 208, 208, 0.1);}
.more3 .more{background:#232C3B;border:1px solid #666; }.more3 .more:hover{background:#334a70; }
.more3f .more{background:#334a70;border:1px solid #666;}.more3f .more:hover{ background:#232C3B; }
.more4 .more{background:#C22731;border:0 }.more4 .more:hover{background:#E6444E; }
.more5 .more{background:#E56331;border:0 }.more5 .more:hover{background:#ee7b4f; }
.more6 .more{background:#008000;border:0 }.more6 .more:hover{background:#219721; }
.more7 .more{background:#800080;border:0 }.more7 .more:hover{background:#921692; }
.more8 .more{background:#666;border:0 }.more8 .more:hover{background:#f2f2f2; border:1px solid #666;color:#666;}
.more9 .more{background:#1b629d;border:0 }.more9 .more:hover{background:transparent;border:1px solid #237dc8; color:#237dc8; }
.more10 .more{background:none; color:#000}.more10 .more:hover{background:transparent; color:#666; }
.more11 .more{background:none; color:#C22731}.more11 .more:hover{background:transparent; color:#E6444E; }
.more12 .more{background:none; color:#1C7BD0}.more12 .more:hover{background:transparent; color:#237dc8; }
/*
.moresm .more{height: 40px; line-height:40px; }
.moresm2 .more{height: 30px; line-height:30px; font-size:12px; }
.moresmw .more{padding:0 30px;  }
.moresmw2 .more{padding:0 20px;  }*/
.morelg .more{height: 60px;line-height:60px; padding:0 70px;  }
.moresm .more{height: 40px;line-height:40px;padding:0 30px; font-size:14px;  }
.morexs .more{height: 30px;line-height:30px;padding:0 20px; font-size:12px;  }

.morenocir .more{border-radius:0px; }
.morecir50 .more{border-radius:50px; }

#dmbacktotop{display:none; }
 #dmbacktotop a{position:fixed;bottom:20px;right:20px;z-index:999;
-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;  text-align:center;
 width: 48px;height: 48px;background: url(../images/bgbacktop.png) no-repeat; }
#dmbacktotop a:hover{background-position:-60px 0}
#dmbacktotop i{margin-top:6px;display:none; }
/*----------------media------------------------*/
@media  (max-width: 1450px) {
   .container,.right-sidebar .site_wpdm  .content-area {width:100% ;}
}
 
 /* -----移动端 1024 ------------------------------------------------------------*/
@media (max-width: 1025px) {
 
 
 .dmboxwrap{padding:50px 0}
 .dmboxwrap .dmtitle {padding-bottom:30px;width: 90%}
   .dmboxwrap .dmtitle h3{ font-size: 30px;  line-height:36px }
}
/* -----移动端 800 ------------------------------------------------------------*/
@media (max-width: 800px) {

.col_1f6,.col_5f6,.col_1f5,.col_2f5,.col_3f5,.col_4f5,.col_1f4,.col_3f4,.col_1f3,.col_2f3,.colhalf,.col-md-dm5{width:50%;display:block; }

.gridhalf .col_1f6,.gridhalf .col_5f6,
.gridhalf .col_1f5,.gridhalf .col_2f5,.gridhalf .col_3f5,.col_4f5,
.gridhalf .col_1f4,.gridhalf .col_3f4,
.gridhalf .col_1f3,.gridhalf .col_2f3,.gridhalf .colhalf{width: 100%;display:block; }


}


/* max-width: 600px  -------------*/
@media    (max-width: 600px){
.twocolcuspro .boxcol, .twocolcuspro li { width: 50%; }
.col_1f6,.col_5f6,.col_1f5,.col_2f5,.col_3f5,.col_4f5,.col_1f4,.col_3f4,.col_1f3,.col_2f3,.colhalf,.col-md-dm5{width: 100%;display:block; }
.twocolcuspro .boxcol,.twocolcuspro li { width:50%}
/*end media 600*/
}

 