@charset "utf-8";
.product-nav{background:#051840;position: fixed;top: 90px;width: 100%;left: 0;z-index: 150;box-shadow: 0px 5px 20px 0px rgb(10 25 50 / 30%);transition: all .2s}
.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 .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: 130px;}
.product-intro .product-img{width: 100%;font-size: 0;background: #f0f5f7;padding-left: 5%}
.product-intro .product-img .thumbs-img{background:url(../images/shad.png) no-repeat right 80%;width: 16%;background-size: auto 80%;display: inline-block;}
.product-intro .product-img .thumbs-img .gallery-thumbs{height:560px;margin-top: 60px}
.product-intro .product-img .thumbs-img .swiper-slide{height:100px;}
.product-intro .product-img .thumbs-img img{width: 95px;}
.product-intro .product-img .gallery-img{width: 84%;padding:8%;display: inline-block;vertical-align: top;}
.product-intro .product-img .gallery-img .gallery-top{text-align: center;padding-bottom: 10%}
.product-intro .product-img .gallery-img .gallery-top img{width: 100%;}
.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-title{padding:7% 5% 7% 7%;background: #f7fafc}
.product-intro .product-title h1{font-size: 45px;color:#000;font-weight: bold;padding-bottom: 10%;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;}
.product-intro .product-title h1.small{color:#008ba4;font-size: 40px;padding-bottom: 1%;font-weight: normal;}
.product-intro .product-title h1.small:after{display: none}
.product-intro .product-title h4{display: block;font-size: 22px;margin:10px 0 20px 0;font-weight:bold;}
.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: 18px;line-height: 30px;display: inline-block;width: 90%}
.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:#008ba4}
@media (max-width:1699px){
	.product-intro .product-img .thumbs-img .gallery-thumbs{height:460px;margin-top: 30px}
	.product-intro .product-img .thumbs-img{width: 20%;padding-right: 3%;}
	.product-intro .product-img .gallery-img{width: 80%;}
}
@media (max-width:1399px){
	.product-intro .product-img{padding-left:15px}
	.product-intro .product-img .thumbs-img .gallery-thumbs{height:400px;}
	.product-intro .product-title h1{font-size: 45px;line-height: 50px;}
	.product-intro .product-title h1.small{font-size: 30px}
	.product-intro .product-title h2{font-size: 25px;}
}
@media (max-width:1199px){
	.product-intro .product-title h1{font-size: 40px;line-height: 40px;}
	.product-intro .product-title h1.small{font-size: 25px}
	.product-intro .product-title h2{font-size: 20px;}
}
@media (max-width:991px){
	.product-intro .product-img .thumbs-img{width: 18%;text-align: center}
	.product-intro .product-img .gallery-img{width: 82%;padding-top: 0}
	.product-intro .product-img .thumbs-img .gallery-thumbs{height:530px;}
	.product-intro .product-title{padding:10% 15px;}
	.product-intro .product-title h1{font-size: 34px;line-height: 40px}
	.product-intro .product-title h2 i{font-size: 14px;line-height: 22px;width: 20px}
	.product-intro .product-title h2 span{font-size: 18px;line-height: 22px;}	
}
@media (max-width:767px){
	.product-intro{padding-top: 100px;}
	.product-intro .product-img .gallery-img{width: 100%;padding:0;padding-top: 20px}
	.product-intro .product-img .thumbs-img{display: none}
	.product-intro .product-title h1.small{font-size: 24px}
	.product-intro .product-title h2{font-size: 18px;}
	.product-intro .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 30px;}
}
@media (max-width:576px){
	.product-intro .product-title h1{font-size: 28px;line-height: 35px;}
}
.advantage{background:url(../images/advantage_bg.jpg) no-repeat center top fixed; background-size: cover;padding:8% 0 8% 0;}
.advantage .adv-content .title{padding-bottom: 5%;padding-top: 3%}
.advantage .adv-content .title h1,.operation .content h1,.prut-details .content h1{font-size: 45px;line-height: 48px;color:#000;font-weight: bold;position: relative;padding-bottom:50px;padding-top:18px}
.advantage .adv-content .title h1:after,.operation .content h1:after,.prut-details .content h1:after{content:'';position: absolute;left: 0;bottom: 8px;background: #008ba4;width: 60px;height:4px;display: block;}
.advantage .adv-content .title h1{color:#fff;}
.advantage .adv-content .title h2,.operation .content h2,.prut-details .content h2{font-size: 25px;color:#008ba4;}
.advantage .adv-content .title h3{color:rgba(255,255,255,.6);font-size: 18px;padding-top:25px}
.advantage .adv-content dl{padding-bottom: 3%;width: 100%;padding-right: 5%}
.advantage .adv-content dl dt{width: 100%}
.advantage .adv-content dl dt h2{font-size: 16px;color:rgba(255,255,255,.7);text-transform: capitalize;}
.advantage .adv-content dl dd{width: 100%;padding-top:8px;color:rgba(255,255,255,.4);font-size: 16px;padding-right: 5%;}
.advantage .adv-img{padding-right: 0;}
.advantage .adv-img img{width: 100%}

.operation{padding-top:5%;padding-bottom: 5%}
.operation .row{padding: 0;}
.operation .img{text-align: center;}
.operation .img img{width: 80%}
.operation .content{padding-top: 1.2%}
.operation .content.center{text-align: center;padding-bottom: 50px;}
.operation .content.center h1:after{left:50%;transform:translateX(-50%)}
.operation .content h3{font-size: 16px;line-height: 25px;padding-top:25px;width: 70%}
.operation .content.center h3{padding-left:10%;padding-right:10%;width:100%}
.operation .content p{padding-top: 40px}
.operation .content p img{width:350px}
.operation .content ul{display: block;padding-top:20px}
.operation .content ul li{display: block;font-size: 15px;line-height: 22px;padding:5px 0;margin:0;height:auto;position:relative;padding-left:15px}
.operation .content ul li:after{content:'';position: absolute;left: 0;top: 14px;width: 5px;height: 5px;border-radius: 50%;background:#999}
.operation .content .num{padding-top: 5%}
.operation .content .num dl{border-right: 1px rgba(0,0,0,0.1) solid;padding:0 5%}
.operation .content .num dl:first-child{padding-left: 0}
.operation .content .num dl:last-child{border-right:none;}
.operation .content .num dl dt{font-size: 50px;color:#000;display: block;font-weight: bold;}
.operation .content .num dl dd{display: block;line-height: 20px;min-height: 40px}
@media (max-width:1399px){
	.operation .content h1{font-size: 45px;line-height: 50px;}
	.advantage .adv-content dl dt h2{font-size: 15px}
}
@media (max-width:1199px){
	.advantage .adv-img{padding-left: 0;}
}
@media (max-width:991px){
	.operation .img{text-align: left}
	.operation .img img{width: 90%}
	.operation{padding: 10% 0}
	.operation .content{padding-top: 5%}
	.advantage .adv-content .title h1,.operation .content h1,.prut-details .content h1{font-size: 34px;}
	.advantage .adv-content .title h2,.operation .content h2,.prut-details .content h2{font-size: 24px;}
	.operation .content h1{font-size: 35px;line-height: 40px;}
	.advantage .adv-content dl dt h2{font-size: 20px}
	.operation .content h3{width: 100%}
	.operation .content p img{width:55%;margin-bottom: 10%}
	.operation .content .num dl dt{font-size: 40px;}
}
@media (max-width:767px){
	.operation .img img{width: 100%}
	.advantage .adv-content dl dt h2{font-size: 18px}
	.advantage .adv-content .title h1:after,.operation .content h1:after,.prut-details .content h1:after{bottom: 8px;width: 50px;height:2px;}
}
@media (max-width:576px){
	.advantage .adv-content .title h1,.operation .content h1,.prut-details .content h1{font-size: 28px;line-height: 35px;padding-bottom: 30px}
	.advantage .adv-content .title h2,.operation .content h2,.prut-details .content h2{font-size: 20px;}
	.operation .content h1{font-size: 28px;line-height: 35px;}
	.operation .content p img{width:85%;}
	.operation .content .num dl{width: 32%}
	.operation .content .num dl dt{font-size: 30px;}
}

.prut-details{background: #f8f8f8;padding-top:5%;}
.prut-details .content{padding:2% 10% 3% 5%;}
.prut-details .content .detail-text{padding-top: 30px}
.prut-details .content .detail-text i{font-size: 35px;color:#008ba4;padding-top: 20px;display: block}
.prut-details .content .detail-text b{font-size: 24px;display: block;margin-bottom:15px}
.prut-details .content .detail-text p{font-size: 16px;padding-top: 10px;display:block;margin-bottom: 0;}
.prut-details .img{padding-right: 0;}
.prut-details .img img{width: 100%}
.prut-details .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px;}
.prut-details .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px}
.prut-details .swiper-pagination-bullet,.prut-details .swiper-pagination-bullet-active{width: 30px;height:3px;background:rgba(255,255,255,0.8)}
.prut-details .swiper-pagination-bullet-active{background:#008ba4}
.prut-details .swiper-button-nextD,.prut-details .swiper-button-prevD {position: absolute;left:0;top:50%;margin: 0;width: 60px;height:60px;margin-top: -30px;cursor: pointer;font-size:16px;line-height:60px;z-index: 100;background:rgba(0,0,0,.4);text-align: center;color:#fff}
.prut-details .swiper-button-nextD {right: 0;left:auto;}
.prut-details .swiper-button-nextD:hover,.prut-details .swiper-button-prevD:hover {opacity: 1.0;background: #008ba4}
@media (max-width:991px){
	.prut-details .content{padding-left: 15px}
	.prut-details .img{padding-top: 3%;padding-left: 0;}
	.prut-details .content .detail-text p{font-size: 15px}
}
@media (max-width:576px){
	.prut-details .content .detail-text b{font-size: 18px;}
	.prut-details .content .detail-text i{font-size: 30px;padding-top: 8px;}
	.prut-details .content .detail-text p{font-size: 13px}
}
.parameter{background:url(../images/para_bg.jpg) no-repeat center center;background-size:cover;padding-bottom: 8%;padding-top: 3%}
.parameter .para-table{width: 100%;padding-top: 1%;overflow-y: hidden}
.parameter .para-table ul{width: 100%;font-size: 0;}
.parameter .para-table ul:first-child li{background:rgba(0,139,164,0.3);border: 1px #035062 solid;border-bottom:none;font-family: 'dincond-medium';font-size: 17px}
.parameter .para-table ul:first-child li:hover{background:rgba(0,139,164,0.5);}
.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% / 9.8)}
.parameter .para-table.universal-para ul li:nth-child(5){width:15%;}
.parameter .para-table.universal-para ul li:nth-child(7){width:14%;}
/*.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);}
.parameter .para-table table{width: 100%;}
.parameter .para-table table tr td{border: 1px #333 solid;color:#fff;padding:12px 20px;font-family: 'dincond-medium';}
.parameter .para-table table tr td:first-child{background:rgba(0,139,164,0.3);border: 1px #035062 solid;border-right:none;font-family: 'dincond-medium';font-size: 17px;}
.parameter .para-table table tr td:first-child:hover{background:rgba(0,139,164,0.5);}
.parameter .para-table.second table tr:nth-child(2) td:first-child{background:none;font-size:14px;border: 1px #333 solid;}
.parameter .para-table.second table tr:nth-child(2) td:first-child:hover,.parameter .para-table table tr td:hover{background:rgba(255,255,255,.2);}
.parameter .para-table table tr td p{display: block;padding:0;margin:0;}
.parameter .remarks{display: block;padding-top:10px}
.parameter .remarks h2{color: #fff;font-size:18px;display:block;margin: 15px 0;font-weight:bold}
.parameter .remarks p{display: block;font-size: 15px;color:#fff;margin:0;padding:0;line-height:28px}
@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%;}
	.parameter .para-table.hastable .table-sroll{width: 100%;}
}
@media (max-width:991px){
	.parameter .para-table .table-sroll{width: 180%;}
	.parameter .para-table.hastable .table-sroll{width: 140%;}
	.parameter .para-table ul:first-child li,.parameter .para-table table tr td:first-child{font-size: 15px}
}
@media (max-width:767px){
	.parameter .para-table .table-sroll{width: 230%;}
	.parameter .para-table ul li,.parameter .para-table table tr td{padding:8px 15px;font-size: 13px}
}
@media (max-width:576px){
	.parameter .para-table .table-sroll{width: 290%;white-space: nowrap;}
	.parameter .para-table ul:first-child li,.parameter .para-table table tr td:first-child{font-size: 14px}
	.parameter .para-table ul li,.parameter .para-table table tr td{font-size: 12px}
}