.container{margin: 0 auto;}
/*产品展示*/
.pro-center{width: 100%;height: auto;overflow: hidden;padding: 35px 0 30px 0;background: none;}
.pro-center .title{font-size: 36px;text-align: center;padding-bottom: 5px;font-weight: 800;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;    font-size: 16px;}
.pro-center .sub-title span.text{padding: 0 10px;}
/*产品展示左侧*/
.pro-left{width: auto;max-width:300px;padding:10px 24px;box-sizing: border-box;box-shadow: 0px 10px 10px #f7f7f7;background:#fff;}
.pro-content{width: 100%;padding-top: 20px;display:flex;}
.pro-right{width: auto;}
.pro-left .left-title{height: auto;line-height: 40px;text-align: left;}
.pro-left .left-title span{display: inline-block;color: #333;font-size: 16px;font-weight: bold;}
.pro-left .left-title span.text{padding: 0 1px;}
.pro-left .left-category ul li{    word-break: break-word;margin-top:5px;height: auto;    font-weight: 800;line-height: 26px;font-size: 16px;text-align: left;cursor: pointer;color: #999999;}
.pro-left .left-category ul li.on{color: #333;}
.pro-left .left-category ul li:hover{color: #333;}
.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-top{width:100%;height:auto;}
.toplm{margin:20px auto;width:auto;display:table;background-color: rgb(233 235 238/var(--tw-bg-opacity, 1));padding: 4px;border-radius: 4px;}
.toplm ul li{float:left;
    padding-left: 16px;
    padding-right: 16px;
           font-weight: 700;
            font-size: 16px;
}
.toplm ul li a{ font-size: 16px;color:#333;    font-weight: 700;}
.pro-top .left-title{background: #317fff;height: 110px;line-height: 110px;text-align: center;}
.pro-top .left-title span{display: inline-block;color: #FFFFFF;font-size: 24px;}
.pro-top .left-title span.text{padding: 0 10px;}
.pro-top .toplm ul li{height: auto;line-height: 35px;font-size: 16px;text-align: center;cursor: pointer;color: #333;border-radius:5px;}
.pro-top .toplm ul li.on{background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));color: #333;}
.pro-top .toplm ul li:hover{background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));color: #333;}
.pro-top .left-contact {margin-top: 37px;margin-bottom: 37px;text-indent: 70px;background: url(../image/tel.png) left 20px center no-repeat;}
.pro-top .left-contact p{color: #317fff;font-size: 14px;}
.pro-top .left-contact p.tel{font-size: 20px;padding-top: 10px;}




/*产品展示右侧*/
.pro-right{display: none;}
.pro-right ul li{float: left;width: 300px;background: #fff;border-radius:8px;margin-left: 40px;box-sizing: border-box;margin-bottom: 35px;transition: all .3s linear;}
.pro-right ul li:nth-child(3n){margin-right: 0;}
.pro-right ul li .img{width:100%;height:230px;overflow: hidden;}
.pro-right ul li img{max-width:100%;height:100%;    margin: 0 auto;}
.pro-right ul li p{margin:20px 32px;height: 60px;font-size: 20px;font-weight:800;line-height: 30px;text-align: left;color: #333333;}
.pro-right.active{display: block;}
.pro-right ul li:hover{box-shadow: 0px 0px 15px #c6c6c6;transition: all .2s linear;}