/* CSS Document */


/*main*/
.main{width:100%;height: auto;padding-bottom: 70px;}
.main .left{width: 200px;height: auto;}
.main .h2{line-height: 100px;font-size: 20px;font-weight: bold;}
.main .left .aul{width:100%;height: auto;}
.main .left .aul .ali{margin-bottom:10px;}
.main .left .aul .ali a{width:200px;height: 46px;line-height: 46px;color: #999999;font-size: 16px;display: inline-block;background: #f6f6f6;text-align: center;}
.main .left .aul .ali a:hover ,.main .left .aul .ali.current a{background:#000000;color: #FFFFFF}

/*产品类别*/
.main .left{background: #fff;border-radius: 10px;box-sizing: border-box;padding: 20px 0px;font-size:14px;color: #515151;line-height: 40px;}
.top_bar{width:100%;height: auto;}
.one_bar {display:block;font-size: 18px;line-height: 30px;overflow:hidden;height: auto;padding: 20px 0;width:100%;border-bottom: 1px solid #f2f2f2;color: #000000;}
.two_bar {display:none;width: 100%;height: auto;padding-left: 13px;border-bottom: 1px solid #f2f2f2;padding-top: 2px;padding-bottom: 12px;box-sizing: border-box;}
.two_bar li{line-height: 20px;font-size: 16px;margin:10px 0;}
.two_bar li a{color: #515151;font-size: 16px;display:flex;justify-content:space-between}
/*.two_bar li:before{content:'';margin-right: 5px;display: inline-block;width:3px;height: 3px;background: #999999;vertical-align: middle;}*/
.main .left .icn{width:15px;height: 30px;float: right;display: inline-block;background-image: url("../images/icn-03.png");background-size: 15px 15px;background-position: center;background-repeat: no-repeat;transform:rotate(0deg);}
.currnt-cate{border:none;}
.main .left .currnt-cate .icn{transform:rotate(90deg)}
.two_bar li a:hover {color:#000000}
.two_bar li .current{color:#d61419}

.right_con{width:960px;float: right;}
.right_con .fs_22{width:100%;font-size: 22px;color: #333333;line-height: 120px;text-indent: 20px; }
.right_con .fs_222{text-indent: 7px; }

/*品牌*/
.brand_list{width:100%;height: auto;box-sizing: border-box;padding-left: 5px;}
.brand_li {width:120px;height: 130px;position: relative;margin-left: 20px;margin-bottom: 20px;margin-top:0px; cursor: pointer;}
.brand_li .brand_lii{ width:100%; height:100%; margin-top:0px}
/*.brand_li .img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}*/
.brand_li .img {
    width: 120px;
    height: 120px;
    box-sizing: border-box;
    border: 1px solid #eeeeee;
}
.brand_li .brand_title { width:100%; text-align:center;  height:50px;  line-height:50px}
/*.brand_li .brand_mask{width:100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;color: #FFFFFF;text-align: center;opacity: 0;overflow: hidden;}
.brand_li .fs_14{font-size:14px;width: 100%;text-align: center;position: absolute;bottom: -40px;left: 0;transition-delay: .2s;color:#FFF}
.brand_li .icn{width:100%;position: absolute;bottom: -25px;text-align: center;transition-delay: .5s;}
.brand_li .icn .icn_img{width: 21px;height: 21px;display: inline-block}*/

/*滑过效果*/
.brand_lii:hover{margin-top:-20px; }
/*.brand_li:hover>.brand_mask{background: rgba(0,0,0,0.7);opacity: 1}
.brand_li:hover>.brand_mask .fs_14{bottom:55px;top: auto}
.brand_li:hover>.brand_mask .icn{bottom:20px;}*/



/*比例*/
scale_list{width:100%;height: auto;}
.scale_list .s_li{width:310px;height: 210px;box-sizing: border-box;margin-left: 22px;margin-bottom: 25px; margin-top:0px}
.scale_list .s_li .s_lia{ display:block; width:100%; height:100%; margin-top:0px}
.s_li .s_img{width:310px;height: 160px;}
.s_li .s_name{width:310px;height: 50px; line-height:50px; text-align:center; background:#f6f6f6}
.s_li:hover>.s_lia{margin-top:-20px; }
/*.scale_list{width:100%;height: auto;}
.scale_list .s_li{width:474px;height: 200px;position: relative;box-sizing: border-box;border: 1px solid #eeeeee;overflow: hidden;margin-left: 25px;margin-bottom: 25px;}
.s_li .s_img{width:100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
.s_li .s_mask{width:100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background-image: url("../images/scale_bg.png");background-repeat: no-repeat;background-position: right;background-size: 248px 200px;text-align: right;box-sizing: border-box;padding-right: 20px;cursor: pointer;}
.s_li .s_mask .fs_22{width:100%;font-size: 22px;color: #333333;margin-top: 20px;line-height: 36px;}
.s_li .s_mask .fs_14_333{width:100%;font-size: 14px;color: #333333;line-height: 32px;}
.s_li .s_mask .fs_14_999{width:100%;font-size: 14px;color: #999999;line-height: 22px;}
.s_li .s_mask .to{width:21px;height: 21px;display: block;background-image: url("../images/trun2.png");background-repeat: no-repeat;background-size: contain;background-position: center;margin-top: 14px;}*/

/*滑过效果*/
/*.s_li:hover{box-shadow:0 0 15px rgba(0,0,0,0.1);}
.s_li:hover>.s_img{transform:rotate(-15deg) scale(2)}
.s_li .s_mask p:hover{color:#333333;font-weight: bold}*/



/*main*/
.main1{width:100%;height: auto;}
.main1 .h2{line-height: 100px;}
.main1 .right_con{width:960px;}
.main .left2{width:220px;height: auto; padding-top:40px}
.main .left2 .h2{width:100%;height: auto;font-size: 22px;color: #333333;line-height: 40px;}
.main .left2 .aul{width:100%;height: auto;}
.main .left2 .aul .ali{width:100%}
.main .left2 .aul .ali a{width:100%;height: auto;line-height: 36px;color: #333333;font-size: 16px;display: inline-block;}
.main .left2 .aul .ali a:hover{font-weight:bold;}
.main .left2 .aul .ali .current{color:#000;margin:10px 0;padding-left:15px;border-left:4px solid #333333;font-weight:bold;}
.main .plist{width: 960px;margin-top:0px;}
.main .plist .pli{width: 312px;height: auto;margin-left: 7px;margin-bottom: 20px;}
.main .pli .pimg{width: 310px;height: 310px;overflow: hidden;border: 1px solid #eeeeee;display: flex;align-items: center;justify-content: center;}
.main .pli .pimg img{max-width: 100%;max-height: 100%;width: auto;height: auto;}
.main .pli .msg{width:100%;height: 60px;line-height: 30px;color: #333333;font-size: 16px;text-align: center;margin-top: 8px;}
.main .pli .msg .fs_1622{width:100%;}

.main .plist .pli:hover .pimg{box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.main .plist .pli:hover .pimg img{
	 transform:scale(1.06);
    -ms-transform:scale(1.06); 	/* IE 9 */
    -moz-transform: scale(1.06);	/* Firefox */
    -webkit-transform: scale(1.06); /* Safari 和 Chrome */
    -o-transform: scale(1.06); 	/* Opera */
}

















