/* CSS Document */

@import url(global.css);
.home_top{ width:100%; height:50px; overflow:hidden;background:#c83c3f;}
.home_top .logo{float:left;}
.home_top .logo img{ height:50px;display:block; margin:0 auto; float:left;}
.home_top .right{ width:50px; height:50px; overflow:hidden; position:absolute; right:0px; top:0px;}
.home_top .right img{height:30px; padding:10px 0;}

/*---------------------------------*/
.addcon{}
.addcon2{ position:relative; padding:0 2%;}
.addcon2 .tit{ position: absolute; width: 45px; border-radius: 0 0 100% 0; padding:5px 15px 15px 10px; position: absolute; top: 0; left: 0; z-index: 1; background: #c83c3f; font-style:italic; z-index:999;}
.addcon2 .tit .t{ font-size: 16px; line-height: 20px; color: #fff;}

.swiper-container {width: 100%; height:auto; overflow: hidden;}
.swiper-slide {text-align: center; font-size: 18px;background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-pack: center;  -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-slide a { display:block;width:100%;}
.swiper-slide img{ display:block;width:100%;height:auto; float:left;}	


/*------*/	
.pronav{ width:96%; height:100%; overflow:hidden; margin:2%; background:#fff;}
.pronav .tit{ width:100%; height:100%; height:50px;}
.pronav .tit a{ width:50%; height:50px; line-height:50px; display:block; float:left; text-align:center; font-size:18px;}
.pronav .tit .hov{ font-weight:bold; color:#fff; background:#c83c3f;}

.pronav .con{ height:100%; overflow:hidden; padding:2% 1.5%;}
.pronav .con li{ width: 32.1%; height: 100%; font-size: 14px; text-align: center; float: left;  margin: 1% 0 0 1%; color: #666; background: #f6f6f6; padding: 3% 0; color: #333;}
.pronav .con li a{ width:100%; height:100%; overflow:hidden; display:block;}
.pronav .con li p{ line-height:30px;}
.pronav .con li .img1{ width:60%;}
.pronav .con li .img2{ width:30%; background:#c83c3f; padding:8%; border-radius: 50%;}

/*---------------------------------*/
.product{ width:96%; height:290px; overflow:hidden; background:#fff; margin:2% 2%; }
.product .title{ width:94%; height: 60px; line-height: 60px; padding:0 3%;}
.product .title h6{ font-size:22px; float:left;}
.product .title h6 font{ color: #c83c3f; }
.product .title span{ height: 24px; line-height: 24px; font-size: 12px; float: right; color: #fff; background: #c83c3f; padding:0 5px; border-radius: 3px; margin-top: 19px;}
.product .title span .rimg{ width: 36px; height: 36px; float: right; padding-top:1px;}
.product .title span a{ color:#fff;}

.product .box{ overflow: hidden; height: 245px; margin:0 3%;}
.product .box::-webkit-scrollbar{ display: none;}
.product ul{ white-space: nowrap;/*文本不会换行，文本会在在同一行上继续*/ overflow-y:auto;/*可滑动*/}
.product ul li{width:166px;height:250px; overflow:hidden; display:block; margin-right:3%; display: inline-block;/*行内块元素*/}
.product ul li a{ width:100%; height:100%; overflow:hidden; display:block;}
.product ul li img{ width:166px; height:166px;}
.product ul li .price{width: 100%; height:20px; line-height:20px; color: #666; font-size:18px; padding-top:5px; }
.product ul li .price font{ font-size:14px;}
.product ul li .price2{width: 100%; color: #ccc; font-size: 12px;text-decoration: line-through; }

/*---新品推荐---*/
.pro_news{ width: 710rpx;  margin: 20rpx;  background: #fff; padding-bottom: 20rpx;}
.pro_news .tit{ width:670rpx; height: 100rpx; line-height: 100rpx;  padding:10rpx 20rpx;}
.pro_news .tit .name{ font-size: 42rpx; float: left; font-weight: 700; color: #333;}
.pro_news .tit .name .t1{ color: #c83c3f; }
.pro_news .tit .name .t2{ color: #999; font-size: 24rpx; font-weight: 400;}
.pro_news .tit .more{ height: 38rpx; line-height: 38rpx; font-size: 24rpx; float: right; color: #fff; background: #c83c3f; padding-left:20rpx; border-radius: 8rpx; margin-top: 33rpx;}
.pro_news .tit .more .rimg{ width: 36rpx; height: 36rpx; float: right; padding-top:1rpx;}
.pro_news .procon{ padding: 0 20rpx 20rpx 20rpx;}
.pro_news .box{white-space: nowrap; width:100%; height: auto; display: flex; z-index: 99; }
.pro_news .box .con{display: inline-block; font-size: 28rpx; width:220rpx;margin-right: 20rpx; position: relative;}
.pro_news .box .con .img{ width: 220rpx; height:220rpx; z-index: 1; }
.pro_news .box .con .bot{ width: 100%; overflow: hidden; padding-top:10rpx; }
.pro_news .box .con .name{ height:36rpx; line-height: 36rpx; overflow: auto; font-size: 24rpx; margin-top:10rpx; white-space: normal; color: #666;}
.pro_news .box .con .price{width: 100%; height:50rpx; color: #666; font-size: 24rpx; }
.pro_news .box .con .price view{  float: left;}
.pro_news .box .con .price text{ font-size:32rpx; padding-left:6rpx;}
.pro_news .box .con .price .news{ width:72rpx; height:30rpx; line-height:30rpx; text-align: center; color:#fff; background:#c83c3f; font-size: 18rpx; border-radius:16rpx 6rpx 6rpx 0; position: absolute; right: 0; bottom: 42rpx;}
.pro_news .box .con .price .news .i{ width:10rpx; height:30rpx; background:#fff;   border-radius:0 0 10rpx 0;}
.pro_news .box .con .price2{width: 100%; height: 30rpx; font-size: 24rpx; color: #ccc; font-size: 24rpx;text-decoration: line-through; }


/*------*/	
.wxshop{ width:100%; height:50px;}
.wxshop a{ width:100%; height:50px; line-height:50px; display:block; text-align:center; font-size:16px; color:#fff; background:#c83c3f;}