.fl{display:inline;float:left}
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.cf{zoom:1}
.pb10{padding-bottom:10px}
/*main*/
.product-wrap{ width:1120px; float:left; height:710px;}
.product-wrap h2{  color:#404040; font-size:36px; text-align:left; height:200px; line-height:190px; text-align: center; background: url(../images/h21.gif) center 125px no-repeat;}
.product-wrap h2 span{color:#bd0101; padding-left: 40px; }
.title{ width:242px; float:left; }
.title-list{ position: relative; top:0px;}
.title-list li{  width:242px; float:left; height:69px;  line-height:30px;font-size:16px; text-align:center; display: inline; color:#666666; background:#f6f6f6; padding-top: 20px; border-bottom: 1px solid #fff;}
.title-list li small{display: block;line-height:20px;}
.title-list li a{color:#666666;}
.title-list li.on{ color:#ffffff; background:#bd0101; }
.title-list li.on a{ color:#ffffff;}
.product{ height: 450px; width:858px; left:20px; top:0px; position: relative; overflow: hidden; display: none;}
.product h3{ color:#fff; font-size:36px; line-height:80px; text-align:left; padding-left:20px;}
.product p{ font-size:16px; color:#fff;  line-height:31px;  height:164px; display:block; padding:5px 15px; width:640px;display:block;}
.product-wrap .show{ display: block;}
.product li{float: left; padding:0px; padding-bottom: 20px;}
.product li img{width: 858px; height: 450px;}