/*产品展示*/
.pro-center{width: 100%;height: auto;overflow: hidden;padding: 85px 0 30px 0;background: #ffffff;}
.pro-center .title{font-size: 34px;text-align: center;padding-bottom: 5px;color: #333333;letter-spacing: 1px;}
.pro-center .sub-title{font-size: 20px;text-align: center;color: #333333;}
.pro-center .sub-title span{display: inline-block;height: 30px;line-height: 30px;width: auto;}
.pro-center .sub-title span.text{padding: 0 10px;}
/*产品展示左侧*/
.pro-left{    float: left;
    width: 210px;
    box-sizing: border-box;
   
   }
.pro-content{width: 100%;padding-top: 40px;}
.pro-right{float: right;width: 990px;}
.pro-left .left-title{background: #317fff;height: 110px;line-height: 110px;text-align: center;}
.pro-left .left-title span{display: inline-block;color: #FFFFFF;font-size: 24px;font-weight: bold;}
.pro-left .left-title span.text{padding: 0 10px;}
.pro-left .left-category ul li{height: 81.4px;line-height: 81.4px;font-size: 14px;text-align: center;cursor: pointer;color: #333333;    background-color: #f7f8fa;}
.pro-left .left-category ul li.on{background: #ffffff;color: #3333333;}
.pro-left .left-category ul li:hover{background: #ffffff;color: #333333;}
.pro-left .left-contact {margin-top: 37px;margin-bottom: 37px;text-indent: 70px;background: url(../image/tel.png) left 20px center no-repeat;}
.pro-left .left-contact p{color: #317fff;font-size: 14px;}
.pro-left .left-contact p.tel{font-size: 20px;padding-top: 10px;}
/*产品展示右侧*/
.pro-right{display: none;}
.pro-right ul li{float: left;
    width: 329px;
    border: 1px solid #f7f7f7;
    margin-right: 0px;
    box-sizing: border-box;
    margin-bottom: 0px;
    transition: all .3s linear;}
.pro-right ul li:nth-child(3n){margin-right: 0;}
.pro-right ul li .img{width:100%;overflow: hidden;}
.pro-right ul li img{width:100%;}
.pro-right ul li p{height: 114px;line-height: 20px;font-size: 14px;color: #333333;    padding: 10px; width: 90%;}
.pro-right.active{display: block;}


.left-category ul {
       border: 1px solid #f7f7f7;
}



.pro-right ul li a{
    display: flex;
}



.pro-left .left-category ul li.on:after{    content: "";
    font-size: 12px;
    position: absolute;
    bottom: 0px;
    right: calc(0% - 2.5px);
    font-weight: 300;
    width: 2px;
    height: 81px;
    background: #ffffff;}




.on{position: relative;}