@charset "utf-8";
/* css document */

/* 通用信息列表_普通式 */
.infolist li{ height:24px; line-height:24px;   }
.infolist li .date{ float:right; color:#999;  }


/* 通用图片列表_普通式 */
.piclist li{ width:126px;  }
.piclist .pic{ text-align:center; line-height:0px;  }
.piclist .pic img{ width:120px; height:90px; padding:2px; border:1px solid #ccc;  }
.piclist .pic a:hover img{ border-color:#f00;  }
.piclist .title{ line-height:24px;   }


/* 文本切换盒子 - 公用类 */
.slidetxtbox{ width:450px; border:1px solid #ddd; text-align:left;  }
.slidetxtbox .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
.slidetxtbox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
.slidetxtbox .hd ul li{ float:left; padding:0 15px; }
.slidetxtbox .hd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; cursor:pointer; }
.slidetxtbox .bd{ padding:15px;  }
.slidetxtbox .bd ul{ padding:10px;  }
.slidetxtbox .tempwrap{ margin:15px;  }


/* 首页banner */
.slidebox_i{ width:1003px; height:401px; overflow:hidden; position:relative;  margin:0px auto;  }
.slidebox_i .hd{ height:7px; overflow:hidden; position:absolute; right:45px; bottom:15px; z-index:1; }
.slidebox_i .hd ul{ overflow:hidden; zoom:1; float:left; }
.slidebox_i .hd ul li{ float:left; margin-right:5px;  width:30px; height:7px; text-align:center; background:#7e7566; cursor:pointer; }
.slidebox_i .hd ul li.on{ background:#9e0322;}
.slidebox_i .bd{ position:relative; height:100%; z-index:0;   }

/* 产品中心banner */
.slidebox_p{ width:714px; height:319px; overflow:hidden; position:relative;  margin:0px auto;  }
.slidebox_p .hd{ height:7px; overflow:hidden; position:absolute; right:45px; bottom:15px; z-index:1; }
.slidebox_p .hd ul{ overflow:hidden; zoom:1; float:left; }
.slidebox_p .hd ul li{ float:left; margin-right:5px;  width:30px; height:7px; text-align:center; background:#7e7566; cursor:pointer; }
.slidebox_p .hd ul li.on{ background:#9e0322;}
.slidebox_p .bd{ position:relative; height:100%; z-index:0;   }

/* 首页广告banner */
.slidebox{ width:495px; height:467px; overflow:hidden; position:relative;  margin:0px auto;  }
.slidebox .hd{ height:15px; overflow:hidden; position:absolute; right:15px; bottom:100px; z-index:1; }
.slidebox .hd ul{ overflow:hidden; zoom:1; float:left; }
.slidebox .hd ul li{ float:left; margin-right:5px;  width:8px; height:8px; text-align:center; background:url(/uploads/image/images/i_bg.gif) no-repeat; cursor:pointer; }
.slidebox .hd ul li.on{  background:url(/uploads/image/images/i_bg_sel.gif) no-repeat; color:#fff; }
.slidebox .bd{ position:relative; height:100%; z-index:0;   }

/* 首页四大产品系列 */
.slidebox2{ width:160px; padding-left:8px; padding-top:58px; height:175px; overflow:hidden; position:relative;  margin:0px auto;  }
.slidebox2 .hd{ height:48px;  overflow:hidden; position:absolute; left:10px; top:6px; z-index:1; }
.slidebox2 .hd ul li.on a{ background:#99001c; color:#fff; width:63px; height:24px; display:block; line-height:24px;  text-decoration:none; text-align:center }

.slidebox2 .bd{ position:relative; height:100%; z-index:0;   }



/* 多个左滚动 - 图片- 公用类 */
.leftloop{ overflow:hidden; position:relative;  border:1px solid #ccc;   }
.leftloop .hd{ overflow:hidden;  height:30px; background:#f4f4f4;  }
.leftloop .hd .prev,.leftloop .hd .next{ display:block;  width:5px; height:9px; line-height:10px; float:right; margin-right:10px; margin-top:10px;  overflow:hidden;  
	 cursor:pointer; background: no-repeat;}
.leftloop .hd .next{ background: no-repeat;  }
.leftloop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
.leftloop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(/uploads/image/js/pie.htc);}
.leftloop .hd ul li.on{ background:#f00;  }
.leftloop .bd{ padding:10px;   }
.leftloop .bd ul{ overflow:hidden; zoom:1; }
.leftloop .bd ul li{ margin:0 10px; text-align:center; float:left; _display:inline; overflow:hidden;  }


/* 首页contact us  */
.toploop{ overflow:hidden; position:relative; height:77px; padding:25px 0px 25px 0px; }
.toploop .hd .prev{ position:absolute;  left:15px; bottom:3px; }
.toploop .hd .next{ position:absolute;  left:15px; top:0px; }
	 
.toploop .hd ul{ float:right; overflow:hidden; zoom:1;  }
.toploop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(/uploads/image/js/pie.htc);}
.toploop .hd ul li.on{ background:#f00;  }
.toploop .bd ul{ overflow:hidden; zoom:1; *margin-top:-8px; }
.toploop .piclist li{ width:138px; height:77px; overflow:hidden; padding-left:15px;}
.toploop .piclist .pic img{ width:138px; height:77px; padding:0px; border:none;  }


/* 首页时尚杂志 */
.toploop2{ overflow:hidden; position:relative; height:200px; padding-top:57px;}
.toploop2 .hd .prev{ position:absolute;  left:14px; top:30px;  }
.toploop2 .hd .next{ position:absolute;  left:148px; top:30px;}
.toploop2 .hd .xians_s{ position:absolute;  left:30px; top:35px; border-top: 1px solid #dedede;   height: 1px;
    overflow: hidden;  width: 113px;}

.toploop2 .hd ul{ float:right; overflow:hidden; zoom:1;  }
.toploop2 .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(/uploads/image/js/pie.htc);}
.toploop2 .hd ul li.on{ background:#f00;  }
.toploop2 .bd ul{ overflow:hidden; zoom:1; }
.toploop2 .piclist li{ width:149px; height:205px;}
.toploop2 .piclist .pic img{ width:149px; height:155px; padding:0px; border:none; margin-bottom:6px;  }


/* 内页最新产品 */
.toploop3{ overflow:hidden; position:relative; height:306px; padding-top:30px;}
.toploop3 .hd .prev{ position:absolute; left:0px; top:152px;  }
.toploop3 .hd .next{ position:absolute; right:0px; top:152px;}
    overflow: hidden;  width: 113px;}

.toploop3 .hd ul{ float:right; overflow:hidden; zoom:1;  }
.toploop3 .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(/uploads/image/js/pie.htc);}
.toploop3 .hd ul li.on{ background:#f00;  }
.toploop3 .bd ul{ overflow:hidden; zoom:1; }
.toploop3 .piclist li{ width:163px; height:306px; line-height:18px}
.toploop3 .piclist .pic img{ width:163px; height:215px; padding:0px; border:none; margin-bottom:6px;  }
.toploop3 .piclist li h2{ text-align:center; font-size:16px; font-weight:bold; line-height:30px}

/* 多个左滚动 - 文本 - 公用类 */
.leftlooptxt{  }


/* 图片按钮(左)滚动 - 公用类 */
.picbtnleft{ width:467px; height:313px; border:1px solid #ccc; padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
.picbtnleft .hd{ width:467px;  height:84px; position:absolute;  top:240px; }
.picbtnleft .hd ul{ width:480px;  overflow:hidden; zoom:1; }
.picbtnleft .hd ul li{ padding-top:5px; float:left; _display:inline; text-align:center;  }
.picbtnleft .hd ul li img{ width:105px; height:65px; border:4px solid #ddd; cursor:pointer; margin-right:5px;   }
.picbtnleft .hd ul li.on{ background: no-repeat center 0; }
.picbtnleft .hd ul li.on img{ border-color:#f60;  }
.picbtnleft .bd{ width:467px;  height:230px; position:relative;  }
.picbtnleft .bd img{ width:467px; height:230px;  }
.picbtnleft .bd li{ position:relative; zoom:1; }
.picbtnleft .bd li .pic{ position:relative; z-index:0; line-height:0px;  }
.picbtnleft .bd li .bg{ display:none;  width:467px; height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    }
.picbtnleft .bd li .title{ display:none;  width:467px; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;  }
.picbtnleft .bd li .title a{ color:#fff;  }

/* 图片按钮(上)滚动 - 公用类 */
.picbtntop{ width:500px; height:214px; border:1px solid #ccc; padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
.picbtntop .hd{ width:98px;  height:214px; position:absolute; right:5px;}
.picbtntop .hd ul li{ width:93px; padding:0 0 5px 5px;  text-align:center; line-height:0px;  }
.picbtntop .hd ul li img{ width:85px; height:60px; border:4px solid #ddd; cursor:pointer;  }
.picbtntop .hd ul li.on{ background: no-repeat 0 28px; }
.picbtntop .hd ul li.on img{ border-color:#f60;  }
.picbtntop .bd{ width:400px;  height:214px; position:relative;  }
.picbtntop .bd img{ width:400px; height:214px;  }
.picbtntop .bd li{ position:relative; zoom:1; }
.picbtntop .bd li .pic{ position:relative; z-index:0; line-height:0px;  }
.picbtntop .bd li .bg{ width:400px; height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    }
.picbtntop .bd li .title{ width:400px; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;  }
.picbtntop .bd li .title a{ color:#fff;  }
 

/* 5、more idea 衍生效果 不共用样色 ----------------------------------------------------------------------------------- */

/* 双重slide-文本滚动效果 */
#doubleslidetxt{ width:524px; zoom:1; position:relative; text-align:left;  }
#doubleslidetxt .parhd{ position:absolute; z-index:1; top:10px; left:453px; width:44px; overflow:hidden; }
#doubleslidetxt .parhd li{ width:14px; padding:5px 5px 5px 5px;  line-height:16px; border:1px solid #baccdf; border-left:0; 
	margin-bottom:5px; background:#fff; color:#b5c4d3;  cursor:pointer; margin-left:1px;  }
#doubleslidetxt .parhd li.on{ background:#dbeefd; font-weight:bold; color:#367399;  border-right:3px solid #4e98c6;  
	margin-left:0px; position:relative; z-index:100; padding:5px 10px 5px 10px;}
#doubleslidetxt .parbd{ position:relative;  z-index:0; width:440px; left:0px; border:1px solid #baccdf; padding:6px; background:#dbeefd;}
#doubleslidetxt .parbd .slidetxtbox{ background:#fff; width:400px; border:0; padding:20px;    }
#doubleslidetxt .parbd .slidetxtbox .hd{ background:#fff;  }


/* brand_lx多图切换 */
.gallery{   }
.gallery .bd li .pic{ line-height:0px;  }
.gallery .bd li .bg,.gallery .bd li .title{ display:none;  }
.gallery .bd li img{ width:310px; height:269px;   }
.gallery .hd{ position:relative;  margin-top:15px; zoom:1; padding-left:34px; }
.gallery .hd .tempwrap{/* margin-right:22px;*/   }
.gallery .hd ul{ overflow:hidden; zoom:1; }
.gallery .hd li{ width:225px;  cursor:pointer; }
.gallery .hd .snext{ position:absolute; right:0px; top:80px;}
.gallery .hd .snext a{ display:block; width:39px; height:96px;  background:url(/uploads/image/images/lx_right.gif) no-repeat left top;hide-focus: expression(this.hidefocus=true);outline:none;}
.gallery .hd .snext a:hover{ display:block; width:39px; height:96px;  background:url(/uploads/image/images/lx_right_sel.gif) no-repeat left top;}
.gallery .hd .sprev{ position:absolute; left:0px; top:80px; }
.gallery .hd .sprev a{ display:block; width:39px; height:96px;  background:url(/uploads/image/images/lx_left.gif) no-repeat left top;hide-focus: expression(this.hidefocus=true);outline:none;}
.gallery .hd .sprev a:hover{ display:block; width:39px; height:96px;  background:url(/uploads/image/images/lx_left_sel.gif) no-repeat left top;}



/* job_fzview多图切换 */
.fzgallery{   }
.fzgallery .bd li{ width:744px; padding:4px;  }
.fzgallery .bd li .picdsinfo{ width:744px; height:30px; line-height:30px; text-align:center; font-size:14px; font-weight:bold; color:#fff; background:#000;filter:alpha(opacity=90);opacity:0.9;}
.fzgallery .bd li .pic{ line-height:0px;  }
.fzgallery .bd li .bg,.gallery .bd li .title{ display:none;  }
.fzgallery .bd li img{ width:744px;   }
.fzgallery .hd{ position:relative;  margin-top:0px; zoom:1; padding-left:34px; padding-top:20px; }
.fzgallery .hd .tempwrap{/* margin-right:22px;*/   }
.fzgallery .hd ul{ overflow:hidden; zoom:1; }
.fzgallery .hd li{ width:123px; height:89px; cursor:pointer;  margin-right:10px; float:left;}
.fzgallery .hd .snext{ position:absolute; right:11px; top:20px;}
.fzgallery .hd .snext a{ display:block; width:25px; height:97px;  background:url(/uploads/image/images/job_fzview_rig.gif) no-repeat left top;}
.fzgallery .hd .snext a:hover{ display:block; width:25px; height:97px;  background:url(/uploads/image/images/job_fzview_rigsel.gif) no-repeat left top;}
.fzgallery .hd .sprev{ position:absolute; left:0px; top:20px; }
.fzgallery .hd .sprev a{ display:block; width:25px; height:97px;  background:url(/uploads/image/images/job_fzview_left.gif) no-repeat left top;}
.fzgallery .hd .sprev a:hover{ display:block; width:25px; height:97px;  background:url(/uploads/image/images/job_fzview_leftsel.gif) no-repeat left top;}


/* 双重slide-仿mtime */
.mtime{ width:960px; height:311px;  overflow:hidden; position:relative; background: no-repeat;  }
.mtime .prev,.mtime .next{ width:63px; height:100%; clear:both; cursor:pointer; position:absolute; left:0px; top:0px; }
.mtime .next{ width:59px; left:auto; right:0px;  }
.mtime .tempwrap{ margin-left:63px; }
.mtime .mtimecon{ width:840px; height:100%;     }
.mtime .tabbox{ overflow:hidden; zoom:1; }
.mtime .tabbox .bd{ padding: 15px 18px 15px 20px; width: 667px;  float:left;  }
.mtime .tabbox .bd li{ overflow:hidden; zoom:1; }
.mtime .tabbox .bd .text{  width: 225px; padding-right: 20px; word-wrap: break-word; float:left;  }
.mtime .tabbox .bd .text h3 a{ color:#86ca35; font:normal 28px/40px "microsoft yahei"; _font-weight:bold;  }
.mtime .tabbox .bd .text p{ padding-top:18px; line-height:22px; color:#fff; font-size:14px;     }
.mtime .tabbox .bd .imgs{ float:right;  }
.mtime .tabbox .hd{ width:103px; float:left; margin-top:6px;   }
.mtime .tabbox .hd li{ margin-top:7px; padding-left:7px;  cursor:pointer; vertical-align:middle; }
.mtime .tabbox .hd a{ padding:3px; display:block; height:45px; overflow:hidden;   }
.mtime .tabbox .hd img{ width:90px; height:45px;  }
.mtime .tabbox .hd li.on{ background: 0 center no-repeat; }
.mtime .tabbox .hd li.on a{ background:#85cb35;  }

/* 常见焦点图 */
.focusbox{ width:275px; height:243px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.focusbox .hd{ position:absolute; z-index:1; right:3px; bottom:34px; }
.focusbox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.focusbox .hd ul li{ float:left; margin-right:3px;  width:14px; height:14px; line-height:14px; text-align:center; background:#ddd; cursor:pointer; 
	font-family:arial; color:#666; 
}
.focusbox .hd ul li.on{ background:#f00; color:#fff;     }
.focusbox .bd{ position:relative;  }
.focusbox .bd .pic{ line-height:0px;  }
.focusbox .bd .pic img{ width:275px; height:215px;}
.focusbox .bd .con{ height:28px; line-height:28px; text-align:center; font-weight:bold; background:#f6f6f6; }
 
/* 视频网站大焦点图 */
.tv-slidebox{  height:288px; overflow:hidden; background:#333; position:relative;   }
.tv-slidebox .hd{ display:none;  }
.tv-slidebox li{ overflow:hidden;  }
.tv-slidebox li .pic{ width:720px; float:left;   }
.tv-slidebox li .pic img{ width:720px;  }
.tv-slidebox li .con{ position:relative;  background:#fff;  height:288px; width:240px; padding-left:20px;   float:left; background: -281px 0 repeat-y;  }
.tv-slidebox li .con .bg{ position:absolute; width:96px; height:96px; right:0px; top:0px; background: -84px 0 no-repeat;    }
.tv-slidebox li .con .title{  width:170px; padding-top:30px; height:68px;  }
.tv-slidebox li .con .title a{ color:#fff;  font:normal 14px/22px "microsoft yahei"; _font-weight:bold; }
.tv-slidebox li .con .intro{ color:#cbcbcb; width:220px; border-top:1px dotted #cbcbcb;  padding-top:10px; margin-top:10px;   }
.tv-slidebox li .con .intro .more{ position:absolute; bottom:20px; left:20px; display:block; width:94px; height:28px; background: -184px 0 no-repeat; overflow:hidden; line-height:990px;   }
.tv-slidebox li .con .intro .more:hover{ bottom:21px; }
.tv-slidebox .prev,.tv-slidebox .next{ position:absolute; z-index:1;width:39px; height:87px; overflow:hidden; cursor:pointer; left:10px; top:80px; background: 0 0 no-repeat; }
.tv-slidebox .next{ background-position:-41px 0; left:674px; }
.tv-slidebox .prev:hover,.tv-slidebox .next:hover{ top:79px;  }