@charset "utf-8";
.product-intro .row{align-items: center;}
.product-intro .product-img{width: 100%;font-size: 0;padding-left:0;}
.product-intro .product-img .thumbs-img{width: 100px;display: inline-block;}
.product-intro .product-img .thumbs-img .gallery-thumbs{height:100%;margin-top: 60px;height:630px;}
.product-intro .product-img .thumbs-img .gallery-thumbs .swiper-slide{height: 100px}
.product-intro .product-img .thumbs-img img{width: 100%;border:1px #eee solid;cursor: pointer;}
.product-intro .product-img .gallery-img{width:calc(100% - 100px);padding:60px 30px;display: inline-block;vertical-align: top;}
.product-intro .product-img .gallery-img .gallery-top{text-align: center;border: 1px #eee solid;}
.product-intro .product-img .gallery-img .gallery-top img{width: 100%;border-radius: 5px;object-fit:contain;aspect-ratio:4/3.2;}
.product-intro .product-img .gallery-thumbs .swiper-slide {opacity: 0.4;}
.product-intro .product-img .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.product-intro .product-img .gallery-thumbs .swiper-slide-thumb-active img{border-color: #008ba4;}
.product-intro .product-title{padding: 0;padding-left: 3%;}
html.sa .product-intro .product-title{padding-left: 0;padding-right: 3%;text-align:right;}
.product-intro .product-title h1{font-size: 55px;color:#000;text-transform: uppercase;padding-bottom: 8%;line-height: 60px;position: relative;}
.product-intro .product-title h1:after{content:'';position: absolute;left: 0;bottom: 20px;background: #008ba4;width: 60px;height:4px;display: block;}
html.sa .product-intro .product-title h1:after{left: auto;right: 0}
.product-intro .product-title h1 sup{background: #0068b7;color: #fff;border-radius: 3px;padding: 4px 6px;font-family:'dincond';font-size: 14px;top: -21px;left: 10px}
html.sa .product-intro .product-title h1 sup{right: 10px;left: auto}
.product-intro .product-title h1.small{color:#008ba4;font-size: 40px;padding-bottom: 1%}
.product-intro .product-title h1.small:after{display: none}
.product-intro .product-title h2{font-size: 0;color:#666;margin-top: 10px}
.product-intro .product-title h2 i{color:#008ba4;font-size: 18px;line-height: 30px;vertical-align: top;display: inline-block;width:30px}
.product-intro .product-title h2 span{font-size: 24px;line-height: 30px;display: inline-block;width: 90%}
.product-intro .product-title ul{display:block;padding-bottom: 40px;font-size: 0}
.product-intro .product-title ul li{display:inline-block;font-size:16px;line-height:24px;padding: 10px 25px;border:1px #ddd dotted;border-radius: 5px;margin-right: 10px}
html.sa .product-intro .product-title ul li{margin-right: 0;margin-left: 10px}
.product-intro .product-title ul li:last-child{margin-right: 0}
.product-intro .product-title ul li i{font-size: 20px;display:inline-block;vertical-align: top;line-height:24px;margin-right: 6px}
html.sa .product-intro .product-title ul li i{margin-left:6px;margin-right: 0}
.product-intro .product-title p{display:block;font-size: 16px;line-height: 1.4;margin-bottom: 30px;margin-top: 20px}
.product-intro .product-title .contact{display:block;border-radius:5px;background:url(../images/contact.webp) no-repeat right bottom #ddd;background-size: 60px auto;padding: 20px 30px}
html.sa .product-intro .product-title .contact{background-position: left bottom;text-align:right;}
.product-intro .product-title .contact h2{width: 80%;display:block;font-size: 20px;color: #333;margin-bottom: 20px}
.product-intro .product-title .contact a{display:inline-block;background:#008ba4;color: #fff;padding: 6px 25px;border-radius: 5px;margin-right: 12px;font-size: 15px;text-transform:uppercase;cursor: pointer;margin-bottom: 5px}
.product-intro .product-title .contact a:last-child{margin-right: 0}
html.sa .product-intro .product-title .contact a{margin-left: 12px;margin-right: 0}
.product-intro .product-title .contact a i{display:inline-block;margin-right: 6px;transition: all .3s}
html.sa .product-intro .product-title .contact a i{margin-left: 6px;margin-right: 0}
.product-intro .product-title .contact a:hover i{margin-right: 12px}
.product-intro .swiper-button-prev{left: -6%;opacity: 1;}
html.sa .product-intro .swiper-button-prev{left: 0}
.product-intro .swiper-button-next{opacity: 1;right: 3%}
html.sa .product-intro .swiper-button-next{right:0}
.product-intro .swiper-button-prev:after,.product-intro .swiper-button-next:after{font-size: 30px;color: #888;}
.product-intro .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 50px;}
.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:#008ba4}

.product-adv {background:#008ba4;margin-top: 20px}
.product-adv .flexflow{display:flex;margin-left: -15px;margin-right: -15px}
.product-adv .flexflow dl{flex: 1;text-align:center;padding:40px 15px;}
.product-adv .flexflow dl a{background:#ffffffe0;display:block;border-radius: 5px;padding: 30px 20px}
.product-adv .flexflow dl dt{font-size:28px;display:block;font-family: 'dincond-bold'}
.product-adv .flexflow dl dd{display:block;font-size: 16px}
@media (max-width:1599px){
	.product-adv .flexflow dl{padding:40px 10px;}
	.product-adv .flexflow dl dt{font-size:25px;}
	.product-adv .flexflow dl dd{font-size: 15px}
}
@media (max-width:1399px){
	.product-adv .flexflow dl dt{font-size:22px;}
	.product-adv .flexflow dl dd{font-size: 14px}
}
@media (max-width:1199px){
	.product-adv .flexflow{display:block;font-size: 0}
	.product-adv .flexflow dl{display:inline-block;width: 50%}
	.product-adv .flexflow dl:nth-child(-n+2){padding-bottom: 10px}
	.product-adv .flexflow dl:nth-child(n+3){padding-top:0}
}
@media (max-width:767px){
	.product-adv .flexflow dl{width: 100%;display:block;padding:5px 3%}	
	.product-adv .flexflow dl:nth-child(n+3),.product-adv .flexflow dl:nth-child(-n+2){padding:5px 3%}
	.product-adv .flexflow dl:first-child{padding-top:30px;padding-bottom: 5px}
	.product-adv .flexflow dl:last-child{padding-bottom: 30px;}
	.product-adv .flexflow dl dt{font-size: 18px}
}
.product-detail{padding-top: 50px;}
.product-detail .tab-title{display:block;}
.product-detail .tab-title ul{display:flex;border-bottom: 1px #ddd solid}
.product-detail .tab-title ul li{flex:1;line-height: 30px;height: auto;padding:25px 5px;position: relative;text-align:center;font-size:25px;font-family: 'dincond-medium';cursor: pointer;}
.product-detail.ru .tab-title ul li{font-size: 20px}
.product-detail .tab-title ul li:before{content: '';position: absolute;left: 50%;bottom: -2px;width: 0;height: 3px;background:#008ba4;transition:all .3s;}
.product-detail .tab-title ul li.this:before{width: 100%;left: 0}
.product-detail .tab-title ul li.this:after{content: '';position: absolute;bottom: -1px;left:50%;transform:translateX(-50%);display:none;border-right: 10px solid transparent;border-bottom: 10px solid #008ba4; border-left:10px solid transparent;}
.product-detail .tab-title ul li.this:after{display: inline-block;}
.product-detail .tab-content{padding-top: 50px;padding-bottom: 50px}
html.sa .product-detail .tab-content{text-align: right;}
.product-detail .tab-content p{font-size: 16px;line-height: 1.7;margin-bottom:15px}
.product-detail .tab-content i.list-type{display:inline-block;width: 12px;height:12px;border-radius: 50%;background: #008ba4;margin-right: 8px}
.product-detail .tab-content b,.product-detail .tab-content strong{font-size: 20px; }
.product-detail .tab-content .content{display:none}
.product-detail .tab-content .content.this{display:block;}
.product-detail .tab-content .content h3{font-family: 'dincond-bold';font-size: 30px;display:block;margin-bottom: 30px}
.product-detail .tab-content .content table{width: 100%;margin-bottom: 20px}
.product-detail .tab-content .content table tr.title,.product-detail .tab-content .content table tr.title:hover td{background:#008ba4;color: #fff}
.product-detail .tab-content .content table tr td{border:1px #eee solid;padding:10px 5px;font-size: 16px;text-align:center;transition: all .3s}
.product-detail .tab-content .content table tr td:hover{background:#f5f5f5;cursor: pointer;}
.product-detail .tab-content .content .block-flex{display:flex;margin-left: -15px;margin-right: -15px}
.product-detail .tab-content .content .block-flex dl{flex:1;}
.product-detail .tab-content .content .block-flex dl dt{display:block;padding: 10px}
.product-detail .tab-content .content .block-flex dl dt span{background:#008ba410;font-family: 'dincond-medium';font-size: 20px;display:block;padding: 15px;border-radius: 5px}
.product-detail .tab-content .content .block-flex dl dd{display:block;padding: 30px 15px}
.product-detail .tab-content .content .block-flex dl dd img{max-width: 100%;margin-bottom: 20px}

@media (max-width:1699px){
	.product-intro .product-img .thumbs-img .gallery-thumbs{height:550px;}
	.product-intro .product-title h1{font-size: 45px}
	.product-intro .product-title h1:after{bottom: 25px;width: 50px;height:3px;}
	.product-detail .tab-title ul li{font-size: 22px}
	.product-detail.ru .tab-title ul li{font-size: 18px}
}
@media (max-width:1499px){
	.product-intro .product-img .thumbs-img .gallery-thumbs{height:450px;}
}
@media (max-width:1399px){
	.product-intro .product-title h1{font-size: 40px}
	.product-intro .product-title h1:after{width: 40px;height:2px;}
	.product-intro .product-title ul li{font-size:15px;line-height:20px;padding: 8px 20px;}
	.product-intro .product-title ul li i{font-size: 18px;line-height:20px;}
	.product-intro .product-img .thumbs-img .gallery-thumbs{height:400px;}
	.product-detail{padding-top:30px;}
	.product-detail .tab-title ul li{line-height: 25px;font-size:20px;}
	.product-detail.ru .tab-title ul li{font-size: 17px;line-height: 20px}
	.product-detail .tab-content{padding-top: 30px;padding-bottom: 30px}
	.product-detail .tab-content p{font-size: 15px;line-height: 1.5;}
	.product-detail .tab-content b,.product-detail .tab-content strong{font-size: 18px;}
	.product-detail .tab-content .content h3{font-size: 25px;margin-bottom: 25px}
	.product-detail .tab-content .content table tr td{padding:8px 5px;font-size: 15px}
	.product-detail .tab-content .content .block-flex dl dt span{font-size: 18px}
}

@media (max-width:1199px){
	.product-intro .product-title h1{font-size: 30px}
	.product-intro .product-img .thumbs-img .gallery-thumbs{height:300px;}
	.product-detail .tab-content .content .block-flex dl dt span{font-size: 16px}
	.product-detail .tab-content .content h3{font-size: 22px;}
	.product-detail .tab-content .content table tr td{font-size: 14px}
	.product-detail.ru .tab-title ul li{font-size: 16px;}
}
@media (max-width:991px){
	.product-detail{padding-top:10px}
	.product-detail .tab-title ul{display:block;font-size: 0;border-bottom: none}
	.product-detail .tab-title ul li{display:inline-block;width: calc(100%/3);border-bottom: 1px #eee solid}
	.product-detail.ru .tab-title ul li{font-size: 15px;}
	.product-intro .product-title{padding-left: 0}
	.product-intro .product-title h1{font-size: 25px}
	.product-intro .product-title .contact{padding: 20px;padding-top:15px;}
	.product-intro .product-title .contact h2{width: 80%;font-size: 16px;}
	.product-intro .product-img{padding-right: 0}
	.product-intro .product-img .thumbs-img .gallery-thumbs{height:580px;}
	.product-intro .product-img .thumbs-img{width: 60px;}
	.product-intro .product-img .thumbs-img .gallery-thumbs{margin-top: 30px;}
	.product-intro .product-img .thumbs-img .gallery-thumbs .swiper-slide{height: 60px}
	.product-intro .product-img .gallery-img{width:calc(100% - 60px);padding:30px 10px;}
	.product-intro .swiper-button-prev{left:0}
	.product-intro .swiper-button-next{right:0}
	.product-detail .tab-content .content h3{font-size: 20px;margin-bottom: 20px}
	.product-detail .tab-content .content .block-flex{display:block;margin-left: 0;margin-right: 0}
	.product-detail .tab-content .content .block-flex dl{display:block;}
	.product-detail .tab-content .content .block-flex dl dt,.product-detail .tab-content .content .block-flex dl dd{padding: 0}
	.product-detail .tab-content .content .block-flex dl dt{padding-top:10px;padding-bottom: 10px}
	.product-detail .tab-content .content .block-flex dl dt span{font-size: 14px}
	.product-detail .tab-content .content{overflow-x:scroll;padding-bottom: 4%}
	.product-detail .tab-content .content::-webkit-scrollbar {width: 100%;height: 10px;}
	.product-detail .tab-content .content::-webkit-scrollbar-track,.product-detail .tab-content .content::-webkit-scrollbar-thumb {border-radius: 5px;border: 2px solid transparent;}
	.product-detail .tab-content .content::-webkit-scrollbar-track {box-shadow: 1px 1px 5px rgba(0,0,0, 0.3) inset;}
	.product-detail .tab-content .content::-webkit-scrollbar-thumb {min-width: 10%;background-clip: content-box;box-shadow: 0 0 0 5px #008ba4 inset;}
	.product-detail .tab-content .content::-webkit-scrollbar-corner {background: transparent;}
	.product-detail .tab-content .content table{width: 145%;}
}
@media (max-width:767px){
	.product-intro .product-img .thumbs-img{display:none;}
	.product-intro .product-img .thumbs-img .gallery-thumbs{height:400px;}
	.product-intro .product-img .gallery-img{width:100%;padding:20px 0}
}
@media (max-width:576px){
	.product-intro .product-img .thumbs-img .gallery-thumbs{height:250px;}
}

.inner-ohter-product{background: #f8f8f8;padding-top: 50px;padding-bottom: 100px;}
.inner-ohter-product .otherlist{}
.inner-ohter-product .otherlist dl{padding: 20px}
.inner-ohter-product .otherlist dl a{background: #fff;display:block;padding:30px;text-align:center;box-shadow: 0 0 15px 10px #00000005}
.inner-ohter-product .otherlist dl a:hover{box-shadow: 0 0 15px 10px #00000010}
.inner-ohter-product .otherlist dl a dt{display: block;overflow: hidden;}
.inner-ohter-product .otherlist dl a dt img{width:100%;transition:all .3s;object-fit:contain;aspect-ratio:4/3;}
.inner-ohter-product .otherlist dl a:hover dt img{transform:scale(1.08);}
.inner-ohter-product .otherlist dl a dd{display: block;margin-top: 25px}
.inner-ohter-product .otherlist dl a dd h1{font-size: 32px;font-family:'dincond-medium';display: block;}
.inner-ohter-product .otherlist dl a dd h2{font-size: 15px;display: block;padding: 10px 0;margin-bottom: 30px}
.inner-ohter-product .otherlist dl a dd h2 span{background:#0068b7;color: #fff;display: inline-block;margin-left: 10px;padding: 3px 5px;margin-top: 5px;border-radius: 3px;font-family:'dincond';}
.inner-ohter-product .otherlist dl a dd div{display:inline-block;border:1px #ddd solid;padding: 8px 30px;font-size: 13px;line-height: 20px;transition:all .3s;text-transform:uppercase;}
.inner-ohter-product .otherlist dl a dd div i{font-size: 14px;display: inline-block;vertical-align: top;margin-left: 5px;line-height: 24px;transition:all .3s}
.inner-ohter-product .otherlist dl a:hover dd div{background: #008ba4;color: #fff;border-color: #008ba4}
.inner-ohter-product .otherlist dl a:hover dd div i{color: #fff;margin-left: 20px}
@media (max-width:1599px){
	.inner-ohter-product .otherlist dl a{padding:60px 30px 40px;}
	.inner-ohter-product .otherlist dl a dd h1{font-size: 20px;}
	.inner-ohter-product .otherlist dl a dd h2{font-size: 15px}
}
@media (max-width:1399px){
	.inner-ohter-product .otherlist{padding-left: 3%;}
	.inner-ohter-product .otherlist dl a dd h2 span{margin-top: 10px}
	.inner-ohter-product .otherlist dl a dd div{padding: 8px 25px;font-size: 14px}
	.inner-ohter-product .otherlist dl a dd div i{font-size: 13px}
}
@media (max-width:1199px){
	.inner-ohter-product{padding-top: 30px;padding-bottom: 80px;}
	.inner-ohter-product .otherlist{padding: 0;padding-top: 20px}
	.inner-ohter-product .otherlist dl{padding: 10px}
	.inner-ohter-product .otherlist dl a{padding:40px 20px 20px;box-shadow: 0 0 9px 4px #00000005}
	.inner-ohter-product .otherlist dl a:hover{box-shadow: 0 0 9px 4px #00000010}
	.inner-ohter-product .otherlist dl a dd{margin-top:30px}
}
@media (max-width:991px){
	.inner-ohter-product{padding-top: 20px;padding-bottom: 50px;}
	.inner-ohter-product .otherlist{padding-top:0}
	.inner-ohter-product .otherlist dl a{padding:30px 20px}
	.inner-ohter-product .otherlist dl a dd h1{font-size: 16px;}
	.inner-ohter-product .otherlist dl a dd h2{font-size: 14px}
	.inner-ohter-product .otherlist dl a dd div{padding:6px 22px;font-size: 13px}
	.inner-ohter-product .otherlist dl a dd div i{font-size: 12px;line-height: 20px}
}
@media (max-width:767px){
	.inner-ohter-product .otherlist dl a{padding:25px 10px}
	.inner-ohter-product .otherlist dl a dd h1{font-size: 15px;}
	.inner-ohter-product .otherlist dl a dd h2{font-size: 13px}
	.inner-ohter-product .otherlist dl a dd div{padding:6px 20px;}
}