/****************************模板一：一行一个*****************************/
/**控制整个内容区域，也控制具体一个模型，及模型尾部的分割图片**/
.model1{ margin:0 auto; width:100%}
/*控制整个内容的实际占用宽度*/
.model1_wrap{ padding:20px;background: #eee}
.model1_l{width: 350px; float:left}
.model1_r{width: 600px; float:left}
.model1_l .product { width: 330px;height: 350px; overflow: hidden; }
.model1_l .product img { max-width: 330px; _width: expression(this.width > 330 && this.width > this.height ? 330 :true); max-height: 350px;_height: expression(this.height > 350 ? 350 : true);}

.model1_r p{line-height: 30px;font-size: 14px}
.model1_r .product_name { color:red; font:bold 18px/30px Microsoft yahei; text-decoration: none;}
/****************************************************************/

 

/****************************模板二：一行两个*****************************/
/**控制整个内容区域**/
.datalist2{ width: 100%; margin-right: -10px}
/*控制控制具体一个模型*/
.model2{margin-right: 10px;margin-bottom: 15px; border: 1px solid #ccc; background-color: #fff; }
.model2 .product2 {width: 400px;height: 300px; display: table-cell;*display: block;*font-size: 227px;*font-family:Arial; text-align: center;vertical-align: middle;overflow: hidden;}
.model2 .product2 img {max-width: 400px;max-height: 300px;_width: expression(this.width > 400 && this.width > this.height ? 400 :true);_height: expression(this.height > 300 ? 300 : true);display: inline;text-align: center;vertical-align: middle;}
.model2 .product_name { color:red; font:bold 18px/30px Microsoft yahei; text-decoration: none;}
/****************************************************************//****************************************************************/
.pText ul,.pText li{ text-align:left;}
.pText li{ margin:0 5px 5px 5px;line-height: 25px; padding:0 5px; border:1px solid #ccc}
.button div{float: left;width: 50%;text-align:center;padding: 10px 0;}
.button div img{display: inline;}
 



/****************************模板三：一行三个*****************************/
/**控制整个内容区域**/
.datalist3{ width: 100%; padding-left: 15px;}
/*控制控制具体一个模型*/
.model3{width: 377px;height: 460px;border: 3px solid #ccc;background-color: #fff;margin:0 15px 15px 0;}
.model3_title{ height:40px;overflow: hidden;display: block;line-height: 35px;color: #333; background: #f1f1f1;font: bold 18px/40px "Microsoft YaHei"; }
/*产品图片自适应，宽高200*/
.product3 {width: 370px;height: 380px; display: table-cell;*display: block;*font-size: 175px;*font-family:Arial; text-align: center;vertical-align: middle }
/*font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/
/**font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
.product3 img {max-width: 370px;max-height: 380px;_width: expression(this.width > 370 && this.width > this.height ? 370 :true);_height: expression(this.height > 380 ? 380 : true);display: inline;text-align: center;vertical-align: middle;}
/****************************************************************/




/****************************模板四：一行四个*****************************/
/**控制整个内容区域**/
.datalist4{ width: 100%; padding-left: 10px;}
/*控制控制具体一个模型*/
.model4{width: 284px;height: 400px;border: 3px solid #ccc;background-color: #fff;margin:0 10px 10px 0;}
.model4_title{ height:40px;overflow: hidden;display: block;line-height: 35px;color: #333; background: #f1f1f1;font: bold 18px/40px "Microsoft YaHei"; }
/*产品图片自适应，宽高200*/
.product4 { display: table-cell;*display: block;*font-size: 175px;*font-family:Arial;width: 284px;height: 300px; 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-width: 284px;max-height: 300px;_width: expression(this.width > 284 && this.width > this.height ? 284 :true);_height: expression(this.height > 300 ? 300 : true);display: inline;text-align: center;vertical-align: middle;}
/****************************************************************/



/*连续滚动图片--模版二*/
.wrap { padding: 10px; }
#slide { overflow: hidden; width: 960px; height: 250px; margin: 10px auto;border: 1px solid red}
#slide li { float: left; margin: 5px 5px}
.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;width: 200px;height: 200px;border: 1px solid #666; vertical-align: middle;text-align: center}
.slideul2 img { max-height: 200px; max-width: 200px; _width: expression(this.width > 200 && this.width > this.height ? 200 :true);_height: expression(this.height > 200 ? 200 : true);display:inline;text-align: center;vertical-align: middle}