.proVideo{
	margin-top: 0.7rem;
}
.proVideoBox{
	height: 8.75rem;
}
.watch{
	background-color: #333333;
	/* height: 4.5rem; */
	margin-top: 0.7rem;
}
.wachBox{
	width: 14rem;
	margin: 0 auto;
	padding-top: 0.99rem;
	padding-bottom: 1.1rem;
	color: #fff;
	display: flex;
}
.watchLeft{
	width: 6.4rem;
}
.watchTitle{
	font-size: 0.36rem;
}
.watchSub{
	margin-top: 0.1rem;
	font-size: 0.24rem;
}
.watchText{
	margin-top: 0.8rem;
}
.watchText2{
	margin-top: 0.1rem;
}
.watchRight{
	padding-top: 1.01rem;
	margin-left: 0.8rem;
}

.product{
	background-color: #000;
}
.productBox{
	width: 14rem;
	margin: 0 auto;
}
.productLeft{
	width: 14rem;
	height: 6.2rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.productRight{
	width: 14rem;
	height: 6.2rem;
	margin: 0 auto;
	display: flex;
}

.productTitle{
	max-width: 6rem;
}

.productTitle_title{
	padding-top: 2.2rem;
	font-size: 0.36rem;
	color: #fff;
}
.productTitle_subtitle{
	margin-top: 0.15rem;
	font-size: 0.32rem;
	color: #F2F2F2;
}
.product_Text{
	font-size: 0.16rem;
	margin-top: 0.39rem;
	color: #F2F2F2;
}

.productTitleBtn{
	margin-top: 0.44rem;
	width: 1.08rem;
	height: 0.38rem;
	border: 0.01rem solid #FFFFFF;
	font-size: 0.16rem;
	color: #FFFFFF;
	background: rgba(255, 255, 255, 0);
}

.productTitleBtn:hover{
	color: #000;
	background: #fff
}

.productimg{
	width: 7rem;
}

.productRight_title{
	margin-top: 2.2rem;
	margin-left: 0.3rem;
	font-size: 0.36rem;
	color: #fff;
}

.productRight_subtitle{
	margin-left: 0.3rem;
	padding-top: 0.05rem;
	font-size: 0.32rem;
	color: #F2F2F2;
}
.productRight_Text{
	font-size: 0.16rem;
	margin-top: 0.39rem;
	margin-left: 0.3rem;
	color: #F2F2F2;
}
.productRightBtn{
	margin-top: 0.44rem;
	margin-left: 0.3rem;
	width: 1.08rem;
	height: 0.38rem;
	border: 0.01rem solid #FFFFFF;
	font-size: 0.16rem;
	color: #FFFFFF;
	background: rgba(255, 255, 255, 0);
}

.productRightBtn:hover{
	color: #000;
	background: #fff
}

.introduce{
	background-color: #333333;
}

.introduce_box{
	width: 14rem;
	height: 3.35rem;
	margin: 0 auto;
	display: flex;
}

.introduce_box_left{
	width: 6.4rem;
}

.introduce_title{
	padding-top: 0.58rem;
	font-size: 0.32rem;
	color: #fff;
}

.introduce_subtitle{
	margin-top: 0.1rem;
	font-size: 0.28rem;
	color: #fff;
}

.introduce_box_right{
	width: 6.4rem;
	margin-top: 0.71rem;
	margin-left: 0.45rem;
}

.introduceText{
	font-size: 0.16rem;
	color: #FFFFFF;
	line-height: 0.28rem;
}

.breaker-parallax {
    position: relative;
    height: 4.8rem;
    overflow: hidden;
}

.breaker-parallax__image {
    /*height: 150%;*/
    /*left: 0;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*width: 100%;*/
    /*-webkit-transform: translateZ(0);*/
    /*transform: translateZ(0);*/
    object-fit: cover;
}

.parameter{
	background-color: #000;
}

.parameterBox{
	width: 14rem;
	margin: 0 auto;
	padding-top: 1.12rem;
	padding-bottom: 1rem;
	color: #fff;
}

.parameterTitle{
	font-size: 0.32rem;
}

.parameterSub{
	margin-top: 0.1rem;
	font-size: 0.28rem;
}

.diameter{
	margin-top: 0.6rem;
	display: flex;
	justify-content: space-between;
}
.diameter div{
	width: 2.65rem;
}
.diameterTitle{
	font-size: 0.24rem;
}
.diameterText{
	font-size: 0.2rem;
}
.advantage{
	/*background-color: #B7FE00;*/
	background-image: url('../img/pro/proBg.jpg');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 4.85rem;
}
.advantageBox{
	width: 14rem;
	margin: 0 auto;
}
.yourAdvantage{
	font-size: 0.32rem;
	padding-top: 1.4rem;
	text-align: center;
}
.advantageContent{
	margin-top: 0.6rem;
	display: flex;
	justify-content: space-between;
}
.adImg{
	width: 0.46rem;
	height: 0.46rem;
	margin: 0 auto;
	margin-bottom: 0.57rem;
}

.parameter_details{
	display: flex;
	justify-content: space-between;
	margin-top: 0.6rem;
}

.detailsImg{
	width: 4.06rem;
	height: 3.6rem;
}

.detailsName{
	margin-top: 0.55rem;
	font-size: 0.24rem;
}

.detailsText{
	margin-top: 0.05rem;
	font-size: 0.2rem;
	color: #f2f2f2;
}

.detailsText2{
	margin-top: 0.35rem;
	font-size: 0.16rem;
	color: #f2f2f2;
}

.detailsBtn{
	margin-top: 0.44rem;
	width: 1.08rem;
	height: 0.38rem;
	border: 0.01rem solid #FFFFFF;
	font-size: 0.16rem;
	color: #FFFFFF;
	background: rgba(255, 255, 255, 0);
}
.detailsBtn:hover{
	color: #000;
	background: #fff
}

/* 产品分类列表 */
        .ProBread{
            width: 100%;
            /*height: 0.8rem;*/
            background: #333;
            margin-top: .7rem;
            padding: .18rem 0;
        }
        .breadBox{
            width: 14rem;
            margin: 0 auto;
            display: flex;
            /*align-items: center;*/
            flex-wrap: wrap;
        }
        .breadTit{
            font-family: Microsoft YaHei, Microsoft YaHei;
            font-weight: 400;
            font-size: 0.2rem;
            color: #FFFFFF;
            /*margin-left: .3rem;*/
            width: 100%;
            margin-bottom: .25rem;
        }
        .breadBox a{
            display: flex;
            align-items: center;
            justify-content: center;
            width: 1.6rem;
            height: 0.44rem;
            background: rgba(255,255,255,0);
            border-radius: 0rem 0rem 0rem 0rem;
            border: 0.01rem solid #FFFFFF;
            opacity: 0.6;
            margin-right: .4rem;
            font-family: Microsoft YaHei, Microsoft YaHei;
            font-weight: 400;
            font-size: 0.16rem;
            color: #FFFFFF;
            transition: all .3s;
        }
        .breadBox a:hover,
        .breadBox a.active{
            opacity: 1;
        }
        .proListTop{
            margin: 0;
            padding-bottom: 1.1rem;
            color: #fff;
            display: flex;
            background: #333333;
        }
        .proListTopBox{
            width: 14rem;
            margin: 0 auto;
            padding-top: 0.99rem;
            padding-bottom: 1.1rem;
            color: #fff;
            display: flex;
        }
        .proListTit1{
            font-family: Microsoft YaHei, Microsoft YaHei;
            font-weight: 400;
            font-size: 0.36rem;
            color: #FFFFFF;
            margin-bottom: .1rem;
        }
        .proListTit2{
            font-family: Microsoft YaHei, Microsoft YaHei;
            font-weight: 400;
            font-size: 0.24rem;
            color: #FFFFFF;
            margin-bottom: .8rem;
        }
        .proListTxt{
            font-family: Microsoft YaHei, Microsoft YaHei;
            font-weight: 400;
            font-size: 0.16rem;
            color: #FFFFFF;
            line-height: 0.2rem;
        }
        
        .proList{
            background: #000000;
        }
        
        .proListBox{
            width: 14rem;
            margin: 0 auto;
            padding-bottom: .9rem;
            
            display: flex;
            flex-wrap: wrap;
        }
        .proListTitle{
            width: 14rem;
            margin: 0 auto;
            margin-bottom: .4rem;
            padding-top: .8rem;
        }
        .proListTit1{
            font-family: Microsoft YaHei, Microsoft YaHei;
            font-weight: 400;
            font-size: 0.36rem;
            color: #FFFFFF;
            margin-bottom: .1rem;
        }
        .proListTit2{
            font-family: Microsoft YaHei, Microsoft YaHei;
            font-weight: 400;
            font-size: 0.24rem;
            color: #FFFFFF;
        }
        .proItem{
            display: flex;
            flex-direction: column;
            width: 4.4rem;
            margin-right: .4rem;
            margin-bottom: .6rem;
        }
        .proItem:nth-child(3n){
            margin-right: 0;
        }
        .proImg{
            width: 100%;
            height: 3.9rem;
            overflow: hidden;
            margin-bottom: .3rem;
        }
        .proBot{
            display: flex;
            flex-direction: column;
            /*justify-content: space-between;*/
        }
        .proItemTit{
            max-width: 3rem;
            font-family: Microsoft YaHei, Microsoft YaHei;
            font-weight: 400;
            font-size: 0.24rem;
            color: #FFFFFF;
            margin-bottom: .3rem;
        }
        .proItemTxt{
            display: none;
        }
        .proBtn{
            display: flex;
            align-items: center;
            justify-content: center;
            width: 0.9rem;
            height: 0.3rem;
            border: 0.01rem solid #F2F2F2;
            font-family: Microsoft YaHei, Microsoft YaHei;
            font-weight: 400;
            font-size: 0.16rem;
            color: #FFFFFF;
        }
        .proItem:hover .proBtn{
            background: #FFFFFF;
            color: #000000;
        }
        .parameter{
            padding-top: .2rem;
        }
        .parameterTit{
            font-family: Microsoft YaHei, Microsoft YaHei;
            font-weight: 400;
            font-size: 0.28rem;
            color: #FFFFFF;
            margin-bottom: .3rem;
        }
        .parameter table{
            /*border: 0.01rem solid #707070;*/
            border-collapse: collapse;
            max-width: 100%;
            display: block;
        }
        .parameter table tbody{
            max-width: 100%;
            display: block;
        }
        .parameter tr{
            display: flex;
             max-width: 100%;
        }
        .parameter table th{
            background: #333333;
            height: .6rem;
        }
        .parameter table td{
            height: .72rem;
        }
        .parameter table th,
        .parameter table td{
            border: 0.01rem solid #707070;
            width: 1.95rem;
            flex: 1;
            text-align: center;
            padding: 0 .2rem;
            font-family: Microsoft YaHei, Microsoft YaHei;
            font-weight: 400;
            font-size: 0.16rem;
            color: #FFFFFF;
            line-height: 0.2rem;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        /*弹窗*/
        .proAlert{
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 100;
            background: rgba(51,51,51,.9);
            display: none;
        }
        .alertBox{
            width: 13.4rem;
            height: 6.2rem;
            background: #000000;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            display: flex;
        }
        .alertImg{
            width: 7rem;
            height: 100%;
            object-fit: cover;
        }
        .alertText{
            width: 6.4rem;
            height: 100%;
            padding: 1rem .8rem;
            box-sizing: border-box;
        }
        .alertTit{
            font-family: MiSans, MiSans;
            font-weight: 400;
            font-size: 0.24rem;
            color: #FFFFFF;
            padding-bottom: .15rem;
            margin-bottom: .3rem;
            position: relative;
        }
        .alertTit::after{
            content: '';
            width: 0.32rem;
            height: 0.01rem;
            background: #FFFFFF;
            position: absolute;
            left: 0;
            bottom: 0;
        }
        .alertTxt{
            font-family: MiSans, MiSans;
            font-weight: 400;
            font-size: 0.16rem;
            color: #FFFFFF;
            line-height: 0.32rem;
        }
        .close{
            width: .18rem;
            height: .18rem;
            position: absolute;
            top: .25rem;
            right: .25rem;
            cursor: pointer;
        }