@charset "utf-8";

/** 侧栏 **/

/** 产品类别 **/
.productClass h1{width:260px;padding:20px;font-size:16px;line-height:24px;background-color:#aaa;color:#fff;margin-top:15px;float:left;font-weight:bold;}
.productClass ul li{width:100%;float:left;}
.productClass ul li p{width:100%;border-bottom:1px solid #ccc;float:left;}
.productClass ul li a{width:260px;padding:20px;font-size:16px;color:#333;line-height:24px;display:block;float:left;text-transform:capitalize;}
.productClass ul li p a{width:242px;padding:20px 0 20px 20px;}
.productClass ul li mark.array{font-size:20px;line-height:24px;margin-top:20px;float:left;color:#ceced1;cursor:pointer;}

.productClass ul li li a{border-bottom:1px solid #ccc;}
.productClass ul li ul{width:260px;margin:0 20px;display:none;float:left;}
.productClass ul li ul li a{width:100%;padding:20px 0;}

.productClass ul ul li mark,.productClass ul ul li span{border-radius:50%;display:block;float:left}
.productClass ul ul li mark{width:8px;height:8px;border:1px solid #9e9e9e;margin:7px;}
.productClass ul ul li span{width:4px;height:4px;background-color:#9e9e9e;margin:2px;}

/** 点击显示当前类别的子类 **/
.productClass ul li.hover ul{display:block;}

/** 点击变色 **/
.productClass ul li:hover p a,.productClass ul li.hover p a,.productClass ul li li:hover a,.productClass ul li li.hover a{color:#009f48;}
.productClass ul li.hover mark.array{color:#ababb1;transform:rotate(90deg);}
.productClass ul ul li:hover mark,.productClass ul ul li.hover mark{border:1px solid #009f48;background-color:#009f48;}
.productClass ul ul li:hover span,.productClass ul ul li.hover span{background-color:#fff;}


/** 产品列表 **/

/** 产品列表 - 内容 **/
.productContent ul li{width:342px;overflow:hidden;margin:15px 27px 0 0;float:left;}
.productContent ul li mark{width:334px;height:334px;padding:3px;border:1px solid #ccc;display:block;float:left;}
.productContent ul li mark img{width:100%;float:left;}
.productContent ul li p{width:100%;height:24px;line-height:24px;text-align:center;font-size:15px;color:#999;margin-top: 10px;float:left;}
.productContent ul li h3{width:100%;height:48px;overflow:hidden;line-height:24px;text-align:center;margin-top:5px;font-size:16px;color:#222;float:left;}

/** 产品列表 - 效果 **/
.productContent ul li:hover mark,.productContent ul li.hover mark{border:1px solid #009f48;background-color:#009f48;}
.productContent ul li:hover h3,.productContent ul li.hover h3{color:#009f48;}
.productContent ul li.active{margin:15px 0 0;}


/** 产品详情 **/
.productAttDisplay{margin-top:80px;float:left;}
.productAttInfoContent span{font-size:18px;}

/**产品大图**/
.productAttDisplayLeft{width:620px;height:620px;border:1px solid #b8b8b8;box-sizing:border-box;background-color:#FFF;float:left;}
.productAttDisplayLeft mark{width:600px;height:600px;margin:10px;display:block;float:left;overflow:hidden;}
.productAttDisplayLeft img{width:600px;margin:0 auto;display:block;float:none;}

/**产品小图**/
.smallImg{width:460px;height:100px;margin:20px 0 0;overflow:hidden;float:left;}
.smallImg ul li{width:98px;height:98px;border:1px solid #ccc;margin:0 15px 0 0;overflow:hidden;float:left;}
.smallImg ul li img{width:98px;}
.smallImg ul li.active{margin:0;}
.smallImg ul li:hover,.RightIden ul li:hover{border:1px solid #009f48;}

/**产品属性**/
.productAttDisplayRight{width:400px;min-height:630px;float:right;}

/**产品属性 - 标题**/
.productAttDisplayRight h3{width:100%;padding:0 0 10px;font-size:25px;line-height:30px;color:#009f48;border-bottom:1px solid #ccc;}

/**产品属性 - 内容**/
.RightAtt ul{width:100%;float:left;margin:20px 0 0;}
.RightAtt ul li{width:100%;padding-bottom:10px;margin-bottom:15px;float:left;border-bottom:1px solid #ccc;}
.RightAtt ul li mark,.productAttDisplayRight ul li span{display:block;font-size: 16px;line-height:20px;padding:0 0 6px;float:left;}
.RightAtt ul li mark{width:130px;color: #009f48;font-weight:bold;}
.RightAtt ul li span{width:270px;color: #222;}

/**产品属性 - 邮箱**/
.RightEmail{width:354px;height:48px;border:1px solid #ccc;padding:22px 22px;background-color:#f2f2f2;margin:3px 0 14px;}
.RightEmail p{width:100%;font-size:15px;color:#333;float:left;}
.RightEmail p.active{font-size:16px;color:#009f48;}

/** 产品属性 - 标识 **/
.RightIden ,.RightIden ul{max-height:202px;height:auto;float:left;}
.RightIden ul li{width:89px;height:89px;border:1px solid #ccc;margin:0 12px 10px 0;overflow:hidden;float:left;}
.RightIden ul li.active{margin:0 0 0;}
.RightIden ul li:nth-child(4n){margin:0;}
.RightIden ul li img{width:100%;}
.RightIden p{width:100%;margin:10px 0 0;float:left;}
.RightIden p a{color:#009f48;}

/** 产品详情 **/
.productAttInfo{width:100%;float:left;margin:50px 0 0;overflow:hidden;}
.productAttInfoHeader{height:40px;background-color:#ddd;float:left;margin:0 0 50px;}
.productAttInfoHeader h3{line-height:40px;background-color:#009f48;font-size:16px;color:#FFF;padding:0 30px;float:left;}