/*******************通用部分*********************/

/*尾部联系人区域*/

.tab_contact { list-style: none; width: 100%; margin: 0px auto; height: 200px; border: 1px solid #56c6f4; }
.td1 { padding-left: 30px; text-align: left; border: 1px solid #56c6f4; }
.tab_contact th { border: 1px solid #56c6f4; height: 25px; line-height: 25px; font-size: 14px; font-weight: normal; }
.tab_contact th strong { font-size: 14px; font-family: 新宋体, arial; }

/*底部滚动联系区域*/
#footer { width: 100%; margin: 0px auto; text-align: center; background: #3f3737;position: fixed; bottom: 0px;ilter:alpha(Opacity=80);-moz-opacity:0.5;opacity:  0.9; right:0; left:0; }
.footer_box{width: 980px; margin: 0px auto; background: #3f3737;filter:alpha(Opacity=80);-moz-opacity:0.5;opacity:  0.9;}
.footer_box_info{width: 980px; height: 25px; color: #FFF;font-size: 20px;font-weight: bold; text-align: center;padding-top: 7px}
.footer_box_info img{vertical-align: top}
* html,
* html body { background-image: url(about:blank); background-attachment: fixed }
* html #footer { position: absolute; left: expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft, 10)||0)-(parseInt(this.currentStyle.marginRight, 10)||0)); top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0))) }

/*************************************************************************************************/

/****************************模板一：一行一个及可以分类展示*****************************/

/**控制整个内容区域，也控制具体一个模型，及模型尾部的分割图片**/
.model1 { background: url(images/body_profile.jpg) no-repeat bottom center; width: 100%; }

/*控制整个内容的实际占用宽度*/
.model1_wrap { padding: 10px 20px 20px 20px }
.model1_l { width: 300px; display: inline; float: left }
.model1_r { width: 500px; line-height: 30px; float: right }

/*产品图片自适应，宽高300*/

/*font-size: 262px;/*约为高度的0.873，300*0.873 约为262*/

/**font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
.product { display: table-cell; *display: block; *font-size: 262px; *font-family: Arial; width: 300px; height: 300px; border: 1px solid #eee; text-align: center; vertical-align: middle; }
.product img { max-height: 300px; max-width: 300px; _width: expression(this.width > 300 && this.width > this.height ? 300:true); _height: expression(this.height > 300 ? 300:true); display: inline; text-align: center; vertical-align: middle }
.product_name { color: black; text-decoration: none; font-size: 14px }

/****************************************************************/

/****************************新版 模板二：一行两个及可以分类展示*****************************/

/**控制整个内容区域**/
.datalist2 { width: 1200px; margin: 0 auto; }

/*控制控制具体一个模型*/
.model2 { width: 590px; height: 540px; overflow: hidden; background: #fff }
.model2_wrap { padding: 10px }
.model2_l { width: 590px; }
.model2_r { width: 590px; line-height: 24px; }

/*产品图片自适应，宽高300*/

/*font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/

/**font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
.product2 { display: table-cell; *display: block; *font-size: 175px; *font-family: Arial; width: 450px; height: 220px; text-align: center; vertical-align: middle }
.product2 img { max-height: 300px; max-width: 450px; _width: expression(this.width > 450 && this.width > this.height ? 220px:true); _height: expression(this.height > 220px ? 220px:true); display: inline; text-align: center; vertical-align: middle }
.product2_name { color: red; text-decoration: none; font-size: 16px; font-family: 微软雅黑 }

/****************************************************************/

/****************************模板三：一行三个及可以分类展示*****************************/

/**控制整个内容区域**/
.datalist3 { width: 940px; margin: 0px auto }

/*控制控制具体一个模型*/
.model3 { width: 280px; margin-top: 5px; margin-bottom: 10px; border: 1px solid #ccc; background-color: #fff }
.model3_title { width: 260px; height: 35px; overflow: hidden; display: block; line-height: 35px; color: red }

/*产品图片自适应，宽高260*/

/*font-size: 227px;/*约为高度的0.873，260*0.873 约为227*/

/**font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
.product3 { display: table-cell; *display: block; *font-size: 227px; *font-family: Arial; width: 260px; height: 260px; text-align: center; vertical-align: middle; overflow: hidden; }
.product3 img { max-height: 260px; max-width: 260px; _width: expression(this.width > 260 && this.width > this.height ? 260:true); _height: expression(this.height > 260 ? 260:true); display: inline; text-align: center; vertical-align: middle }

/****************************************************************/

/****************************模板四：一行四个及可以分类展示*****************************/

/**控制整个内容区域**/
.datalist4 { width: 1210px; margin: 0px auto }

/*控制控制具体一个模型*/
.model4 { width: 280px; margin: 5px 5px 5px 0; border: 1px solid #ccc; background-color: #fff }
.model4_title { height: 35px; overflow: hidden; display: block; font:bold 16px/35px microsoft yahei; color: red }

/*产品图片自适应，宽高200*/
.product4 { display: table-cell; *display: block; *font-size: 175px; *font-family: Arial; width: 280px; height: 260px; text-align: center; vertical-align: middle }

/*font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/

/**font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
.product4 img { max-height: 260px; max-width: 280px; _width: expression(this.width > 280 && this.width > this.height ? 280:true); _height: expression(this.height > 260 ? 260:true); display: inline; text-align: center; vertical-align: middle }

/****************************************************************/

/*连续滚动图片--模版二*/
#slide { overflow: hidden; width: 960px; height: 230px; margin: 0 auto; }
#slide li { float: left; margin: 8px }
.slideul1 { width: 10000px }

/*需要设置最大值，目前不能自适应*/

/*font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/

/**font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
.slideul2 a { display: table-cell; *display: block; *font-size: 175px; *font-family: Arial; height: 200px; border: 1px solid #666; vertical-align: middle; text-align: center }
.slideul2 img { max-height: 200px; _height: expression(this.height > 200 ? 200:true); display: inline; text-align: center; vertical-align: middle }
.Qmain { width: 1210px }