/* CSS Document */

/*banner*/
#banner{  width:100%;  overflow:hidden; position:relative;}
#banner ul{ /*margin-bottom:10px;*/}
#banner ul li{ position:relative;  float:left;}
#banner ul li img{ width:100%;}
#aPrev, #aNext{ position:absolute; top:40%; display:block;  z-index:11; }
#aPrev{ left:20px;}
#aNext{ right:20px;}
#banner .btm_btns{ position:relative; z-index:999; top:-40px;  display:inline-block; width:100%; text-align:center; }
#banner .btm_btns span{ display:inline-block;zoom:1; *display:inline;margin:0 5px; background:url(../img/ico-normal.png) no-repeat; width:10px; height:10px; cursor:pointer;}
#banner .btm_btns span.active{ background:url(../img/ico-active.png) no-repeat;}

.aPosition1{ position:absolute; left:440px; top:75%; min-width:500px; }
.aPosition2{ position:absolute; left:440px; top:75%; min-width:500px; }
.aPosition1 a, .aPosition2 a{ display:inline-block; padding:2% 3.5%; color:#fff; margin-right:3px;font-size:14px;}
.banner-aBuy{ position:relative; background:#f05133; box-shadow:0 0 4px rgba(249,101,73,0.8)}
.banner-aBuy i{ display:block; position:absolute; right:3px; top:3px; background:url(../img/banner-flag.gif) no-repeat; width:10px; height:10px;}
.banner-aMore{ background: #313131;box-shadow:0 0 4px rgba(171,151,168,0.8);}


/*关注*/
#focusElement{position:relative;  width:100%; margin-bottom:25px;  overflow:hidden;
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.5);
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.5);
-ms-box-shadow:0 1px 1px rgba(0,0,0,0.5);
-o-box-shadow:0 1px 1px rgba(0,0,0,0.5);
box-shadow:0 1px 1px rgba(0,0,0,0.5);
}
#focusImg { position:absolute; left:0; top:0; z-index:-1; display:block; width:100%;}
.sortListBd{ width:100%}
.sortElement{ color:#f05133; font-size:16px; width:62%;  padding:2% 10% 10px 28%; text-align:center;  }
.sortElement img{display:inline-block;}
.sortElement dl, .sortElement dl dt, .sortElement dl dd{ float:left;}
.sortElement dl{ position:relative; width:23%; padding-right:2%;  margin-bottom:15px; }
.sortElement dl dt img { display:block; width:100%;}

.btnWeChat{ display:none; position:absolute; left:-10px; top:-8px; z-index:111;}
.sortElement dl dt{ width:38%; margin-right:2%;}
.sortElement dl dd{ width:60%; padding-top:14%;}
.sortElement dl dd h4{ margin-bottom:5px; font-size:16px; /*font-weight:bold;*/ color:#fff;}
.sortElement dl dd p{ text-align:center;}
.sortElement dl dd p a{ display:inline-block;}
.btnMore{ text-align:center; padding-bottom:20px;}
.btnMore a{ display:inline-block; background:url(../img/ico-more.png) no-repeat; width:125px; height:40px; line-height:40px; color:#f05133; text-indent:.5em; font-size:16px;}
.hideList{ display:none;}
.hideList dl{ width:25%; }

/**/
#state{ width:100%; background:#fff; color:#575551; margin-bottom:30px;}
.stateBd{margin:0 auto;}
.stateWidth800{width:800px; }
.stateWidth1100{ width:1100px; }
.stateWidth800 dl{ width:33.3%; }
.stateWidth1100 dl{ width:19%; }
.stateWidth1100 dl.width23{ width:23%;}
#state a{ color:#575551;}
#state a:hover{ color:#c5280b;}
#state dl, #state dl dt, #state dl dd{ float:left;}
#state dl dt{ margin-right:10px; }
#state dl dd{margin-top:12px; border-left:1px solid #f05133; padding-left:15px;}
#state dl dd h4{ margin-bottom:2px; font-size:20px;}
#state dl dd p{ text-align:center; font-family:"微软雅黑"}
#state dl dd p a{ font-size:12px; display:inline-block;}

/*分类*/
.productList{ position:absolute; left:8%; top:9%; z-index:120; width:15%;background:#313131; border-radius:5px;color:#fff;}
.productList dl{padding:5% 8%; }
.productList dl.odd{ border-bottom:1px solid #2a2a2a;}
.productList dl.even{ border-top:1px solid #3f3f3f;}
.productList dl dt{ margin-bottom:8%; font-size:20px; cursor:pointer;}
.productList dl dt i{ display:block; float:right; background:url(../img/ico-down.gif) no-repeat 0 5px; padding-bottom:5px; width:12px; height:6px;}
.productList dl dt i.upDown{background:url(../img/ico-up.gif) no-repeat 0 5px;}
.productList dl dd{ display:none; font-size:14px;}
.productList dl dd a{ display:block; margin-bottom:6%; color:#fff;}
.productList dl dd.showIt{ display:block; -moz-transiton:2s;-webkit-transiton:2s;transiton:2s;}
/*banner下面的部分*/
#product{ width:100%;}
#product .ulList{ width:100%; margin:3% -5% 3% 4%; text-align:center; }
#product .ulList li{ float:left; width:20%; margin-right:3%; color:#313131; /*font-weight:bold;*/ font-size:18px;}
#product .ulList li a{ display:inline-block;  color:#313131;}
#product .ulList li a:hover{ color:#666;}
#product .ulList li img{ display:block; width:100%; margin-bottom:45px;}
#product .ulList li  p{ border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; padding:18px 0;}

#product .remmond { color:#000; margin:0 auto; background:#ebebeb; padding:20px 0; border-top:1px solid #d3d3d3;}
#product .remmond h3{ font-size:30px; text-align:center; margin-bottom:3%;}
#product .remmond h3 span{ font-size:22px;}
#product .remmond .focus{ margin-left:7.5%; margin-right:-5%;}
#product .remmond .focus li{ float:left;width:40%; margin-right:5%; color:#000; /*font-weight:bold;*/ font-size:18px; background:#fff; margin-bottom:5%; 
overflow:hidden;}
#product .remmond .focus li a{ display:inline-block;  color:#fff; overflow:hidden;}
#product .remmond .focus li a:hover{ color:#fff;}
#product .remmond .focus li img{ display:block; width:100%; }
#product .remmond .focus li  p{ font-size:24px; padding:18px 0; text-indent:2em;}
#product .remmond .focus li  p span{ font-size:16px; margin-left:10px;}
#product .remmond .focus li  .imgBox{ display:block; position:relative; width:100%; height:100%; }
#product .remmond .focus li  .imgBox:hover .imgPop{ display:block;}
#product .remmond .focus li  .imgBox:hover .aMore{ display:block;}
#product .remmond .focus li  .imgBox img{ width:100%;}
#product .remmond .focus li  .imgPop{ display:none; position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;
 background-color:#000; opacity:0.8; filter:alpha(opacity=80);}
#product .remmond .focus li  .imgBox  .aMore{ display:none; position:absolute; left:42%; top:45%; z-index:3; 
width:100px; height:40px; line-height:40px; background: #f05133;text-align:center; cursor:pointer; }
#product .remmond .focus li  .imgBox  .aMore i{ position:absolute; right:3px; top:3px; background:url(../img/banner-flag.gif) no-repeat; width:10px;
 height:10px;}
#product .remmond .focus li  a.imgVideo{ position:relative;}
#product .remmond .focus li  a.imgVideo span{ display:block;  position:absolute; left:42%; top:40%; z-index:19; zoom:1; 
background:url(../img/ico-video.gif) no-repeat; width:70px; height:62px; cursor:pointer;}
.flagWhite{ width:0; height:0; border:20px solid transparent; border-bottom:20px solid #fff; position:absolute; bottom:0; left:15%; z-index:4;}

/*穿线师*/
.popLnc{ position:relative;}

.popHover{ display:block; position:relative;}
/*.popHover:hover .popBoxBd{ display:block;}*/
.popBoxBd{ display:none;position:absolute; left:-280px; bottom:65px; width:600px; background:#000; opacity:0.8; filter:alpha(opacity=80); 
border-radius:5px; z-index:10; cursor:default }
.popBoxWrap{ width:100%; color:#fff;  font-family:"微软雅黑"; font-size:12px;}
.popBoxWrap h3{ font-size:18px; text-align:center;}
.popBoxWrap ul{ float:left; margin:8px 15px;}
.popIsShow{ display:block;}
.popFlag{  position:absolute; left:280px; bottom:-20px;display:inline-block; text-align:center; border:10px solid transparent; border-top:10px solid #000;}