 
/****************************模板一：一行一个及可以分类展示*****************************/
/**控制整个内容区域，也控制具体一个模型，及模型尾部的分割图片**/
.model1{ margin:0 auto; width:100%}
/*控制整个内容的实际占用宽度*/
.model1_wrap{ padding: 10px 20px 20px 20px}
.model1_l{width: 300px;display: inline; float: left}
.model1_r{width: 600px; 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: 400px; _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:red; font-weight:700; font-family:Microsoft yahei; text-decoration: none;font-size: 18px }
/****************************************************************/


/****************************模板四：一行四个及可以分类展示*****************************/
/**控制整个内容区域**/
.datalist2{ width: 940px;margin: 0px auto}
/*控制控制具体一个模型*/
.model2{width: 392px;height: 380px;margin-bottom: 10px;border: 3px solid #ccc;background-color: #fff;margin: 5px;}
.model2_title{ position:relative;;vertical-align: middle;text-align: center;width: 280px;height: 40px;overflow: hidden;display: block;line-height: 35px;color: #333;font-weight: bold;background: #f1f1f1;font: bold 18px/40px "Microsoft YaHei";margin-top: 10px;}
/*产品图片自适应，宽高200*/
.product2 { display: table-cell;*display: block;*font-size: 175px;*font-family:Arial;width:380px;height: 250px; text-align: center;vertical-align: middle }
/*font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/
/**font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
.product2 img {max-width: 380px;max-height: 250px;_width: expression(this.width > 380 && this.width > this.height ? 250 :true);_height: expression(this.height > 250 ? 250 : true);display: inline;text-align: center;vertical-align: middle;}
/****************************************************************/

/****************************模板二：一行两个及可以分类展示*****************************/
/**控制整个内容区域**/
/*.datalist2{ width: 940px;margin: 0px auto;}
/*控制控制具体一个模型*/
/*.model2{ width: 455px;height: 300px;overflow: hidden; border: 5px solid red}
.model2_wrap{ padding:10px}
.model2_l{width: 200px; float: left}
.model2_r{width: 200px; line-height: 30px; float:right}
.model2_r img{width: 95px}
/*产品图片自适应，宽高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: 400px;height: 300px; text-align: center;vertical-align: middle }
.product2 img { max-height: 300px; max-width: 400px; _width: expression(this.width > 400 && this.width > this.height ? 300 :true);_height: expression(this.height > 300 ? 300 : true);display: inline;text-align: center;vertical-align: middle}
.product2_name { color: black; text-decoration: none;font-size: 14px }
/****************************************************************/
/*.img01{max-height: 400px; max-width: 400px; _width: expression(this.width > 400 && this.width > this.height ? 400 :true);_height: expression(this.height > 400 ? 400 : true); }
/*height: expression(document.body.clientHeight > 200?"200px":"auto" ) !important;width: expression(document.body.clientWidth > 200?"200px":"auto" ) !important;*/





/****************************模板三：一行三个及可以分类展示*****************************/
/**控制整个内容区域**/
/*.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}
/****************************************************************/


/****************************模板三：一行两个及可以分类展示*****************************/
/**控制整个内容区域**/
.datalist3{ width: 940px;margin: 0px auto}
/*控制控制具体一个模型*/
.model3{width: 580px;margin-top: 5px;margin-bottom: 10px;border: 1px solid #ccc;background-color: #fff;margin: 5px;}
.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 {height: 300px;width: 400px;_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;}
/****************************************************************//****************************************************************/
.pImg{width:480px; height:450px; margin:0 auto}
.pText{width:450px; margin:0 auto; text-align:left;}
.pText ul,.pText li{margin:0;padding:0;text-align:left;}
.pText .aa li{ list-style:none;margin:0 0 5px 0;line-height: 25px; padding:0 5px; border:1px solid #ccc}
.pText li b{ font-size:14px;}
.button li{float:left;margin:0 15px 10 5px;}
.button li img{border:0px;margin:0 35px 0 0;}









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








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

 
/*五图轮播特效--模版一*/
#focus{margin:0 auto;}
#focus img{width:980px; height:347px;}
#focus {width:980px; height:347px; overflow:hidden; position:relative;}
#focus ul {height:347px; position:absolute;}
#focus ul li {float:left; width:980px; height:347px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:980px; height:20px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:980px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(/Qdialogs/images/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}

/*产品列表--模版一*/

.proshow{height: auto; overflow: hidden; background-color: #3a9404; text-align: center; width: 1385px; text-align: center; padding-left: 150px; padding-bottom: 40px; padding-top: 30px;}
.title_pro{width:1210px; margin: 0px; padding:0px; height:90px; background:url(images/index_03.jpg) no-repeat; overflow:hidden; text-indent:-999em;}
.product{ width:1096px; padding:0px; height: auto; overflow: hidden; margin:0px auto;}
.product ul{ width:1096px; padding:0px; margin:0px auto; }
.product ul li{ list-style-type:none; float:left; display:inline; width:520px; margin:6px; background:#fff; border:8px solid #c2d9f9; overflow:hidden;}
.side_product1{width:420px; height:40px; margin:10px auto; padding:0px 0px 0px 0px; background:#2360b3; text-align:center; color:#008885; font:bold 20px/40px  PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;}
.side_product2{width:440px; height:41px; margin:0px; padding:0px; background:url(images/a2_green3_all_box-foot.jpg) no-repeat; display:none;}
.pic_product{ width:400px; height:350px; overflow:hidden;  margin:0px auto; padding:5px 0px 0px 0px; text-align:center; font-size:16px;}
.about_product{ width:500px;  margin:5px 10px; padding:0px; height: 150px;}
.title1{ display:none; float:left;width:72px; height:20px; text-align:left; margin:2px 0px; padding:0px; line-height:20px;}
.content1{ float:right; display:inline; width:355px; text-align:left; margin:2px 0px; padding:0px; line-height:20px; height:20px; overflow:hidden; display:none; }
a.name_product{ font:bold 20px/40px  PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif; color:#fff; font-weight:bold; margin:0px; padding:0px; text-decoration:none;}
a.name_product:hover{  font:bold 20px/40px  PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif; color:#fff;text-decoration:none;  }
.title2{ float:left; display:inline; width:72px; height:20px; text-align:left; margin:2px 0px; padding:0px; line-height:20px;}
.content2,.content3{ float:left; display:inline; width:420px; text-align:left; margin:2px 0px; padding:0px; line-height:20px; height:20px; overflow:hidden; }
.content4,.content5{ float:left; display:inline; width:420px; text-align:left; margin:2px 0px; padding:0px; line-height:20px; height:76px; overflow:hidden; }
.button1{ width:290px;  margin:0px auto 20px; padding:0px; height:35px;}
a.but2{ float:left; width:109px; height:35px; line-height:35px; font-size:14px; font-weight:bold; margin:2px 35px 0px 0px; padding:0px; text-align:center; color:#FFFFFF; display:block; background:url(images/a2_cyan1bt.jpg) no-repeat; }



 