/*banner*/
.banner{height:400px}
.banner ul{}
.banner ul li{float:left;height:400px;width:100%;background:url(../img/ShopBaner1.jpg) no-repeat center;}

/*楼F*/
.floor{width:100%;height:603px;margin-top:1px}

.floor .f_title{height:60px;line-height:60px;width:1200px;}
.floor .f_title span{font-size:24px;}
.floor .f_title span i{color:#62b900}
.floor .f_title strong{float:right;height:14px;line-height:14px;font-weight:normal;margin-top:20px}
.floor .f_title strong a{float:left;margin-left:10px;padding-left:10px;color:#999;font-size:12px;border-left:1px solid #e1e1e1}
.floor .f_title strong a.active{color:#62b900}

.floor .f_pro{height:543px;width:100%}
.floor .f_pro .f_pro_l{float:left;width:199px;height:541px;border:1px solid #ededed;background: #f9f9f9;border-right:none}
.floor .f_pro .f_pro_l img{width:199px}
.floor .f_pro .f_pro_l p{height:80px;margin-top:15px;line-height:40px}
.floor .f_pro .f_pro_l p a{display:inline-block;width:98px;text-align:center;color:#333;font-size:12px;}
.floor .f_pro .f_pro_l p a:hover{color:#62b900}
.floor .f_pro .f_pro_r{float:left;width:1000px;height:543px;border-top:1px solid #ededed;}
.floor .f_pro .f_pro_r ul{width:1000px;}
.floor .f_pro .f_pro_r ul li{float:left;width:199px;height:270px;border:1px solid #ededed;border-width:0 1px 1px 0;position:relative;}
.floor .f_pro .f_pro_r ul li .f_pro_r_con{height:270px;width:199px;position:absolute;z-index:9;top:0;left:0}
.floor .f_pro .f_pro_r ul li .f_pro_r_con>a{display:block;width:159px;height:159px;margin:20px 20px 0 20px;overflow:hidden;}
.floor .f_pro .f_pro_r ul li .f_pro_r_con>a img{width:159px;height:159px;transition:0.3s;}
.floor .f_pro .f_pro_r ul li .f_pro_r_con h4{height:40px;padding:0 10px;margin:10px 0;overflow:hidden;}
.floor .f_pro .f_pro_r ul li .f_pro_r_con h4 a{font-size:12px;color:#353535;}
.floor .f_pro .f_pro_r ul li .f_pro_r_con h4 a:hover{color:#62b900}
.floor .f_pro .f_pro_r ul li .f_pro_r_con p{line-height:20px;}
.floor .f_pro .f_pro_r ul li .f_pro_r_con p strong{font-weight:normal;font-size:14px;color:#62b900;padding-left:10px}
.floor .f_pro .f_pro_r ul li .f_pro_r_con p span{float:right;padding-right:10px;}
.floor .f_pro .f_pro_r ul li .f_pro_r_con p span a{float:left;width:20px;height:20px;margin-left:8px;transition:0.3s;}
.floor .f_pro .f_pro_r ul li .f_pro_r_con p span a.car{background:url(../img/cat_icon.png) no-repeat -20px top;}
.floor .f_pro .f_pro_r ul li .f_pro_r_con p span a.in{background:url(../img/cat_icon.png) no-repeat left top;}
.floor .f_pro .f_pro_r ul li .f_pro_r_con p span a:hover{background-position-y:-20px;}
.floor .f_pro .f_pro_r ul li .f_pro_r_sh{height:270px;width:199px;position:absolute;top:0;left:0;}
.floor .f_pro .f_pro_r ul li:hover .f_pro_r_sh{top:-3px;left:-3px;width:205px;height:276px;box-shadow:0 0 6px #ccc;z-index:2;background:white;border:1px solid #ededed\9\0;transition:0.3s; }
.floor .f_pro .f_pro_r ul li .f_pro_r_con>a:hover img{transform:scale(1.1);}

.ybox{height:100px;margin:60px 0 20px 0;background:#fafafa;border-top:1px solid #ebebeb;position:relative;}
.ybox p{position:absolute;height:48px;line-height:48px;width:178px;font-size:24px;border:1px solid #ededed;border-radius:24px;text-align:center;left:50%;margin-left:-90px;margin-top:-25px;background:white;}

/*楼层定位*/
.floor_pos{position:fixed;z-index:999;top:50%;margin-top:-200px;left:-50px;user-select:none}
.floor_pos ul{position:relative;}
.floor_pos ul li{width:60px;left:0;height:60px;margin-top:5px;border:1px solid #E6E6E6;position:relative;transition:left 0.5s 0s;}
.floor_pos ul li a{float:left;width:60px;height:60px;text-align:center;line-height:60px;font-size:24px}
.floor_pos ul li:hover{background:#62b900;left:50px}
.floor_pos ul li:hover a{color:white;}
.floor_pos ul li.on{background:#62b900;left:50px}
.floor_pos ul li.on a{color:white;}