.product-nav{background:#cf1212;position: fixed;top: 90px;width: 100%;left: 0;z-index: 150;box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 30%);transition: all .2s}
.product-nav .row > div{padding: 0}
.product-nav.sroll{top: 0;}
.product-nav .container{font-size: 0}
.product-nav .title{color: #fff;font-size: 14px;line-height: 50px;transition: all .2s}
.product-nav .title a{color: #fff;line-height: 50px;}
.product-nav .title a i{line-height: 49px;vertical-align:middle;margin-right: 4px;font-size: 18px}
.product-nav .title span{padding: 0 7px;color: #ffffffa0;font-size: 13px;font-family: 'arial'}
.product-nav .navigation{text-align: right;}
.product-nav .navigation a{display: inline-block;padding: 0 4%;font-size: 14px;color:rgba(255,255,255,.5);line-height: 50px;position: relative;transition: all .2s}
.product-nav .navigation a:after{content: '';position: absolute;right: 0;top: 19px;height:14px;width: 1px;background:rgba(255,255,255,.2);transition: all .2s}
.product-nav .navigation a:hover:after,.product-nav .navigation a.this:after{height:31px;background:rgba(255,255,255,.4);}
.product-nav .navigation a.this,.product-nav .navigation a:hover{color:#fff;}
.product-nav .navigation a:last-child{padding-right: 0;}
.product-nav .navigation a:last-child:after{display: none}
@media (max-width:991px){
	.product-nav{top:60px;}
	.product-nav .title{display: none}
	.product-nav .navigation{text-align: left;overflow-x:scroll}
	.product-nav .navigation::-webkit-scrollbar{display: none}
	.product-nav .navigation .mobilemove{white-space:nowrap}
}
.product-intro{padding-top: 140px;}
.product-intro .product-img{padding:2% 0;}
.product-intro .product-img .gallery-top{text-align: center;width: 100%;padding-bottom: 10%}
.product-intro .product-img .gallery-top img{width: 100%;}

.product-intro .product-title{padding:5%;padding-left: 10%}
.product-intro .product-title h1{font-size: 45px;color:#cf1212;text-transform: uppercase;line-height: 60px;position: relative;font-weight: bold;}
.product-intro.en .product-title h1{font-size: 35px;line-height:45px;padding-bottom: 20px;}
.product-intro .product-title h2{color:#cf1212;font-size: 26px;padding-bottom: 2%;font-weight: normal;}
.product-intro .product-title h3{font-size: 16px;color:#666;margin-top: 10px;position: relative;padding-bottom: 60px;}
.product-intro .product-title h3:after{content:'';position: absolute;left: 0;bottom: 20px;background: #eee;width: 100%;height:1px;display: block;}
.product-intro .product-title h4{font-size: 16px;color:#999999;display: inline-block;margin-right: 20px；margin-top:15px; margin-bottom:30px;}
.product-intro .product-title h4:before{margin-right: 5px}
.product-intro .product-title .download{padding-bottom: 30px}
.product-intro .product-title .download a{font-size:16px;background: #cf1212;color: #fff;display: inline-block;padding: 10px 60px;border-radius: 24px;margin-right: 40px}
.product-intro .product-title .download a i{margin-right: 10px;font-size:18px;display: inline-block;vertical-align: text-bottom;}
.product-intro .product-title .download a:hover{background: #d66112}
.product-intro .product-title ul.para{font-size: 0;width: 100%;display: block;height:auto;border-bottom: 1px #f8f8f8 solid;padding-bottom: 20px;margin-bottom: 30px;padding-right: 10%}
.product-intro .product-title ul.para li{display: inline-block;line-height: 40px;height: 40px;vertical-align: top;width: 50%;font-size:15px;}
.product-intro .product-title ul.para li span{color: #999}
.product-intro .swiper-button-prev:after,.product-intro .swiper-button-next:after{font-size: 25px}
.product-intro .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0px;}
.product-intro .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px}
.product-intro .swiper-pagination-bullet,.product-intro .swiper-pagination-bullet-active{width: 30px;height:3px;background:rgba(0,0,0,0.1)}
.product-intro .swiper-pagination-bullet-active{background:#cf1212}

@media (max-width:991px){
    .product-intro .product-title{padding:5% 3%;}
    .product-intro .product-title h1{font-size: 30px;line-height: 35px;}
    .product-intro.en .product-title h1{font-size: 25px;line-height:30px;}
    .product-intro.en .product-title h2{font-size: 20px;}
}
@media (max-width:767px){
	.product-intro .product-title h1{font-size: 20px;line-height: 25px;}
	.product-intro.en .product-title h1{font-size: 18px;line-height:22px;}
	.product-intro .product-title h2{font-size: 24px;}
	.product-intro.en .product-title h2{font-size: 16px;}
	.product-intro .product-title ul.para li{line-height: 35px;height: 35px;font-size:13px;}
	.product-intro .product-title .download a{font-size:14px;padding: 8px 40px;}
	.product-intro .product-title h4{font-size: 14px;}
}

.prut-details{background: #f8f8f8;padding-top:4%;}
.prut-details .title,.prut-parameter .title,.prut-other .title{text-align: center;display: block;border-bottom: 1px #ddd solid;padding-bottom: 40px;}
.prut-details .title h1,.prut-parameter .title h1,.prut-other .title h1{font-size:42px;color: #333;font-weight: bold;}
.prut-details .content{padding:3%;}
.prut-details .content .advant{padding-top: 30px;font-size:0;}
.prut-details .content .advant dl{width: 32%;margin-right:2%;display: inline-block;vertical-align: top;font-size:0;margin-bottom: 30px;background: #fff;padding: 30px;box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 10%)}
.prut-details .content .advant dl:nth-child(3n){margin-right: 0}
.prut-details .content .advant dl dt{display: inline-block;width: 30%}
.prut-details .content .advant.tarzan dl dt{width: 25%}
.prut-details .content .advant dl dt img{width:95%}
.prut-details .content .advant dl dd{padding:18px 10px;width: 70%;font-size:15px;line-height: 28px;display: inline-block;}
.prut-details .content .advant.tarzan dl dd{width: 75%;padding-top: 8px}
.prut-details .content .advant dl dd h1{color: #cf1212;font-size: 20px;display: block;margin-bottom: 8px;line-height: 24px;}
.prut-details .content .advant.black dl dd h1{color: #111;}
.prut-details .content .advant.tarzan dl dd{line-height: 24px;min-height:120px;}
.prut-details .content img{width: 100%}
@media (max-width:1199px){
    .prut-details .content .advant dl,.prut-details .content .advant dl:nth-child(3n){width: 49%;margin-right: 2%}
    .prut-details .content .advant dl:nth-child(2n){margin-right:0}
    .prut-details .title h1,.prut-parameter .title h1,.prut-other .title h1{font-size:30px;}
    .prut-details .title,.prut-parameter .title,.prut-other .title{padding-bottom: 20px;}
}
@media (max-width:767px){
    .prut-details .content .advant dl,.prut-details .content .advant dl:nth-child(3n){width: 100%;margin-right: 0;}
    .prut-details .content .advant.tarzan dl dt{width: 20%}
    .prut-details .content .advant dl dt img{width: 80%;}
    .prut-details .content .advant dl dd{width: 75%;font-size:13px}
    .prut-details .content .advant dl dd h1{font-size: 20px}
    .prut-details .title h1,.prut-parameter .title h1,.prut-other .title h1{font-size:25px;}
}
@media (max-width:576px){
    .prut-details .content .advant dl dt img{width: 100%;}
}
.prut-parameter{padding-bottom: 4%;padding-top:4%}
.prut-parameter .para-table{width: 100%;padding-top: 1%;overflow-y: hidden}
.prut-parameter .para-table ul{width: 100%;font-size: 0;}
.prut-parameter .para-table ul:first-child li{background:rgba(0,139,164,0.3);border: 1px #035062 solid;border-bottom:none;font-size: 18px}
.prut-parameter .para-table ul:first-child li:hover{background:rgba(0,139,164,0.5);}
.prut-parameter .para-table ul li{border: 1px #333 solid;color:#fff;padding:12px 20px;transition: all .2s;margin-top: -1px;margin-left: -1px;display: inline-block;width:calc(100% / 8.5);word-break:break-word;vertical-align: top;text-align: center}
.parameter .para-table.vertical-para ul li{width:calc(100% / 9.8)}
.parameter .para-table.universal-para ul li{width:calc(100% / 3)}
.parameter .para-table.universal-para ul:nth-child(4) li,.parameter .para-table.universal-para ul:nth-child(n+6):nth-child(-n+10) li{width:99.9%}
.parameter .para-table ul li:first-child{margin-left: 0}
.parameter .para-table ul li:nth-child(7){width: 17.9%}
.parameter .para-table ul li:hover{background: rgba(255,255,255,.2);}
@media (max-width:1299px){
	.parameter .para-table{overflow-x:scroll;padding-bottom: 4%}
	.parameter .para-table::-webkit-scrollbar {width: 100%;height: 10px;}
	.parameter .para-table::-webkit-scrollbar-track,.parameter .para-table::-webkit-scrollbar-thumb {border-radius: 5px;border: 2px solid transparent;}
	.parameter .para-table::-webkit-scrollbar-track {box-shadow: 1px 1px 5px rgba(255,2525,255, 0.2) inset;}
	.parameter .para-table::-webkit-scrollbar-thumb {min-width: 10%;background-clip: content-box;box-shadow: 0 0 0 5px rgba(255, 255,255, 0.2) inset;}
	.parameter .para-table::-webkit-scrollbar-corner {background: transparent;}
	.parameter .para-table .table-sroll{width: 145%;}
}
@media (max-width:991px){
	.parameter .para-table .table-sroll{width: 180%;}
}
@media (max-width:767px){
	.parameter .para-table .table-sroll{width: 230%;}
	.parameter .para-table ul li{font-size: 13px}
}
@media (max-width:576px){
	.parameter .para-table .table-sroll{width: 290%;white-space: nowrap;}
	.parameter .para-table ul li{font-size: 12px}
	.parameter .para-table ul:first-child li{font-size: 15px}
}


.prut-other .relatedprut{padding-top: 60px}
.prut-other dl{padding: 20px;}
.prut-other dl a {display: block;background: #fff;box-shadow: 0px 3px 15px 0px rgb(10 25 50 / 10%);position: relative;padding-bottom: 50px;overflow: hidden;}
.prut-other dl a dt{overflow: hidden;display: block;padding: 100px;padding-top: 50px;transition: all .2s;text-align: center;height:600px;}
.prut-other dl a dt img{width: 100%;transition: all .3s}
.prut-other dl a:hover dt img{width:60%}
.prut-other dl a dd{position: absolute;bottom:-160px;left: 0;padding: 30px 40px;overflow: hidden;transition: all .2s;width:100%;}
.prut-other dl a dd h1{font-size:24px;line-height: 40px;font-weight: bold;}
.prut-other dl a:hover dd h1{color: #cf1212}
.prut-other dl a dd h2{font-size:16px;line-height: 30px;color: #aaa}
.prut-other dl a dd p{margin-top:30px;display: block;font-size:15px;line-height: 24px;border-bottom: 2px #cf1212 solid;padding-bottom: 20px;}
.prut-other dl a:hover dd{bottom: 0}
.prut-other dl a span{color:#cf1212;}
.prut-other dl a span i{margin-left: 8px}
@media (max-width:991px){
    .prut-other .relatedprut{padding-top: 30px}
    .prut-other dl a dd h1{font-size:20px;line-height:25px}
    .prut-other dl a dd h2{font-size:14px;line-height: 22px;}
    .prut-other dl a dt{padding: 40px;height:400px;}
}
@media (max-width:767px){
    .prut-other dl a dt{padding: 60px;padding-top:30px;height:65vh;}
}
@media (max-width:650px){
    .prut-other dl a dt{height:58vh;}
}
@media (max-width:576px){
     .prut-other dl a dt{padding:30px;height:45vh;}
    .prut-other .relatedprut{padding-top: 20px}
    .prut-other dl a dd p{margin-top:20px;font-size:13px}
    .prut-other dl a dd h1{font-size:18px;line-height:22px}
    .prut-other dl a dd h2{font-size:13px;line-height: 18px;}
}

.product-intro{padding-top:40px !important;}
			.product-title h4{margin-top:15px;}
			.shortinfo {padding-top:3%;padding-bottom:3%;display: block;font-size: 0}
			.shortinfo dl{display: inline-block;line-height:36px;font-size: 16px;vertical-align: top;padding-right:5.5%;position: relative;margin-right:5.5%;margin-bottom: 20px}
			.shortinfo.en dl{padding-right:3%;margin-right:3%}
			.shortinfo dl:after{content: '';position: absolute;right: 0;top: 0;height: 100%;width:1px;background:rgba(0,0,0,0.1);}
			.shortinfo dl:last-child{margin-right:0;padding-right: 0}
			.shortinfo dl:last-child:after{display: none}
			.shortinfo dl dt{display: block;font-size: 30px;font-weight: bold;}
			.shortinfo dl dt sup{font-size: 14px;font-weight: normal;top: -12px;left: 5px}
			.performanceBox {
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				flex-wrap: wrap;
				align-content: center;
				margin-bottom: 20px;
			}

.performanceBox .left {
    width: 30%;
}

.performanceBox .right {
    width: 30%;
}

.performanceBox .left .item,
.performanceBox .right .item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin: 20px 0;
}

.performanceBox .left .item .text {
    text-align: right;
    width: calc(100% - 80px);
    padding-right: 20px;
}

.performanceBox .right .item .text {
    text-align: left;
    width: calc(100% - 80px);
    padding-left: 20px;
}

.performanceBox .left,
.performanceBox .right {
    display: flex;
    /* align-content: space-around; */
    align-content: center;
    flex-wrap: wrap;
}

.performanceBox .left .item .img,
.performanceBox .right .item .img {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #9fa0a0;
    border-radius: 50%;
	

}

.performanceBox .left .item .text h6,
.performanceBox .right .item .text h6 {
    font-size: 20px;
    line-height: 32px;
    color: #c82128;
    font-weight:600;
    margin-bottom: 10px;
}

.performanceBox .left .item .text p,
.performanceBox .right .item .text p {
    font-size: 16px;
    line-height: 24px;
    color: #888;
}

.performanceBox .center {
    flex: 1;
    overflow: hidden;
    margin: 0 20px;
}

.performance {
    margin-top: 20px;
}

.performanceBox .item .img {
    position: relative;
}
.performanceBox .left .item .img img, .performanceBox .right .item .img img{width:60%; display:block;}
@media (max-width:1200px){
	.inner-product-info .title h1{font-size: 32px;}
	.shortinfo dl dt{font-size:28px;}
	.shortinfo dl dt sup{top: -10px;}
	.performanceBox {
	    display: block;
	}
	.performanceBox .left {
	    width: 100%;
	}
	.performanceBox .left .item {
	    flex-direction: row-reverse;
	}
	.performanceBox .left .item .text {
	    width: calc(100% - 70px);
	}
	.performanceBox .left .item, .performanceBox .right .item {
	    margin-top: 30px;
	}
	.performanceBox .left .item .text {
	    margin-right: 0px;
	    margin-left: 20px;
	}
	.performanceBox .left .item .text {
	    text-align: left;
	}
	.performanceBox .left .item .text h6, .performanceBox .right .item .text h6 {
	    font-size: 18px;
	    margin-bottom: 5px;
	}
	.performanceBox .left .item .img, .performanceBox .right .item .img {
	    width: 70px;
	    height: 70px;
	}
	.performanceBox .left .item .text p, .performanceBox .right .item .text p {
	    font-size: 14px;
	    margin-top: 0px;
	    line-height: 22px;
	}
	.performanceBox .center {
	    display: none;
	}
	.performanceBox .right {
	    width: 100%;
	}
	.performanceBox .left .item, .performanceBox .right .item {
	    margin-top: 5px;
	}
	
	.performanceBox .left .item .img, .performanceBox .right .item .img {
	    width: 70px;
	    height: 70px;
	}
	.performanceBox .right .item .text {
	    width: calc(100% - 70px);
	}
	.performanceBox .left .item .text h6, .performanceBox .right .item .text h6 {
	    font-size: 18px;
	    margin-bottom: 5px;
	}
	.performanceBox .left .item .text p, .performanceBox .right .item .text p {
	    font-size: 14px;
	    margin-top: 0px;
	    line-height: 22px;
	}
	
}