﻿/*product-detail*/
/*.product-detail {padding-top:0;}
*/
.product-detail .detail-box { display: flex; justify-content: space-between; flex-wrap: wrap; }
.product-detail .detail-box .img-part { width: 48%; }
.product-detail .detail-box .img-part .large { min-height: 30vw; display: flex; align-items: center; background: #fff; }
.product-detail .detail-box .img-part .large img { display: block; max-width: 100%; margin: 0 auto; }
.product-detail .detail-box .img-part .small-list { width: 100%; overflow: hidden; user-select: none; position: relative; padding: 0 23px; }
.product-detail .detail-box .img-part .small-list .but { position: absolute; top: 10px; width: 20px; height: 80px; line-height: 20px; padding: 30px 0; text-align: center; background: #ccc; color: #333; transition: all .3s; }
.product-detail .detail-box .img-part .small-list .but.disable { background: #999 !important; }
.product-detail .detail-box .img-part .small-list .but:hover { background: #333; color: #ccc; }
.product-detail .detail-box .img-part .small-list .but.left { left: 0; }
.product-detail .detail-box .img-part .small-list .but.right { right: 0; }
.product-detail .detail-box .img-part .small-list .imgs-box { width: 100%; overflow: hidden; }
.product-detail .detail-box .img-part .small-list .items { display: flex; flex-wrap: nowrap; padding: 10px 3px; width: fit-content; transition: all .3s; }
.product-detail .detail-box .img-part .small-list .item { width: fit-content; height: 80px; margin-right: 5px; background: #eee; transition: all .3s; }
.product-detail .detail-box .img-part .small-list .item img { height: 80px; display: block; }
.product-detail .detail-box .img-part .small-list .item.hover { box-shadow: #f67524 0px 0px 0px 3px; }
.product-detail .detail-box .img-part .small-list .item:hover { box-shadow: #f67524 0px 0px 0px 3px; }
.product-detail .detail-box .txt-part { width: 48%; }
.product-detail .detail-box .txt-part p { line-height: 1.8em; }
.product-detail .detail-box .txt-part h6 { margin-top: 3vw; font-size: 2em; }
.product-detail .detail-box .txt-part .modelNO { margin-top: 1vw; color: #444; }
.product-detail .detail-box .txt-part .paras { padding: 3vw 0; line-height: 30px; font-size: 16px; color: #555; }
.product-detail .detail-box .txt-part .paras span.t { display: inline-block; min-width: 100px; position: relative; margin-right: 15px; padding-right: 10px; }
.product-detail .detail-box .txt-part .paras span.t::after { content: ':'; display: block; position: absolute; right: 0; top: 0; }
.product-detail .detail-box .txt-part .txt { color: #555; }



.swappart-program { padding:20px 0 8vw 0; }
.swappart-program .swap-item { }
.swappart-program .swap-item .swap-title { border-bottom: 1px solid #000; padding: 20px 0; font-size: 24px; line-height: 1.02em; position: relative; background: url('/images/icons/arraw-right-line.png') left center no-repeat; background-position-x: -35px; transition: all .2s; }
.swappart-program .swap-item .swap-content { display: none; }
.swappart-program .swap-item:hover .swap-title { color: #333; background-position-x: 0px; text-indent:35px; }
.swappart-program .swap-item.hover .swap-title { background-position-x: 0px; text-indent:35px; }
.swappart-program .swap-item.hover .swap-content { display: block; }

/*images*/
.swap-content-images { flex-wrap: wrap; padding: 30px 0; display: flex; justify-content: space-between; }
.swap-content-images::after { content: ''; flex-grow: 99999999; }
.swap-content-images .img { width:24%; margin-top: 1.333%; overflow: hidden; transition: all .3s; }
.swap-content-images img { width: 100%; display: block; cursor:pointer; }

/*swap-content-products*/
.swap-content-products { flex-wrap: wrap; gap: 10px; padding:30px 0; justify-content: space-between; display: flex; }
.swap-content-products .item {display:block; width:18%; background: #fff; margin-bottom: 20px; box-shadow: rgba(0,0,0,0.4) 0 0 0px; transition: all .3s; }
.swap-content-products .item .img { filter: brightness(0.95); background: #fff; display: flex; align-items: self-end; }
.swap-content-products .item .img img { width: 100%; display: block; margin: 0 auto; }
.swap-content-products .item .title {font-size:14px; line-height:1.4em; padding:0.5em 0;}
/*.swap-content-products .item:hover { box-shadow: rgba(0,0,0,0.4) 0 0 5px; }*/

/*materials*/
.swap-content-materials { flex-wrap: wrap; padding: 50px 0; justify-content: space-between; display: flex; }
.swap-content-materials::after { flex-grow: 100000; }
.swap-content-materials .item { width: 15.5%; overflow: hidden; transition: all .3s; align-self: flex-end; margin-bottom: 20px; }
.swap-content-materials img { width: 100%; display: block; }
.swap-content-materials .item .txt { }
.swap-content-materials .item:hover { transform: scale(1.05); }
/*resources*/
.swap-content-resources { padding: 50px 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
.swap-content-resources .file-name { display: inline-block; margin: 10px 0px; font-size: 18px; min-width: 15.5%; }
.swap-content-resources .file-name .aicf {margin-right:5px;}

.testimonial-txt {width:fit-content;position:relative;padding:30px;padding-right:50px;padding-bottom:50px;font-weight:600;}
.testimonial-txt>em {font-style:normal;font-weight:bold;}
.testimonial-txt .customer-name {position:absolute;right:0px;bottom:0;line-height:30px;}

.swap-content-testimonies .item { padding:15px 20px; margin: 20px 0; border: 1px solid #ddd;border-radius:5px; position: relative; display:flex;flex-wrap:wrap;justify-content:space-between;}
.swap-content-testimonies .item > .name { font-size:24px;align-content:center;width:fit-content;}
.swap-content-testimonies .item > .position { font-size:18px; align-content:center;width:55%;color:gray;}
.swap-content-testimonies .item > .time { font-size:16px; align-content:center; color: #999; width:fit-content;}
.swap-content-testimonies .item > .txt { padding: 10px 0; line-height:1.5em; font-size: 18px;width:100%;border-top:1px solid #eee;margin-top:10px;color:#444;}

@media only screen and (max-width:1640px) {
	.swappart-program .swap-item .swap-title {padding:1.4vw 0; font-size:1.5vw;}

	/*images*/
	.swap-content-images {padding:3vw 0;}

	/*swap-content-products*/
	.swap-content-products {gap:0.6vw; padding:3vw 0;}
	.swap-content-products .item {margin-bottom:1.2vw;}


	/*materials*/
	.swap-content-materials {padding:3vw 0;}
	.swap-content-materials .item {margin-bottom: 1.2vw; }
	/*resources*/
	.swap-content-resources { padding:3vw 0;}
	.swap-content-resources .file-name {margin:0.6vw 0; font-size:1.1vw; }


	.customer-review .txt-part {padding-bottom:15.6vw; }
	.customer-review .txt-part .txt-abs {font-size:2.2vw;}
	.customer-review .txt-part > h5.title { font-size:4.5vw;line-height:5vw; }
	.customer-review .txt-part > .msg-info { padding:1.2vw;margin:1.2vw 0;padding-left:6vw;min-height:6vw; }
	.customer-review .txt-part > .msg-info .head-img { width:3.8vw; height:3.8vw;border-radius:3.8vw;top:1.2vw;left:1.2vw;}
	.customer-review .txt-part > .msg-info h6 { font-size:1.1vw; }
	.customer-review .txt-part > .msg-info .time { font-size:0.9vw;}
	.customer-review .txt-part > .msg-info .txt { font-size:0.9vw; }
}
@media only screen and (max-width:1280px){
	.swap-content-materials .item { width:19%;}
}
@media only screen and (max-width:1080px) {
	.swappart-program .swap-item .swap-title {font-size:32px;padding:16px 0;background-size:24px 24px;}
	.swappart-program .swap-item:hover .swap-title,.swappart-program .swap-item.hover .swap-title {text-indent:40px;}


	.swap-content-materials .item { width:24%;}
	/*resources*/
	.swap-content-resources { padding:30px 0;}
	.swap-content-resources .file-name {margin:5px 0; font-size:14px; min-width:24%; }
}
@media only screen and (max-width:768px) {

	.swap-content-products .item {width:32%;}

	.swappart-program .swap-item .swap-title {font-size:22px;padding:10px 0;background-size:16px 16px;}
	.swappart-program .swap-item:hover .swap-title,.swappart-program .swap-item.hover .swap-title {text-indent:24px;}


	.detail-img-list .alanscrollH .list-box .item {height:150px;}
	.detail-img-list .alanscrollH .list-box .item img {height:150px;}

	.swap-content-resources { padding:20px 0;}
	.swap-content-resources .file-name {min-width:32%; }

	.swap-content-materials .item { width:33%;}

	.swap-content-testimonies .item > .name { font-size:20px;}
	.swap-content-testimonies .item > .position { font-size:16px;}
	.swap-content-testimonies .item > .time { font-size:14px;}
	.swap-content-testimonies .item > .txt {font-size:14px;}
}
@media only screen and (max-width:560px) {
	.product-detail .detail-box { display: block; }
	.product-detail .detail-box > div { width: 100% !important; }
	.product-detail .detail-box .txt-part { padding-bottom: 30px; }
	.product-detail .detail-box .img-part { min-height: 95vw; }

	.swap-content-images .img {width:49%;margin-top:2%;}

	.swap-content-products .item {width:49%;}

	.swap-content-materials .item { width:49%;}

	.swap-content-resources { padding:15px 0;}
	.swap-content-resources .file-name {min-width:49%; }

	.swap-content-testimonies .item { padding:15px 10px;position:relative;}
	.swap-content-testimonies .item > .name { font-size:20px;width:100%;line-height:2em;}
	.swap-content-testimonies .item > .position { font-size:16px;width:100%;}
	.swap-content-testimonies .item > .time { font-size:14px;position:absolute;right:10px;line-height:40px;}

}
