.cot-list .head span a,.cot-list .news a i{background-image: url(../images/icons.png);background-repeat: no-repeat;}
.cot-list .catnav h3{background-image: url(../images/ico_cat_navbg.png);background-repeat: no-repeat;}

.cot-list{}
.cot-list .article,.cot-list .aside{}
.cot-list .aside{float: left;}
.cot-list .article{float: right;}
.cot-list .article{width:80%;}
.cot-list .article .artwrap{margin-left: 2em;}
.cot-list .aside{width: 20%;}
.cot-list .catnav,.cot-list .product{min-height: 520px;}

/*catnav*/
.cot-list .catnav{width:196px;background-color: #fefefe;background: url(../images/catnav_bg.gif);background-repeat: repeat-x;background-position: 0 0;}
.cot-list .catnav h3{height: 72px;width: 194px;border: 1px solid #b9b9b9;background-position: 0 -78px;overflow: hidden;}
.cot-list .catnav h3 span{display:block;margin-left: 40px;margin-top: 26px;color: #fff;font-size: 18px;font-weight: 400;}
.cot-list .catnav li{line-height: 2em;margin:0.5em 0;}
.cot-list .catnav li a{display: block;padding-left: 3em;border: 1px solid #b9b9b9;height:2em;overflow: hidden;transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s;}
.cot-list .catnav li a:hover{margin-left: 1em;}
.cot-list .catnav li a i{display:block;float: left;margin-top: 8px;margin-right: 0.5em;width: 6px;height: 13px;}
.cot-list .catnav li.curr a{background-color: #fff;}
.cot-list .catnav li.curr a i{background-color: #ff8839;}

/*article*/
.cot-list section{margin:0 0 10px 10px;border:1px solid #b9b9b9;}
.cot-list .about,.cot-list .news{width: 350px;height:255px;overflow: hidden;}
.cot-list .product{float:left;width: 430px;}
.cot-list .about figcaption{padding: 0.5em;font-size: 13px;}
.cot-list .news ul{padding: 0.5em;font-size: 13px;}
.cot-list .news .time{float: right;font-size: 12px;}
.cot-list .news li{border-bottom: 1px dashed #d2d2d2;line-height: 34px;height: 34px;overflow: hidden;padding: 0 0.5em;}
.cot-list .news a i{display: block;float:left;width: 8px;height: 12px;background-position: -88px -140px;margin:12px 5px 0 0;}
.cot-list .product ul{padding: 1em 0.5em;}
.cot-list .product ul li{width: 33.3333%;float: left;margin:0.5em 0 1em;}
.cot-list .product figure{padding: 0.3em;}
.cot-list .product figure a{display: block;text-align: center;}
.cot-list .product figure .img{display: block;border: 1px solid #b9b9b9;}
.cot-list .product figure a.img:hover{border-color: #FF9600;}

/*head*/
.cot-list .head{height:30px;line-height: 30px;background-color: #f2f2f2;}
.cot-list .head h3{float: left;font-size: 18px;font-weight: 400;color: #fff;background-color: #474747;padding:0 1em;}
.cot-list .head span{float: right;margin-right: 0.5em;}
.cot-list .head span a{display:block;margin-top: 8px;width: 53px;height: 12px;background-position: -220px -125px;text-indent: -9999em;}

/*position*/
.position{border-bottom: 3px solid #cdcdcd;line-height: 2.5em;}
.position h3{float: left;font-size: 18px;font-weight: 400;padding-left: 10px;}
.position .pos-link{float: right;}
.position .pos-link i{float: left;width: 4px;height: 11px;background-color: #ff9600;margin-top: 0.9em;margin-right: 0.5em;}
.position .pos-link,.position a{color: #515151;}

/*newlist*/
.newlist{}
.newlist li{padding:0 10px;height: 3em;line-height: 3em;border-bottom: 1px dashed #d8d8d8;}
.newlist .time{float: right;}
.newlist a{transition: all 0.2s;-ms-transition: all 0.2s;-webkit-transition: all 0.2s;float: left;}
.newlist a:hover{text-decoration: none;transform:translate(1em);-ms-transform:translate(1em);-webkit-transform: translate(1em);}
.newlist a i{color: #ff8839;margin-right: 1em;}

/*productlist*/
.productlist{min-height: 450px;}
.productlist li{width: 25%;float: left;text-align: center;}
.productlist figure{display: inline-block;*zoom: 1;*display: inline-block;margin:1em 0;}
.productlist figure .img{display: block;width: 187px;height: 149px;line-height: 137px;text-align:center;background: url(../images/list_product_thumb_bg.jpg) 0 0 no-repeat;}
.productlist figure .img img{max-width: 179px;max-height: 141px;*width: 179px;*height: 141px;}
.productlist figure .img img{transition:all .2s;-ms-transition:all .2s;-webkit-transition:all .2s;}
.productlist figure .img img:hover{transform:scale(1.2,1.2);border:1px solid #F1A942;}

/*pages*/
.pages{padding: 1em 0;text-align: center;}
.pages a,.pages span{margin:0 0.5em;}
.pages span{color: #ff8839;}

/*newcot*/
.newcot h1.tit{font-size: 16px;font-weight: 400;text-align: center;margin-top: 1.5em;}
.newcot .cot{margin-top: 1.5em;min-height: 300px;line-height: 2.0em;}

/*rel*/
.rel{margin-top: 1.5em;border-top: 1px dashed #ccc;padding: 0.5em;overflow: hidden;}
.rel .prev,.rel .next{float: left;width: 70%;}
.rel .back{float: right;width: 30%;text-align: right;}