/* banner图位置样式重叠改写 */
#pro_index_banner .layui-carousel-ind ul{
    background: none;
}
#pro_index_banner .layui-carousel-ind li{
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 0;
    margin: 0 6px;
}
#pro_index_banner .layui-carousel-ind li.layui-this{
    background: #00a0e9;
}
#pro_index_banner .layui-carousel-ind{
    width: 1014px;
    margin-left: 235px;
}
.pro_index_banner{
    position: relative;
    height: 470px;
}
.pro_index_nav{
    position: absolute;
    top: 0;
    left: 0;
    width: 235px;
    height: 470px;
    background: rgba(0,0,0,.5);
}
.pro_index_nav>ul>li{
    height: 36px;
    line-height: 36px;
    font-size: 15px;    
    margin-top: 7px;
}
.pro_index_nav>ul>li>a{
    color: #fff;
    display: block;
    padding: 0 23px 0 27px;
    position: relative;
}
.pro_index_nav>ul>li>a::after{
    content: '>';
    font-family: '宋体';
    position: absolute;
    right: 27px;
    top: 50%;
    transform: translateY(-50%);
}
.pro_index_nav>ul>li:hover>div{
    display:block;
}
.pro_index_nav>ul>li>div{
    position: absolute;
    top: 0;
    left: 235px;
    display: none;
}
.pro_index_nav>ul>li>div>ul{
    background: #fff;
    width: 255px;
    height: 470px;
    float: left;
    border: 1px solid #d2d2d2;
    margin-left: -1px;
}
.pro_index_nav>ul>li>div>ul li{
    height: 117px;
    padding: 13px 20px;
}
.pro_index_nav>ul>li>div>ul li .pic{
    width: 85px;
    height: 85px;
    overflow: hidden;
    float: left;
}
.pro_index_nav>ul>li>div>ul li .txt{
   width: 115px;
   float: right;
   margin-top: 8px;
}
.pro_index_nav>ul>li>div>ul li .txt p{
    line-height: 1.5;
    font-size: 14px;
    height: 42px;
    overflow: hidden;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.pro_index_nav>ul>li>div>ul li .txt a{
    width: 59px;
    height: 24px;
    line-height: 24px;
    display: block;
    font-size: 14px;
    text-align: center;
    color: #00a0e9;
    border: 1px solid #00a0e9;
    margin-top: 10px;
}
.pro_index_nav>ul>li>div>ul li .pic img{
    height: 100%;
}
.pro_index_nav>ul>li:hover{
    background: #00a0e9;
}
.pro_index_nav>ul>li>div>ul li.more a{
    display: block;
    width: 135px;
    height: 24px;
    line-height: 24px;
    border:1px solid #00a0e9;
    color:#00a0e9;
    font-size: 14px;
    text-align: center;
    margin: 0 auto;
}
.pro_index_banner_down .pro_index_icon{
    width: 235px;
    height: 171px;
    background: #00a0e9;
    padding: 6px 8px;
}
.pro_index_banner_down .pro_index_ad{
    width: 998px;
    height: 171px;
}
.pro_index_banner_down .pro_index_icon ul li{
    width: 33.33333%;
    float: left;
    height: 79.5px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.pro_index_banner_down .pro_index_icon ul li:nth-child(3n){
    border-right: none;
}
.pro_index_banner_down .pro_index_icon ul li:nth-last-child(1),
.pro_index_banner_down .pro_index_icon ul li:nth-last-child(2),
.pro_index_banner_down .pro_index_icon ul li:nth-last-child(3){
    border-bottom: none;
}
.pro_index_banner_down .pro_index_icon ul li a{
    color: #fff;
    font-size: 12px;
    text-align: center;
    display: block;
    padding-top: 10px;
}
.pro_index_banner_down .pro_index_icon ul li a::before{
    content: '';
    display: block;
    width: 35px;
    height: 35px;
    margin: 0 auto;
}
.pro_index_banner_down .pro_index_icon ul li:nth-child(1) a::before{
    background: url('../images/proicon10.png') no-repeat;
}
.pro_index_banner_down .pro_index_icon ul li:nth-child(2) a::before{
    background: url('../images/proicon8.png') no-repeat;
}
.pro_index_banner_down .pro_index_icon ul li:nth-child(3) a::before{
    background: url('../images/proicon6.png') no-repeat;
}
.pro_index_banner_down .pro_index_icon ul li:nth-child(4) a::before{
    background: url('../images/proicon4.png') no-repeat;
}
.pro_index_banner_down .pro_index_icon ul li:nth-child(5) a::before{
    background: url('../images/proicon2.png') no-repeat;
}
.pro_index_banner_down .pro_index_icon ul li:nth-child(6) a::before{
    background: url('../images/proicon12.png') no-repeat;
}
.pro_index_banner_down .pro_index_ad ul li{
    width: 322px;
    float: left;
    margin-right: 16px;
}
.pro_index_banner_down .pro_index_ad ul li:last-child{
    margin-right: 0px;
}
.pro_index_rec{
    background: #f6f6f6;
}
.pro_index_rec .pro_rec_list h3.title{
    line-height: 34px;
    padding: 0 !important;
    height: 42px;
    font-size: 22px;
    border: 4px solid #00a0ea;
    width: 194px;
    margin: auto;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
  
}
.pro_rec_list{
	position:relative;
  
}
.pro_rec_list h3.title a{
	position:absolute;
  	right:0;
  	
}
.pro_index_rec .pro_rec_list h3.title>a{
    float: right;
    font-size: 16px;
}
.pro_index_rec .pro_rec_list h3.title a::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 19px;
    height: 17px;
    background: url('../images/pro_more_icon.png') no-repeat;
    margin-left: 8px;
}
.pro_index_rec .pro_rec_list>ul>li{
    float: left;
    width: 235px;
    height: 400px;
    background: #fff;
    padding:0 13.5px;
    position: relative;
}
.pro_index_rec .pro_rec_list>ul>li:last-child{
    margin-right: 0;
}
.pro_new::before{
    content: '新品';
    display: block;
    width: 69px;
    height: 20px;
    background: #05d62c;
    color: #fff;
    font-size: 14px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}
.pro_hot::before{
    content: '热销';
    display: block;
    width: 69px;
    height: 20px;
    background: #fc0303;
    color: #fff;
    font-size: 14px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}
.pro_index_rec .pro_rec_list>ul>li>.pic{
    width: 208px;
    height: 208px;
    overflow: hidden;
    margin-bottom: 18px;
    margin-top: 73px;
}
.pro_index_rec .pro_rec_list>ul>li>.pic img{
    height: 100%;
}
.pro_index_rec .pro_rec_list ul>li>.txt{
    font-size: 14px;
    text-align: center;
}
.pro_index_rec .pro_rec_list>ul>li>.txt h3 a{
    color: #00a0e9;
}
.pro_index_rec .pro_rec_1 .pro_rec_ad,
.pro_index_rec .pro_rec_1>ul>li{
    margin-right: 18px;
}
.pro_index_rec .pro_rec_1 .pro_rec_ad{
    width: 235px;
    height: 400px;
    overflow: hidden;
}
.pro_index_rec .pro_rec_1 .pro_rec_ad img{
    height: 100%;
}
.pro_index_rec .pro_rec_1 ul li:last-child{
    background: #f6f6f6;
    padding: 0;
}
.pro_index_rec .pro_rec_1 ul li:last-child>div{
    position: relative;
}
.pro_index_rec .pro_rec_1 ul li:last-child>div{
    height: 192px;
    background: #fff;
    overflow: hidden;
    padding: 40px 15px;
}
.pro_index_rec .pro_rec_1 ul li:last-child>div.pro{
    margin-bottom: 16px;
}
.pro_index_rec .pro_rec_1 ul li:last-child>div.pro .txt{
    width: 80px;
    text-align: left;
    line-height: 1.5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.pro_index_rec .pro_rec_1 ul li:last-child>div.pro .txt h3 a{
    color: #00a0e9;
}
.pro_index_rec .pro_rec_1 ul li:last-child>div.pro .pic{
    width: 116px;
    height: 116px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}
.pro_index_rec .pro_rec_1 ul li:last-child>div.pro .pic img{
    height: 100%;
}
.pro_index_rec .pro_rec_1 ul li:last-child>div.more{
    /* margin-top: 16px; */
}
.pro_index_rec .pro_rec_1 ul li:last-child>div.more .pic{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}
.pro_index_rec .pro_rec_1 ul li:last-child>div.more .txt{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    
}
.pro_index_rec .pro_rec_1 ul li:last-child>div.more .pic img{
    width: auto;
    height: auto;
}
.pro_index_rec .pro_rec_1 ul li:last-child>div.more .txt h3{
    font-size: 24px;
    margin-bottom: 5px;
}
.pro_index_rec .pro_rec_1 ul li:last-child>div.more .txt p{
    font-size: 12px;
    color: #999;
}
.pro_index_rec .pro_rec_2 .pro_rec_ad{
    width: 488px;
    height: 400px;
    overflow: hidden;
}
.pro_index_rec .pro_rec_2 .pro_rec_ad img{
    height: 100%;
}
.pro_index_rec .pro_rec_2 .pro_rec_ad,
.pro_index_rec .pro_rec_2>ul>li{
    margin-right: 18px;
    margin-bottom: 18px;
}
.pro_index_rec .pro_rec_2>ul>li:nth-child(4){
    margin-right: 0;
}
.pro_index_rec .pro_rec_2 .pro_rec_ad:last-child{
    margin-right: 0;
}
.pro_index_rec .pro_rec_3 ul li.more{

}
.pro_index_rec .pro_rec_3 ul li.more .txt{
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 30px;
}
.pro_index_rec .pro_rec_3 ul li.more .pic{
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 30px;
}
.pro_index_rec .pro_rec_3 ul li.more .txt h3{
    font-size: 24px;
    margin-bottom: 5px;
}
.pro_index_rec .pro_rec_3 ul li.more .txt p{
    color: #999;
}
.pro_index_rec .pro_rec_3 ul li.more .pic img{
    width: auto;
}
.pro_index_rec .pro_rec_3 .pro_rec_ad,
.pro_index_rec .pro_rec_3 ul li{
    margin-right: 18px;
}
.pro_index_rec .pro_rec_3 ul li:last-child{
    margin-right: 0;
}
.pro_index_rec .pro_rec_4 .pro_rec_ad,
.pro_index_rec .pro_rec_4 ul li{
    margin-right: 18px;
}