/****************************模板一：一行一个*****************************/
/**控制整个内容区域，也控制具体一个模型，及模型尾部的分割图片**/
.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{ padding-left: 10px;}
/*控制控制具体一个模型*/
.model4{width: 284px;height: 400px;border:4px solid #008feb;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"; overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
/*产品图片自适应，宽高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;}
/****************************************************************/

 
.xl{width: 260px;
    margin: 0px auto 20px;
    padding: 0px;
    height: 35px;}
a.but1{  display: block;position: relative; background: #008feb;color: #fff; width: 120px;height: 40px;line-height: 40px;text-align: center; font-family: 'Ubuntu', sans-serif;font-size: 15px;font-weight: bold;text-decoration: none;margin: 5px  ;border-radius: 2px;overflow: hidden;-webkit-transition: all 0.15s ease-in;transition: all 0.15s ease-in; float:left;}
.but1:hover {background: #967605;}
.but1:before {content: ' ';position: absolute;background: #fff; width: 25px;height: 50px;top: 0;left: -45px;opacity: 0.3;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.but1:hover:before { width: 45px;left: 205px;}

a.but2{display: block;position: relative;background: #eb1634;color: #fff;width: 120px;height: 40px;line-height: 40px;text-align: center;font-family: 'Ubuntu', sans-serif;font-size: 15px;font-weight: bold;text-decoration: none;margin: 5px;border-radius: 2px;overflow: hidden;/* -webkit-transition: all 0.15s ease-in; *//* transition: all 0.15s ease-in; */float:left;}
.but2:hover {background: #bf0721;}
.but2:before {content: ' ';position: absolute;background: #fff; width: 25px;height: 50px;top: 0;left: -45px;opacity: 0.3;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.but2:hover:before { width: 45px;left: 205px;}