@charset "utf-8";
@import url("../plugins/lightbox/lytebox.css");
/* === All CSS  === */

/*
兼容问题处理
padding 针对火狐 *padding 针对IE8  _padding 针对IE6 *+html 针对IE7使用
.test{padding:10px;*padding:9px;_padding:8px}
针对float 使用margin 会变成双倍距离 建议不要在浮动的时候使用margin, 如果使用加入 display:inline;
!important 优先执行样式 ie浏览器不识别 其他浏览器可识别
使用float后 一定要闭合浮动 否则出现兼容问题
*/
::-webkit-scrollbar{width:4px;height:4px;background-color:#eee}
::-webkit-scrollbar-track-piece{ background-color:#eee}
::-webkit-scrollbar-thumb{background-color:#888; cursor:pointer;}
::-webkit-scrollbar-thumb:hover{background-color:#666}
html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,dd,dt,dl,article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{margin:0;padding:0;border:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}input{vertical-align:middle;}table{border-collapse:collapse;}table td{padding:0;}ul{list-style:none;}.clearfix:before,.clearfix:after,.article:before,.article:after,.footzi:before,.footzi:after{content:'.';display:block;clear:both;font-size:0;line-height:0;visibility:hidden;height:0;}.clearfix,.article{*zoom:1;}.clear{clear:both;height:0px;width:0px;overflow:hidden;}.abs{position:absolute;}.rel{position:relative;}.fix{position:fixed;}.fl{float:left;_display:inline;}.fr{float:right;_display:inline;}.wrap:before,.wrap:after{content:'.';display:block;clear:both;font-size:0;line-height:0;visibility:hidden;height:0;}.wrap{*zoom:1;}a{color:#9f9f9f;text-decoration:none;-webkit-transition:all .4s;transition:all .4s;}a:hover{color:#f00;text-decoration:none;}.ua a:hover{ text-decoration:underline;}.w100{width:100%;}img{vertical-align:middle;}img,.article *:not(embed):not(video):not(iframe){ max-width:100%; height:auto;}.article{font-size:14px;line-height:1.8;}
body{margin:auto;min-width:1220px;}
.wrap{width:1200px;margin:0 auto;}
body{font:12px/1.5 Arial,sans-serif;color:#9f9f9f;}
/*自动隐藏文字*/
.ellipsis-1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ellipsis{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal !important;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.ellipsis-2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.ellipsis-4{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal !important;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.flex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
.flex-direction-column{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}/* 设置弹性布局的方向，子元素按照在源文档中声明的顺序从上到下显示 */
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}/* 子元素自动占据剩余的空间 */
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/* 水平布局下的子元素 水平居中 */
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;} /* 水平布局下的子元素 垂直居中 */
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;} /* 水平布局下的子元素 2端对齐 */
.flex-wrap{ -webkit-flex-wrap:wrap; flex-wrap:wrap;}
/** Header **/

/** End Header **/

/** Common **/

/* === Page CSS === */
.page{padding:10px;line-height:normal;text-decoration:none;text-indent:0px;}
.page a{display:block;padding:2px 6px 0px;border:solid 1px #999;float:left;margin:3px;color:#000;}
.page a:hover{background:#999;color:#fff;}
.pagedefault{padding:2px 6px 0px;border:solid 1px #999;float:left;margin:3px;background:#999;color:#FFF;}
.pageno{padding:2px 10px 0px;border:solid 1px #999;float:left;margin:3px 3px 3px 12px;}
.pageall{padding:2px 10px 0px;border:solid 1px #999;float:left;margin:3px;}

/* === 焦点图 === */
#jiaodian {margin:0 auto;width:100%;overflow:hidden;}
#slideshow {float:left;width:100%;margin:0px auto;position:relative;}
#slideshow a {float:left;width:100%;display:inline;}
#slideshow .img {left:0;top:0;position:absolute;width:100%;overflow:hidden;}
#slideshow .img a{float:left;width:100%;overflow:hidden;}
#slideshow .img img {float:left;width:1px;height:1px;}
#slideshow .img span {position:absolute;width:99999px;display:block}
#slideshow .btns {margin:0 auto;position:absolute;width:100%;text-align:center;height:25px;bottom:0;}
#slideshow .btns b {position:absolute;width:100px;display:block;height:10px;overflow:hidden;bottom:15px;left:50%;}
#slideshow .btns b i {width:10px;background:#414140;float:left;height:10px;font-size:0px;overflow:hidden;cursor:pointer;margin:0 3px;border:#414140 0px solid;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;behavior:url(/js/pie.htc);}
#slideshow .btns b i:hover {background:#a7a7a6}
#slideshow .btns b i.on {background:#fff;cursor:default}
#slideshow .btns b i.on:hover{background:#3cd2f1;cursor:default}
#slideshow .btns s {position:absolute;width:60px;height:80px;overflow:hidden;top:160px;cursor:pointer;display:none;}
#slideshow .btns s i {position:absolute;width:60px;background:url(../images/btn_slideshow.png);height:160px;}
#slideshow .btns s.prev {left:0px;}
#slideshow .btns s.prev i{top:-80px}
#slideshow .btns s.next {right:0px}
.slideshow-hover#slideshow .btns s {display:block}
#allmap{width:100%;height:500px;}
.BMap_bubble_content{min-width:400px;}
.BMap_bubble_content h4,.BMap_bubble_title{font-family:微软雅黑;font-size:15px;color:#CC5522}
/* === Product List Page CSS === */


/**产品页放大镜**/
/* 这是下方的鼠标指针的移动镜头平方米。 */
.cloud-zoom-lens {border:1px solid #888;margin:-1px;background-color:#fff;cursor:move;}
/* 这是标题文本 */
.cloud-zoom-title {font-family:Arial, Helvetica, sans-serif;position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px;}
/* 这是缩放窗口。 */
.cloud-zoom-big {border:1px solid #ccc;overflow:hidden;}
/* 这是加载消息。 */
.cloud-zoom-loading {color:white;background:#222;padding:3px;border:1px solid #000;}
/* zoom-section */
.zoom-section{clear:both;margin-top:20px;}
*html .zoom-section{display:inline;clear:both;}
.zoom-desc{float:left;margin-left:10px;width:310px;margin-bottom:20px;}
.zoom-small-image{border:4px solid #CCC;float:left;margin-bottom:20px;}
.zoom-tiny-image{border:1px solid #CCC;margin:0px;}
.zoom-tiny-image:hover{border:1px solid #C00;}
.jetzoom-lens { border:none; width:80%; height:80%; border-radius:50%; box-shadow: -0px -0px 10px rgba(0,0,0,0.40); cursor:crosshair;}
/* A blank image */
.jetzoom-blank { background-image:url(/images/blank.png);}
/* The animated ajax loading image */
.jetzoom-ajax-loader { background-image:url(/images/ajax-loader.gif); width:32px; height:32px;}

/** End Conmon **/

/** Footer **/
#hide{ text-align:center; display:block; position:absolute; right:10px; top:3px; font-size:20px; color:#fff; height:20px; width:20px; line-height:1;}
.ibrowser{ width:100%; position:fixed; bottom:0; left:0; z-index:9999999; font-size:14px; color:#fff; height:30px; line-height:30px; text-align:center; background:#000; background-position:top left; background-repeat:repeat; overflow:hidden; opacity:.8; filter: alpha(opacity=80);}
.ibrowser div{ width:100%; position:relative; overflow:hidden; height:30px;}
.ibrowser.dis{ display:none;}
#hide:hover{ cursor:pointer;}
/** End Footer **/

/**产品内页**/
.goodsCont{}
.goodsCont .main{}
.goodsCont .main .navigation .section .section_title .section_content {}

/**
/////////////////////
**/
.js-enabled .animate,.js-enabled .stagger{
  visibility:hidden;
  -moz-transform:translate(0, 10vh);
  -o-transform:translate(0, 10vh);
  -ms-transform:translate(0, 10vh);
  -webkit-transform:translate(0, 10vh);
  transform:translate(0, 10vh);
}
.js-enabled .animate-in{
  visibility:visible;
  -webkit-animation:animate-in 1.3s;
  -moz-animation:animate-in 1.3s;
  -o-animation:animate-in 1.3s;
  animation:animate-in 1.3s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
}

@-webkit-keyframes animate-in{
  0%{
    -moz-transform:translate(0, 10vh);
    -o-transform:translate(0, 10vh);
    -ms-transform:translate(0, 10vh);
    -webkit-transform:translate(0, 10vh);
    transform:translate(0, 10vh);
    opacity:0;
    filter:alpha(opacity=0);
  }
  100%{
    -moz-transform:translate(0, 0);
    -o-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0);
    opacity:1;
    filter:alpha(opacity=100);
  }
}
@-moz-keyframes animate-in{
  0%{
    -moz-transform:translate(0, 10vh);
    -o-transform:translate(0, 10vh);
    -ms-transform:translate(0, 10vh);
    -webkit-transform:translate(0, 10vh);
    transform:translate(0, 10vh);
    opacity:0;
    filter:alpha(opacity=0);
  }
  100%{
    -moz-transform:translate(0, 0);
    -o-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0);
    opacity:1;
    filter:alpha(opacity=100);
  }
}
@-o-keyframes animate-in{
  0%{
    -moz-transform:translate(0, 10vh);
    -o-transform:translate(0, 10vh);
    -ms-transform:translate(0, 10vh);
    -webkit-transform:translate(0, 10vh);
    transform:translate(0, 10vh);
    opacity:0;
    filter:alpha(opacity=0);
  }
  100%{
    -moz-transform:translate(0, 0);
    -o-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0);
    opacity:1;
    filter:alpha(opacity=100);
  }
}
@keyframes animate-in{
  0%{
    -moz-transform:translate(0, 10vh);
    -o-transform:translate(0, 10vh);
    -ms-transform:translate(0, 10vh);
    -webkit-transform:translate(0, 10vh);
    transform:translate(0, 10vh);
    opacity:0;
    filter:alpha(opacity=0);
  }
  100%{
    -moz-transform:translate(0, 0);
    -o-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0);
    opacity:1;
    filter:alpha(opacity=100);
  }
}