﻿/* CSS Document */


/*首页轮播*/
.index-banner{width:100%;height: 450px;border-radius: 10px;overflow: hidden;position: relative;}
.index-banner .arrow-left { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px;z-index: 9; }
.index-banner .arrow-right { background: url(../images/arrows.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index: 9; } 
.index-banner .swiper-container { height: 100%; width: 100%; } 
.index-banner .pagination { position: absolute; left: 0; text-align: center; bottom:5px; width: 100%;z-index: 9; } 
.index-banner .swiper-pagination-switch { display: inline-block; width: 12px; height: 12px; border-radius: 10px; background: rgba(255,255,255,0.5); margin: 0 3px; cursor: pointer; } 
.index-banner .swiper-active-switch { background: #fff; }

/*产品类别*/
.p-left{width:260px;height: auto;}
.p-title{width:100%;height: auto;line-height: 70px;font-size: 18px;font-weight: bold;color: #000;box-sizing: border-box;}
.p-title .more{color:#999;font-weight: lighter;font-size: 14px;}
.p-left .category{width:100%;height: auto;background: #fff;border-radius: 10px;box-sizing: border-box;padding:20px 30px;font-size:14px;color: #515151;line-height: 40px; }
.top_bar{width:100%;height: auto;}
.li1 {
    border-bottom: 1px solid #f2f2f2;
}
.one_bar {
    display: block;
    font-size: 14px;
    line-height: 40px;
    overflow: hidden;
    height: 40px;
    width: 100%;
  /*  border-bottom: 1px solid #f2f2f2;*/
    color: #515151;
}
.two_bar { display:none; width: 100%; height: auto; padding-left: 13px; /*border-bottom: 1px solid #f2f2f2;*/ padding-top: 2px; padding-bottom: 12px;  }
.two_bar li{line-height: 26px;font-size: 14px;}
.two_bar li a{color: #515151;font-size: 14px;}
    .two_bar li a .icn {
        width: 15px;
        height: 15px;
    }
    .two_bar li:before {
        content: '';
        margin-right: 5px;
        display: inline-block;
        width: 3px;
        height: 3px;
        background: #999999;
        vertical-align: middle;
    }
.icn{width:15px;height: 40px;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;}
.currnt-cate .icn{transform:rotate(90deg)}

/*二维码*/
.code{width:260px;height: auto;box-sizing: border-box;padding: 23px 23px 0 23px;background: #fff;border-radius: 10px;margin-top: 10px;margin-bottom: 20px;}
.code img{width:214px;height: 214px;}
.code p{width:100%;text-align: center;font-size: 14px;line-height: 36px;color: #515151;}


/*右侧*/
.p-right{width: 930px; height: auto;}
.p-right .p-title{padding-left: 10px;}
.pro-banner{width:100%;height: 300px;position: relative;}
.pro-banner .swiper-container { height: 100%; width: 100%; } 
.pro-banner .pagination {position: absolute;right: 0;text-align: right;top: -38px;z-index: 9;height: 8px;} 
.pro-banner .swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;border-radius: 10px;background: rgba(0,0,0,0.3);margin: 0 3px;cursor: pointer;float: left;} 
.pro-banner .swiper-active-switch { background: #000; }

.pitem{width:300px;height:auto;border-radius: 10px;overflow: hidden;background: #fff;margin-left: 10px;}
.pitem .pimg{width:100%;height: 300px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.pitem .pimg img{width:auto;height: auto;max-width: 100%;max-height: 100%;transition: .4s all;}
.pitem:hover>.pimg img{transform:scale(1.04);-webkit-transform:scale(1.04);}
.pitem .ptxt{width:100%;height: auto;padding: 5px 0;text-align: center;}
.pitem .ptxt .pname{width:100%;height: 24px;overflow: hidden;text-overflow: ellipsis;font-size: 14px;color: #333;line-height: 24px;}
.pitem .ptxt .pitemno{width:100%;height: auto;line-height: 26px;font-size: 14px;color: #999999;}

.plist{width:100%;margin-bottom: 10px;height: auto;}
.plist .pitem{margin-bottom:10px;}


