/****************************模板一：一行一个*****************************/
/**控制整个内容区域，也控制具体一个模型，及模型尾部的分割图片**/
.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}
 


/*产品展示*/
.proshow{ margin:0 auto; width:1100px; overflow:hidden;}
.title_pro{width:1003px; margin: 0px; padding:0px; height:80px; background:url(a1_blue57_cp.jpg) no-repeat; overflow:hidden; text-indent:-999em;}

.product{ width:1100px; margin:0px 0px 0px 0px ; padding:0px;}
.product ul { padding:0px; margin:0px;}
.product ul li{ list-style-type:none; width:1100px; height:431px; margin:0px auto; background:url(15.jpg) no-repeat;}
.side_product1{width:889px; height:57px; margin:0px auto; padding:0px; background:url(16.jpg) no-repeat; text-indent:-999em; display:none;}
.side_product2{width:889px; height:76px; margin:0px auto; padding:0px; background:url(16.jpg) no-repeat; display:none; }
.pic_product{ width:400px; height:300px; overflow:hidden; border:#ccc 1px solid; margin:80px 0px 0px 33px !important; margin:70px 0px 0px 23px;padding:0px; float:left; display:inline;}
.pic_product:hover{ border:#99CC99 1px solid;}
.about_product{ width:620px; float:right; display:inline; margin-top:80px !important; padding:0px; margin-right:30px; border-right:1px #CCCCCC solid; border-left:1px #CCCCCC solid; border-top:1px #CCCCCC solid;}
.name_product{ font:bold 18px/30px  PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;  color:#ff0000; margin:0px; padding:0px;letter-spacing:0.2em; text-decoration:none; }
.name_product:hover{  font:bold 18px/30px  PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;  color:#5da5ff; letter-spacing:0.2em; text-decoration:none;}


.title1{ float:left; display:inline; width:100px; height:30px; text-align:left; padding:0px; line-height:30px; border-bottom:1px #CCCCCC solid; font-size:15px;}
.title2{ float:left; display:inline; width:100px; height:100px; text-align:left; padding:0px; line-height:90px; border-bottom:1px #CCCCCC solid; font-size:15px;}
.content1{ float:right; display:inline; width:519px; text-align:left; text-indent:1em;  padding:0px; line-height:30px; height:30px; overflow:hidden;border-left:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid;font-size:15px;}
.content2{ float:right; display:inline; width:519px; text-align:left; text-indent:1em;  padding:0px; line-height:24px; height:100px; overflow:hidden;border-left:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid;font-size:15px;}
.contentname a:hover{font-family:Microsoft Yahei; font-weight:bold; font-size:20px;line-height:30px;color:#0089b0; letter-spacing:2px;margin:0px; padding:0px; text-decoration:none; }
.button1{ float:right; display:inline; margin-right:30px; width:470px; text-align:left;  padding:0px; line-height:30px; height:53px; overflow:hidden;border-right:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; border-left:1px #CCCCCC solid; padding-left:150px;}
a.but2{ float:left; width:147px; height:46px; line-height:55px; font-size:14px; font-weight:bold; margin:2px 45px 0px 0px; padding:0px; text-align:left; text-indent:35px; color:#FFFFFF; display:block; background:url(seeinfo.gif) no-repeat;}
.button1 a{color:#FFF; font: bold 16px/50px  PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;  text-decoration:none; padding-left:14px; text-decoration:none; letter-spacing:0.2em;}
.button1 a:hover{color:#FFF; font: bold 16px/50px  PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;  text-decoration:none; padding-left:14px; text-decoration:none; letter-spacing:0.2em;}

/*联系方式*/
.link{ margin:0px auto; width:1100px; background:#fff;}
.title_link{width:1003px; margin: 0px; padding:0px; height:80px; background:url(a1_blue57_link.jpg) no-repeat; overflow:hidden; text-indent:-999em;}
.attract{ width:1100px; margin:0px auto; padding:0px; overflow:hidden; background:#fff;}
.attract ul{ width:803px; margin:5px auto 5px; padding:0px; border-top: #000 1px solid; border-left:#000 1px solid; overflow:hidden;}
.attract ul li{ float:left; list-style:none; margin:0px; padding:2px; display:inline; line-height:30px; color:#000; font:  14px/22px  PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;  border-bottom:#000 1px solid; border-right:#000 1px solid;}
.attract1,.attract3,.attract5,.attract7,.attract9,.attract11{ width:90px; height:22px; font-weight:bold; overflow:hidden;}
.attract2,.attract4,.attract6,.attract8,.attract10,.attract12{ width:300px; height:22px;  overflow:hidden; text-align:left; font-weight:bold;}
.tishi{width:600px; margin:0px auto; padding:0px; font:bold 14px/24px 'Microsoft Yahei'; color:#f00;}

/*底部导航*/
.subnav{  margin:2px auto; width:1100px; height:25px; background: #631815; color:#FFFFFF; line-height:25px;}
.subnav a{ color:#fff; text-decoration:none;}
.copyright{ margin:0px auto; padding:0px; width:900px; height:25px; color:#000; line-height:25px;}
.attract8 a{ color:#000;}
.attract8 a:hover{ color:#000;}