@charset "utf-8";
.product-nav{background:#7CB303;position: fixed;top: 100px;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:#7CB303;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:#7CB303;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:#7CB303;display: inline-block;margin-right: 20px}
.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: #7CB303;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: #305BA9}
.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;}
.product-intro .product-title ul.para li{display: inline-block;line-height: 30px;vertical-align: top;width: 100%;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:#7CB303}

@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: 25px;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: #7CB303;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{padding:18px 10px;margin: auto;}
@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;}
	.prut-details .content img{width: 100%;}
}
@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;}
	.prut-details .content img{width: 100%;}
}
@media (max-width:576px){
    .prut-details .content .advant dl dt img{width: 100%;}
	.prut-details .content img{width: 100%;}
}
.prut-parameter{background: #f8f8f8;padding-bottom: 8%;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{padding-bottom: 5%;padding-top:5%}
.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: 20px;transition: all .2s;text-align: center;height:450px;}
.prut-other dl a dt img{width: 100%;transition: all .3s}
.prut-other dl a:hover dt img{width:92%}
.prut-other dl a dd{position: absolute;bottom:-50px;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: #7CB303}
.prut-other dl a dd h2{font-size:16px;line-height: 30px;color: #aaa}
.prut-other dl a dd p{margin-top:10px;margin-bottom:20px;display: block;font-size:15px;line-height: 24px;border-bottom: 2px #7CB303 solid;padding-bottom: 20px;}
.prut-other dl a:hover dd{bottom: 0}
.prut-other dl a span{color: #7CB303}
.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{height:400px;}
}
@media (max-width:767px){
    .prut-other dl a dt{padding: 20px;height:580px;}
}

@media (max-width:576px){
     .prut-other dl a dt{height:340px;}
    .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;}
}