@charset "utf-8";
/* 产品中心 */
.product-center-cate{margin-bottom:60px}
.product-center-title{position:relative;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}
.product-center-title h3{font-size:28px}
.product-center-swiper .swiper{padding-bottom:40px}
.product-center-swiper .swiper-scrollbar{height: 2px!important;}
.product-center-swiper .swiper-slide{width:260px; padding-bottom:20px;}

.product-center-item h3{margin-top:15px;text-align:center;font-size:18px;line-height:30px}
.product-center-item .product-center-pic{padding:20px;width:100%;height:200px;background-color:#f6f6f6;text-align:center;align-items:center;justify-content:center}
.product-center-item .product-center-pic img{max-width:100%;max-height:100%}

.product-center-arr{position:absolute;right:0;bottom:22px;display:none;margin-left:40px;width:90px}
.product-center-arr .swiper-button-next,
.product-center-arr .swiper-button-prev{width:30px;height:30px;outline:0;border:1px solid #666;border-radius:60px}
.product-center-arr .swiper-button-next:after,
.product-center-arr .swiper-button-prev:after{color:#666;font-size:12px}
@media (max-width:1600px) {
	.product-center-swiper .swiper-slide{width:240px;}
	.product-center-item .product-center-pic{ height:180px;}
}
@media (max-width:1200px) {
	.product-center-swiper .swiper-slide{width:220px;}
	.product-center-item .product-center-pic{ height:160px;}
}

@media (max-width:960px) {
	.product-center-cate{margin-bottom:50px}
	.product-center-swiper .swiper-slide{width:200px;}
	.product-center-item .product-center-pic{ height:140px;}
	
}

@media (max-width:768px) {
	.product-center-cate{margin-bottom:40px}
	.product-center-title h3{ font-size: 24px; }
	.product-center-swiper .swiper-slide{width:180px}
	.product-center-item h3{margin-top:10px;text-align:center;font-size:16px;line-height:1.4;}
}

@media (max-width: 640px) {
	.product-center-cate{margin-bottom:30px}
	.product-center-title h3{ font-size: 20px; }
	.product-center-swiper .swiper-slide{width:160px}
}
/* 
*
----------------------------------  lists 
*
*/
.product-categories{border-bottom: 3px solid #F8F8F8;}
.product-categories-swiper{padding-bottom: 0;}
.product-categories-swiper .swiper-slide{width:auto;}
.product-categories-item a{ position: relative; display: flex; align-items: center; padding: 35px 0; line-height: 36px; font-size: 24px;}
.product-categories-item a i{ margin-right: 10px; font-size: 48px;}
.product-categories-item a::before{position: absolute; bottom: 0; left: 0; z-index: 2; content: ''; width: 0; height: 3px; background-color: #333; transition: .3s;}
.product-categories-item a.on::before,
.product-categories-item a:hover::before{width: 100%;}

@media (max-width: 768px) {
	.product-categories-swiper{padding-bottom: 0;}
	.product-categories-item a{ padding: 20px 0; line-height: 30px; font-size: 20px;}
	.product-categories-item a::before{ bottom: -1px; }
	.product-categories-item a i{ font-size: 36px;}
}

@media (max-width: 640px) {
	.product-categories-item a{ padding: 10px 0; line-height: 30px; font-size: 18px;}
	.product-categories-item a i{ font-size: 32px;}
}

/*  */
.product-filter{width: 300px;}
.product-filter-item{padding: 30px 0; border-bottom: 1px solid rgb(196, 196, 196);}
.product-filter-title {position: relative;}
.product-filter-title h3{ line-height: 30px; font-size: 20px; font-weight: 400;}
.product-filter-title i{ position: absolute; top: 10px; right: 2px; display: inline-block; width: 12px; height: 12px; border-top: 1px solid #777; border-right: 1px solid #777; transform: rotate(-45deg); display: none;}

.product-filter-title:hover i{ top: 5px; transform: rotate(135deg); transition: .3s;} 
.product-filter-lists{padding-top: 14px;}
.product-filter-lists ul li{padding: 2px 0;}
.product-filter-lists ul li a{ position: relative; display: flex; align-items: center; line-height: 30px; font-size: 16px}
.product-filter-lists ul li a:before{content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 6px; border-radius: 50%; border: 1px solid #333;}
.product-filter-lists ul li a:after{ position: absolute; top: 12px; left: 4px; content: '';  width: 8px; height: 4px; border-bottom: 1px solid #fff; border-left: 1px solid #fff; transform: rotate(-45deg);}
.product-filter-lists ul li a.on:before,
.product-filter-lists ul li a:hover:before{background-color: #333;}
@media (max-width:1440px) {
	.product-filter{width: 200px; transition: .3s;}
}

@media (max-width:1200px) {
	.product-filter{ width: 100%;}
	.product-filter-item{padding: 15px 0; }
	.product-filter-lists{padding-top: 10px;}
	.product-filter-lists ul{display: flex; flex-wrap: wrap; }
	.product-filter-lists ul li{  margin-right: 10px; }
}

@media (max-width: 768px) {
	.product-filter-item{padding: 10px 0; }
	.product-filter-lists{padding-top: 5px;}
	.product-filter-title h3{ line-height: 25px; font-size: 16px;}
	.product-filter-lists ul li a{ line-height: 20px; font-size: 14px}
	.product-filter-lists ul li a:after{ top: 7px; }
}

/*  */
.product-right{flex: 1;}
.product-lists{padding-top: 45px;}
.product-lists ul li{ width: 33.33%; padding-left: 30px; margin-bottom: 30px;}
.product-lists-other ul{margin-left: -30px;}
.product-lists-other ul li{width: 25%;}

.product-lists-item{ padding: 30px 40px 55px; background-color: #F8F8F8; border-radius: 8px; height: 100%; display: flex; flex-direction: column;}
.product-lists-pic{ position: relative; height: 200px; justify-content: center; align-items: center;}
.product-lists-pic img{max-width: 100%; max-height: 100%;}
.product-lists-pic span{position: absolute; top: 10px; left: 10px; width: 15%;}

.product-lists-title{ padding-top: 10px; text-align: center;}
.product-lists-title h3{ height: 30px; line-height: 30px; font-size: 18px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.product-lists-title p{line-height: 30px; height: 30px; font-size: 16px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;max-width:256px;}

.product-lists-tags {margin: 20px 0 10px; text-align: center; height: 80px; font-size: 0; overflow: hidden; display:none;}
.product-lists-tags span{ display: inline-block; padding: 0 15px; margin: 5px; line-height: 28px; border-radius: 38px; font-size: 14px; border: 1px solid rgb(230, 230, 230);}

.product-lists-info{text-align: center; font-size: 0; overflow: hidden; margin-bottom: auto;}
.product-lists-info span{position: relative; display: inline-block; padding: 0 10px; margin: 5px 0; font-size: 14px; line-height: 1.4;}
.product-lists-info span::before{position: absolute; top: 0; right: 0; content: ""; width: 1px; height: 14px; background-color: rgb(230, 230, 230);}
.product-lists-info span:last-child::before{display: none;}

.product-lists-btn a{ position: relative; align-items: center; justify-content: center; margin-top: 20px; line-height: 45px; border-radius: 60px; border: 1px solid #333;}
.product-lists-btn a img{margin-right: 5px;}
.product-lists-btn a i {display: inline-block; margin: 0 9px 0 5px; width: 8px; height: 8px; border-top: 1px solid #333; border-right: 1px solid #333; transform: rotate(45deg);}
.product-lists-btn a:nth-child(1){background-color: #333; color: #fff;}

.product-online-mall{ padding:40px 0 100px;}
.product-online-mall ul{justify-content: center;}
.product-online-mall ul li{text-align: center; margin: 0 45px;}
.product-online-mall ul li img{max-width: 180px;}
.product-online-mall ul li a{ margin-top: 15px; display: inline-block; padding: 0 35px; line-height: 45px; font-size: 16px; color: #fff; background-color: #333; border-radius: 8px;}

@media (max-width:1440px) {
	.product-lists-item{ padding: 20px; }
	.product-lists-other ul li{width: 33.33%;}
	
}

@media (max-width:1200px) {
	.product-right{ width: 100%;}
	.product-lists ul{margin-left: -30px;}
}

@media (max-width:960px) {
	.product-lists ul li{ width: 50%; }
}

@media (max-width:640px) {
	.product-lists ul{margin-left: -15px;}
	.product-lists ul li{ padding-left: 15px; margin-bottom: 15px;}
	.product-lists-item{ padding: 15px; }
	
	.product-online-mall{ padding:0 0 50px;}
	.product-online-mall ul li{ width: 50%; margin: 0; padding: 0 15px;}
	.product-online-mall ul li div{max-width: 180%;}
	.product-online-mall ul li img{max-width: 180%; width: 100%;}
	.product-online-mall ul li a{  padding: 0 15px; line-height: 40px; }
}

@media (max-width:480px) {
	.product-lists-item{ padding: 15px; }
	.product-lists-pic{ height: 150px; }
	
	.product-lists-title h3{ height: 40px; line-height: 20px; font-size: 16px; white-space: break-spaces; }
	.product-lists-title p{line-height: 30px; height: 30px; font-size: 14px; color: #666;}
	
	.product-lists-info{ height: 60px; }
	.product-lists-info span{position: relative; display: inline-block; padding: 0 10px; margin: 5px 0; font-size: 12px; line-height: .8;}
	.product-lists-info span::before{display: none;}
	
	.product-lists-btn a{ margin-top: 10px; line-height: 40px; }
	.product-lists-btn a:nth-child(1){background-color: #333; color: #fff;}
	
	.product-online-mall ul li{ padding: 0 5px;}
	.product-online-mall ul li a{ margin-top: 10px; width: 80px; padding: 0 10px; line-height: 30px; font-size: 12px; }
}

/* 
*
---------------------------------- detail
*
*/
.detail-product-top{ padding: 30px 0 140px; justify-content: space-between; align-items: flex-start;}
@media (max-width: 1400px) {
	 .detail-product-top{ padding: 30px 0 100px;}
}

@media (max-width: 640px) {
	 .detail-product-top{ padding: 30px 0 60px;}
}

.detail-product-left{ position: relative; width: 50%; padding: 50px; background-color: #F5F5F5;}
@media (max-width:960px) {
	.detail-product-left{ width: 100%; }
}
@media (max-width: 768px) {
	.detail-product-left{  padding: 15px; }
}

.detail-product-box{ position: relative; width: 100%; padding-bottom: 100%; overflow: hidden;}
.detail-product-poster{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px; align-items: center; justify-content: center;}
.detail-product-poster img{max-width: 100%; max-height: 100%;}

.detail-product-nanoe{ position: absolute; top: 15px; right: 15px; width: 16.66%;}
.detail-product-nanoe img{width: 100%;}
@media (max-width: 768px) {
	.detail-product-box{ height: 360px; padding:15px;}
}

 .detail-product-inside{ padding: 0 5px; display: inline-block; background-color: #333; color: #fff;  font-size: 14px; line-height: 1.6; vertical-align: middle; margin-right: 5px;} 

.detail-product-swiper-fovs{position: relative; margin-top: 20px;}
.detail-product-swiper-fovs .swiper{padding-bottom: 10px;}
.detail-product-swiper-fovs .swiper-scrollbar{height: 2px!important;}
.detail-product-swiper-fovs .swiper-slide{}
.detail-product-swiper-fovs-item{ position: relative; display: block; width: 100%; padding-bottom: 100%;}
.detail-product-swiper-fovs-item div{ position: absolute; top: 0; left: 0; align-items: center; justify-content: center; padding: 15px; border: 1px solid rgb(230, 230, 230); border-radius: 6px;}
.detail-product-swiper-fovs-item div img{max-width: 100%; max-height: 100%;}

/* right */
.detail-product-right{ width: 50%; padding-left: 10%;}
@media (max-width:1400px) {
	.detail-product-right{ padding-left: 5%;}
}

@media (max-width:960px) {
	.detail-product-right{ margin-top:25px; width: 100%; padding-left: 0;}
}

@media (max-width: 768px) {
	.detail-product-right{ margin-top: 25px;}
}

.detail-product-title{position: relative;}
.detail-product-title h1{ margin-top: 15px; font-size: 32px; line-height: 1.6; padding-right: 90px; color: #333;}
.detail-product-title h1 span{display: block;}
@media (max-width:1400px) {
	.detail-product-title h1{ font-size: 28px; }
}

@media (max-width:768px) {
	.detail-product-title h1{ font-size: 24px; padding-right: 0; }
}

.detail-product-title-desc{ margin-top: 20px; padding-right: 120px; font-size: 20px; line-height: 1.4; color: #666; }
@media (max-width:1400px) {
.detail-product-title-desc{ margin-top: 20px; padding-right: 0; font-size: 16px; line-height: 1.4; color: #666; }
}
/*  */
.detail-product-dol{position: absolute; top: -20px; right: 0;}

.detail-product-dol-btn{ height: 90px; padding: 25px 15px 15px; border: 1px solid #eee; text-align: center; border-radius: 4px; cursor: pointer;}
.detail-product-dol-btn h3{ margin-top: 15px; font-size: 12px;}

.detail-product-dol-lists{position: absolute; top: 100px; right: 0; z-index:6; width: 200px; padding: 10px 20px 20px; background-color: #eee; border-radius: 6px; display: none;}
.detail-product-dol-lists::after{position: absolute; top: -8px; right: 40px; content: ''; border-bottom: 8px solid #eee; border-left: 8px solid transparent; border-right: 8px solid transparent;}
.detail-product-dol-lists ul li {padding-top: 10px;}
.detail-product-dol-lists ul li a{ display: block; text-align: left; line-height: 1.2;}
.detail-product-dol-active{background-color: #f9f9f9;}
.detail-product-dol-active .detail-product-dol-lists{display: block;}

@media (max-width:1400px) {
	.detail-product-dol-btn{ height: auto; padding: 10px 5px; }
	.detail-product-dol-lists{ top: 80px; width: 200px; }
	.detail-product-dol-lists::after{ right: 28px; }
}

@media (max-width: 768px) {
	.detail-product-dol{ position: static; padding-top: 20px;}
	.detail-product-dol-btn{ display: flex; align-items: center; justify-content: space-between; padding: 0 15px; height: 50px; background-color: #f9f9f9; }
	.detail-product-dol-btn h3{ margin-top: 0; font-size: 16px;}
	.detail-product-dol-lists{position: relative;top: 13px; width: 100%;}
	.detail-product-dol-lists::after{ left: 40px; right: inherit; width: 8px; }
	.detail-product-dol-lists ul li a{font-size: 14px;}
}
/*  */
.detail-product-swiper-colors{position: relative; margin-top: 20px;}
.detail-product-swiper-colors .swiper{padding-bottom: 10px;}
.detail-product-swiper-colors .swiper-scrollbar{height: 2px!important;}
.detail-product-swiper-colors-item { position: relative; display: block; width: 100%; padding-bottom: 100%;}
.detail-product-swiper-colors-item div{ position: absolute; top: 0; left: 0; align-items: center; justify-content: center; padding: 15px; border: 1px solid rgb(230, 230, 230); border-radius: 6px;}
.detail-product-swiper-colors-item div img{max-width: 100%; max-height: 100%;}
.detail-product-swiper-colors-item h3{ margin-top: 15px; padding: 0 5px; font-size: 14px; line-height: 16px; height: 32px; text-align: center; overflow: hidden; text-overflow: ellipsis;}
/*  */
.detail-product-price{margin-top: 25px;}
.detail-product-price ul li{padding: 5px 0; margin-right: 8px;}
.detail-product-price ul li p{font-size: 16px;}
.detail-product-price ul li p span{font-size: 24px; color: #333;}
/*  */
.detail-product-buybtn{ margin-top:10px; justify-content: space-between;}
.detail-product-buybtn a{ position: relative; align-items: center; justify-content: center; margin-top: 50px; width: 48%; line-height: 66px; font-size: 20px; border-radius: 66px; border: 1px solid #333;}
.detail-product-buybtn a img{margin-right: 5px;}
.detail-product-buybtn a i {display: inline-block; margin: 0 9px 0 5px; width: 8px; height: 8px; border-top: 1px solid #333; border-right: 1px solid #333; transform: rotate(45deg);}
.detail-product-buybtn a.detail-product-buybtn-dark{background-color: #333; color: #fff;}
.detail-product-buybtn-qrcode{position: absolute; top: 80px; right: 50%; z-index: 2; padding: 5px; width: 240px; background-color: #fff; border-radius: 6px; transform: translateX(50%); box-shadow: 0 0 15px rgba(0,0,0,.1) ;display: none;}
.detail-product-buybtn-qrcode img{width: 100%!important;}
.detail-product-buybtn-qrcode::after{position: absolute; top: -8px; right: 50%; content: ''; border-bottom: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: translateX(50%);}
.detail-product-buybtn a:hover .detail-product-buybtn-qrcode{display: block;}
@media (max-width:1400px) {
	.detail-product-buybtn a{ margin-top: 10px; line-height: 50px; font-size: 18px;}
}

@media (max-width: 640px) {
	.detail-product-buybtn-qrcode{ top: 70px; width: 100%;}
	.detail-product-buybtn a{ margin-top: 10px; line-height: 40px; font-size: 14px;}
	.detail-product-buybtn a img{width: 14px;}
}
/*  */

.detail-product-head-desc{margin-top: 50px; padding-bottom: 35px;}
.detail-product-head-desc h3{ padding-bottom: 20px; font-size: 20px; border-bottom: 1px solid #F5F5F5; color: #333;}
.detail-product-head-desc ul li p{padding: 17px 0; font-size: 16px; color: #666; line-height: 1.4; border-bottom: 1px solid #F5F5F5; }

/*  */
.detail-product-speico ul li{width: 80px;margin-right: 15px; margin-top:15px; }
.detail-product-speico ul li img{width: 100%;}
/*  */
.detail-product-nav{ background-color: #fff; box-shadow: 0px 10px 10px rgba(190, 190, 190, 0.25);}
.detail-product-nav ul li{margin-right: 35px;}
.detail-product-nav ul li a{ position: relative; display: block; line-height: 100px; padding: 0 25px; font-size: 24px;}
.detail-product-nav ul li a::before{position: absolute; bottom: 0; left: 0; content: ""; width: 0; height: 4px; background-color: var(--default); transition: .3s;}
.detail-product-nav ul li a:hover,
.detail-product-nav ul li.on a{ color: var(--default);}
.detail-product-nav ul li a:hover::before,
.detail-product-nav ul li.on a::before{ width: 100%;}
@media (max-width: 768px) {
	.detail-product-nav ul li{margin: 0 25px;}
	.detail-product-nav ul li a{line-height: 50px;  font-size: 16px;}
}

@media (max-width: 640px) {
	.detail-product-nav ul li{margin: 0 10px; }
	.detail-product-nav ul li a{line-height: 40px; font-size: 14px;}
}


/*  */
.detail-product-content-item { padding-top: 50px; padding-bottom: 30px;}
.detail-product-content-item +.new-demo-wrap{
    margin-top: -30px;
}
.detail-product-content-title{ text-align: center; margin-top: 15px; font-size: 32px;}
.detail-product-content-article{margin-top: 20px;}
.detail-product-content-article img{width:100%;}
.detail-product-content-video video{margin:15px auto 0; width:100%; height:auto; background-color:#333;}
/*  */
.detail-product-content-lists {}
.detail-product-content-lists ul{}
.detail-product-content-lists ul li{display: flex; flex-wrap: wrap; background-color: rgb(244, 244, 244);}
.detail-product-content-lists ul li div{ width: 50%;}
.detail-product-content-lists ul li div img{width: 100%;}
.detail-product-content-lists ul li div:nth-child(2){padding: 50px 100px; display: flex; justify-content: center; flex-direction: column; }
.detail-product-content-lists ul li div:nth-child(2) h3{ font-size: 32px; line-height: 1.4;}
.detail-product-content-lists ul li div:nth-child(2) p{ margin-top: 20px; font-size: 18px; line-height: 1.6;}
.detail-product-content-lists ul li div:nth-child(2) p span{ display: inline-block; line-height: 1.6!important;}
.detail-product-content-lists ul li:nth-child(2n){flex-direction: row-reverse;}
@media (max-width: 1230px) {
	.detail-product-content-lists ul li div:nth-child(2){ padding:30px 50px;}
	.detail-product-content-lists ul li div:nth-child(2) h3{ font-size: 32px; }
}

@media (max-width: 1000px) {
       .detail-product-content-lists ul li div{ width: 100%;}
	   .detail-product-content-lists ul li div:nth-child(2) h3{ font-size: 28px; }
}

@media (max-width: 768px) {
    .detail-product-content-lists ul li div:nth-child(2){ padding:30px;}
    .detail-product-content-lists ul li div:nth-child(2) h3{ font-size: 20px; }
    .detail-product-content-lists ul li div:nth-child(2) p{ margin-top: 20px; font-size: 16px; line-height: 1.4;}
}
/*  */
.content-style-params{  margin-bottom: 35px; padding: 35px 80px 80px; background-color: #FAFAFA;}
.content-style-params div{padding-top: 45px;}
.content-style-params div h3{ margin-bottom: 15px; font-size: 24px; font-weight: bold;}
.content-style-params div ul{ padding-left: 25px; margin-left:-2%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.content-style-params div ul li{ width: 50%; padding-left:2%; font-size: 16px; display: flex; flex-wrap: wrap; justify-content: space-between; word-break:break-all;}
.content-style-params div ul li p{padding: 20px 0; font-size: 16px; line-height: 1.4; border-bottom: 1px solid #E6E6E6;}
.content-style-params div ul li p:nth-child(1){flex: 1;}
.content-style-params div ul li p:nth-child(2){width: 70%; padding-left: 15px; text-align: right;}
.content-style-params div ul li:last-child{flex:1;}

@media (max-width:1200px) {
	.content-style-params div ul{ padding-left: 0; margin-left:0; }
}


@media (max-width:768px) {
	.content-style-params { padding: 15px 40px 40px; }
}

@media (max-width:640px) {
	.content-style-params {  padding: 15px 20px 40px; }
	.content-style-params div ul{padding-left:0;}
	.content-style-params div ul li{ width: 100%; }
	.content-style-params div h3{ font-size: 20px; }
}
@media (max-width:480px) {
	.content-style-params{padding: 10px 10px 30px; }
	.content-style-params div h3{ margin-bottom: 10px; font-size: 16px; }
	.content-style-params div ul li{ padding: 10px 0;}
	.content-style-params div ul li p{ font-size: 12px;}
}

.content-style-params-fr{  margin-bottom: 35px; padding: 35px 80px 80px; background-color: #FAFAFA;}
.content-style-params-fr div{padding-top: 45px;}
.content-style-params-fr div h3{ margin-bottom: 15px; font-size: 24px; font-weight: bold;}
.content-style-params-fr div ul{ padding-left: 25px; margin-left:-2%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.content-style-params-fr div ul li{ width: 50%; padding-left:2%; font-size: 16px; display:flex; justify-content: space-between; word-break:break-all;}
.content-style-params-fr div ul li p{padding: 20px 0; font-size: 16px; line-height: 1.4; border-bottom: 1px solid #E6E6E6;}
.content-style-params-fr div ul li p:nth-child(1){flex: 1;white-space:nowrap;}
.content-style-params-fr div ul li p:nth-child(2){width:100%; padding-left: 15px; text-align: right;}
.content-style-params-fr div ul li:last-child{flex:1;}

@media (max-width:1200px) {
	.content-style-params-fr div ul{ padding-left: 0; margin-left:0; }
}


@media (max-width:768px) {
	.content-style-params-fr { padding: 15px 40px 40px; }
}

@media (max-width:640px) {
	.content-style-params-fr {  padding: 15px 20px 40px; }
	.content-style-params-fr div ul{padding-left:0;}
	.content-style-params-fr div ul li{ width: 100%; }
	.content-style-params-fr div h3{ font-size: 20px; }
}
@media (max-width:480px) {
	.content-style-params-fr{padding: 10px 10px 30px; }
	.content-style-params-fr div h3{ margin-bottom: 10px; font-size: 16px; }
	.content-style-params-fr div ul li{ padding: 10px 0;}
	.content-style-params-fr div ul li p{ font-size: 12px;}
}



/*  */
.detail-product-content-up{padding: 15px;}
.detail-product-content-up ul li img{width:100%!important; max-height: 100%!important;}
.detail-product-content-up ul li div{padding:50px 0 60px; text-align: center;}
.detail-product-content-up ul li h3{ margin-bottom: 25px; font-size:40px;line-height:1.4}
.detail-product-content-up ul li p{margin-bottom:15px;font-size:18px;line-height:1.4}
@media (max-width:1230px){

	.detail-product-content-up ul li div h3{font-size:32px}
}
@media (max-width:1000px){
	.detail-product-content-up ul li div{width:100%}
	.detail-product-content-up ul li div h3{font-size:28px}
}
@media (max-width:768px){
	.detail-product-content-up ul li div{padding:30px}
	.detail-product-content-up ul li div h3{font-size:24px}
	.detail-product-content-up ul li div p{margin-bottom:10px ; font-size:16px;}
}


/*  */
.content-style-left{  padding: 15px 0; min-height: 150px;}
.content-style-left ul li{display:flex;flex-wrap:wrap;background-color:#f4f4f4}
.content-style-left ul li div{width:50%}
.content-style-left ul li div img{width:100%}
.content-style-left ul li div:nth-child(2){padding:50px 100px; display: flex; justify-content: center; flex-direction: column;}
.content-style-left ul li div:nth-child(2) h3{font-size:36px;line-height:1.4}
.content-style-left ul li div:nth-child(2) h3 span{display:block}
.content-style-left ul li div:nth-child(2) p{margin-top:20px;font-size:18px;line-height:1.6}
.content-style-left ul li:nth-child(2n){flex-direction:row-reverse}
@media (max-width:1230px){
	.content-style-left ul li div:nth-child(2){padding:30px 50px}
	.content-style-left ul li div:nth-child(2) h3{font-size:28px}
}
@media (max-width:1000px){
	.content-style-left ul li div{width:100%}
	.content-style-left ul li div:nth-child(2) h3{font-size:24px}
}
@media (max-width:768px){
	.content-style-left ul li div:nth-child(2){padding:30px}
	.content-style-left ul li div:nth-child(2) h3{font-size:24px}
	.content-style-left ul li div:nth-child(2) p{margin-top:20px;font-size:16px;line-height:1.4}
}

@media (max-width:640px){
	.content-style-left ul li div:nth-child(2) h3{font-size:20px}
	.content-style-left ul li div:nth-child(2) p{margin-top:10px; }
}

@media (max-width:480px){
	.content-style-left ul li div:nth-child(2){padding:30px 15px;}
	.content-style-left ul li div:nth-child(2) h3{font-size:18px}
	.content-style-left ul li div:nth-child(2) p{ font-size: 14px;}
}

/*  */
.content-style-up{ padding: 15px 0; min-height: 150px;}
.content-style-up ul li{display: flex;}
.content-style-up ul li{flex-direction: column-reverse;align-items: center;}
.content-style-up ul li img{width:100%!important; max-height: 100%!important;}
.content-style-up ul li div{padding:50px 0 60px; text-align: center;}
.content-style-up ul li h3{ margin-bottom: 25px; font-size:40px;line-height:1.4}
.content-style-up ul li p{margin-bottom:15px;font-size:18px;line-height:1.4}
@media (max-width:1230px){
	.content-style-up ul li div h3{font-size:32px}
}
@media (max-width:1000px){
	.content-style-up ul li div{width:100%}
	.content-style-up ul li div h3{font-size:28px}
}
@media (max-width:768px){
	.content-style-up ul li div{padding:30px}
	.content-style-up ul li div h3{font-size:24px}
	.content-style-up ul li div p{margin-bottom:10px ; font-size:16px;}
}

@media (max-width:640px){
	.content-style-up ul li div h3{ margin-bottom: 15px; font-size:20px;}
}


@media (max-width:480px){
	.content-style-up ul li div h3{ margin-bottom: 10px; font-size:18px;}
	.content-style-up ul li div p{ font-size:14px;}
}

/**/
.content-camera{ margin-bottom: 35px; padding: 35px 80px 80px; background-color: #FAFAFA;}
.content-camera .camera-params-paper{padding-top: 45px;}
.camera-params-title {padding-bottom: 15px; border-bottom: 1px solid #484848;}
.camera-params-title h3{font-size: 24px; line-height:1.4; }

.camera-params-lv1{width: 240px; margin-right: 25px; padding: 15px 0; line-height:1.4; border-bottom: 1px solid #ccc;}
.camera-params-item ul li {display:flex;word-break: break-all;}
.camera-params-item ul{flex: 1; width: 100%;}
.camera-params-item ul li div{line-height:1.4;}
.camera-params-item ul li div:last-child{flex: 1; margin-right: 0; padding: 15px 0; border-bottom: 1px solid #ccc;}

@media (max-width:1200px) {
	.content-camera { padding: 15px 40px 40px; }
	
	.camera-params-item > .camera-params-lv1{width:100%;}
}

@media (max-width:640px) {
	.content-cameras {  padding: 15px 20px 40px; }
	.camera-params-lv1{width:180px;}
 
}
@media (max-width:480px) {
	.content-camera{padding: 10px 10px 30px; }
	.camera-params-lv1{width:120px;}
	 
}

.container .content-style-left{
	background-color: #f4f4f4;
	padding: 0;
	margin: 0 auto;
}
.container .content-style-left{
	margin-top: 15px;
}
.container .content-style-left+.content-style-left, .container .single-new-template+.content-style-left{
	margin-top: 0;
}
.container .content-style-left +.detail-product-content-up, .container .content-style-left +.content-style-up{
	padding-top: 30px;
}
.content-has-title {
	width: 90%;
	margin: 0 auto;
}
.content-style-left .content-has-title ul li div:nth-child(2){
	padding: 0;
}
.content-style-left .content-has-title ul li:nth-child(2n+1) div:nth-child(2){
	padding-left: 20px;
}
.content-style-left .content-has-title ul li:nth-child(2n) div:nth-child(2){
	padding-right: 20px;
}
.feature-section img{
	width: 100%;
}
.content-style-left .section-title {
	text-align: center;
	padding-bottom: 32px;
}

.content-style-left .feature-section h3 {
	font-size: 36px;
	line-height: 1.4;
}

.content-style-left .feature-section h4 {
	font-size: 24px;
	line-height: 1.4;
}
.content-style-left .feature-section .content-bottom h4 {
	margin-top: 24px;
}
.content-style-left .feature-section .content-top p {
	margin-bottom: 24px;
}

.content-style-left .feature-section {
	padding-top: 64px;
	padding-bottom: 64px;
}
.content-style-left>.list-paddingleft-2 {
	padding-top: 0;
}
.content-style-left+.content-style-left>.list-paddingleft-2{
	padding-top: 64px;
}
.content-style-left .feature-section+.feature-section {
	padding-top: 64px;
}
.contents-layoutframe{
	width: 90%;
	margin: 0 auto;
}
.contents-layoutframe .flex-content .content-item-2 div:nth-child(2){
	padding-top: 32px;
}
.contents-layoutframe .flex-content .contents-item div:nth-child(2){
	margin-top: 20px;
}
.contents-layoutframe .flex-content .contents-item{
	display: flex;
	flex-direction: column;
}
.contents-layoutframe .flex-content .contents-item div:nth-child(1){
	margin-bottom: auto;
}
.contents-layoutframe p{
	margin-top: 20px;
	font-size: 18px;
	line-height: 1.6;
}
.contents-layoutframe .flex-content {
	display: flex;
	justify-content: space-between;
}
.contents-layoutframe .flex-2 .content-item-2, .contents-layoutframe .flex-2-2 .content-item-2{
	width: calc(50% - 10px);
}
.contents-layoutframe .flex-3 .contents-item{
	width: calc((100% - 40px) / 3);
}
.contents-layoutframe .flex-4 .contents-item{
	width: calc((100% - 60px) / 4);
}
.contents-layoutframe .flex-content.flex-4 .contents-item{
	flex-direction: column-reverse;
}
.contents-layoutframe .flex-content.flex-4 .contents-item div:nth-child(2){
	margin-top: 0;
}
.contents-layoutframe .flex-content.flex-4 .contents-item div:nth-child(1){
	margin-top: 20px;
}
.content-style-left .feature-section.list-paddingleft-2.last-section{
	padding-bottom: 0;
}
@media(max-width: 1000px){
	.contents-layoutframe, .content-has-title{
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}
	.content-style-left .section-title {
		text-align: left;
		padding-bottom: 24px;
	}
	.contents-layoutframe .flex-content{
		flex-direction: column;
	}
	.contents-layoutframe .flex-content .content-item-2{
		width: 100%;
	}
	.contents-layoutframe .flex-content .contents-item{
		width: 100%;
		flex-direction: row-reverse;
		padding: 10px 0;
		border-top: 1px solid #c1c1c1;
	}
	.contents-layoutframe .flex-content.flex-4 .contents-item{
		border-top: none;
		justify-content: flex-end;
	}
	.contents-layoutframe .flex-content.flex-4{
		flex-direction: row;
		flex-wrap: wrap;
	}
	.contents-layoutframe .flex-content.flex-4 .contents-item{
		width: calc((100% - 20px) / 2);
	}
	.contents-layoutframe .flex-3{
		border-bottom: 1px solid #c1c1c1;
	}
	.contents-layoutframe .flex-content .contents-item div:nth-child(1){
		margin-bottom: 0;
		width: 100%;
		padding-left: 10px;
	}
	.contents-layoutframe .flex-content .contents-item div:nth-child(2){
		margin-top: 0;
	}
	.contents-layoutframe .flex-content .contents-item div:nth-child(2) img{
		width: 145px;
	}
	.contents-layoutframe .flex-content.flex-4 .contents-item div:nth-child(2) img{
		width: 100%;
	}
	.contents-layoutframe .flex-content .content-item-2 div:nth-child(2){
		padding: 24px 10px 0 10px;
	}
	.content-style-left ul li, .contents-layoutframe .flex-content .content-item-2{
		padding-bottom: 48px;
	}
	.content-style-left .content-has-title ul li:nth-child(2n+1) div:nth-child(2), .content-style-left ul li div:nth-child(2),.content-style-left .content-has-title ul li div:nth-child(2){
		padding: 24px 10px 0 10px;
	}
	.content-style-left .section-title{
		padding-bottom: 24px;
	}
	.content-style-left .feature-section h3 {
		font-size: 24px;
	}
	.content-style-left .feature-section h4 {
		font-size: 20px;
	}
	.content-style-left .feature-section {
		padding-top: 48px;
		padding-bottom: 0;
	}
	.content-style-left .feature-section.flex-3-wrap{
		padding-bottom: 48px;
	}
	.content-style-left>.list-paddingleft-2 {
		padding-top: 0;
	}
	.content-style-left .feature-section+.feature-section {
		padding-top: 48px;
	}
	.content-style-left+.content-style-left>.list-paddingleft-2{
		padding-top: 48px;
	}
}
@media(max-width: 768px){
	.content-style-left .feature-section .content-bottom{
		padding-bottom: 30px;
	}
	.content-style-left .feature-section .content-bottom h4 {
		margin-top: 0;
	}
	.contents-layoutframe .flex-content p {
		font-size: 16px;
	}
	.content-style-left .feature-section h3 {
		font-size: 24px;
	}
	.content-style-left .feature-section h4 {
		font-size: 20px;
	}
	.content-style-left .feature-section {
		padding-top: 30px;
		padding-bottom: 0;
	}
	.content-style-left ul li, .contents-layoutframe .flex-content .content-item-2{
		padding-bottom: 30px;
	}
	.content-style-left .feature-section.flex-3-wrap{
		padding-bottom: 30px;
	}
	.content-style-left>.list-paddingleft-2 {
		padding-top: 0;
	}
	.content-style-left .feature-section+.feature-section {
		padding-top: 30px;
	}
	.content-style-left+.content-style-left>.list-paddingleft-2{
		padding-top: 30px;
	}
}
@media (max-width:640px){
	.content-style-left .feature-section h3 {
		font-size: 20px;
	}
	.content-style-left .feature-section h4 {
		font-size: 18px;
	}
	.contents-layoutframe .flex-content .content-item-2 div:nth-child(2) p {
		margin-top:10px;
	}
}
@media(max-width: 480px){
	.content-style-left .feature-section h3 {
		font-size: 18px;
	}
	.content-style-left .feature-section h4 {
		font-size: 16px;
	}
	.contents-layoutframe .flex-content p {
		font-size: 14px;
	}
}

    
.single-new-template .accordion-wrap, .new-demo-wrap{
    background-color: #f4f4f4;
    padding: 64px 120px;
}
.single-new-template .accordion-wrap.theme-white{
	background-color: #ffffff;
}
.single-new-template .accordion-container{
    width: 100%;
    max-width: 976px;
    margin: 0 auto;
    position: relative;
    margin-top: 40px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    min-height: 300px;
}
.single-new-template .accordion-container .items{
    width: 66%;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease-in;
    /* display: flex; */
    background-color: #ffffff;
    position: absolute;
    right: 0;
    top: 0;
	min-height: 300px;
	padding: 20px;
}
.single-new-template .accordion-container .items:nth-of-type(3)~ .items{
	top: auto;
	bottom: 0;
}
.single-new-template .accordion-container .items.active{
    opacity: 1;
    pointer-events: all;
}
.single-new-template .accordion-container .items img{
    width: 46.9%;
}
.single-new-template .accordion-container .items p{
    width: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.single-new-template .accordion-container .btn{
    width: 31.9%;
    box-sizing: border-box;
    height: 77px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    color: #484848;
    background-color: #fff;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
    position: relative;
}
.single-new-template .accordion-container .btn.active{
    background-color: #484848;
    color: #fff;
}
.single-new-template .accordion-container .btn.active::after{
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 21px;
    background: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSI3OCIgdmlld0JveD0iMCAwIDIwIDc4Ij4KICA8cGF0aCBkPSJNMCwwLDIwLDM5aDBMMCw3OFoiIGZpbGw9IiM0ODQ4NDgiLz4KPC9zdmc+);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 0;
    left: calc(100% - 1px);
}
.single-new-template .accordion-wrap h3, .new-demo-wrap h3 {
    color: rgb(50, 50, 50);
    font-size: 36px;
    font-weight: 500;
    text-align: center;
}
.single-new-template .accordion-wrap p, .new-demo-wrap p {
    color: rgb(47, 47, 47);
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}
.new-demo-wrap {
    background-color: #efefef;
}
.new-demo-wrap .demo-container{
    display: flex;
    max-width: 976px;
    margin: 0 auto;
    gap: 20px;
    align-items: flex-start;
    margin-top: 40px;
}
.new-demo-wrap img{
    width: 100%;
}
.new-demo-wrap .img-list-wrap{
    width: 640px;
    position: relative;
}
.new-demo-wrap .list-wrap .item{
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    background-color: #ffffff;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
.new-demo-wrap .list-wrap .item.active{
    background-color: #4f5153;
    color: #ffffff;
}
.new-demo-wrap .detail-swiper-wrap{
    width: 316px;
    background-color: #ffffff;
    padding: 10px;
    display: flex;
}
.new-demo-wrap .detail-swiper-wrap .swiper-slide{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.new-demo-wrap .detail-swiper-wrap .contents-block{
    flex-grow: 1;
    margin-bottom: auto;
}
.new-demo-wrap .detail-swiper-wrap .title{
    font-size: 24px;
    line-height: 1.4;
}
.new-demo-wrap .detail-swiper-wrap .content{
    margin-top: 20px;
    font-size: 18px;
    line-height: 1.6;
}
.new-demo-wrap .detail-swiper-wrap img{
    margin-top: 20px;
}
.new-demo-wrap .detail-swiper-wrap .num{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #4f5153;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin: 20px auto;
}
.new-demo-wrap .demo-pagination{
    display: none;
}
@media (max-width: 1400px){
    .single-new-template .accordion-wrap, .new-demo-wrap {
        padding-left: 80px;
        padding-right: 80px;
    }
}
@media (max-width: 1230px) {
    .single-new-template .accordion-wrap h3 , .new-demo-wrap h3{
        font-size: 32px;
    }
    .single-new-template .accordion-wrap, .new-demo-wrap {
        padding-left: 50px;
        padding-right: 50px;
    }
}
@media (max-width: 960px) {
    .single-new-template .single-products-items a {
        margin-top: 20px;
        padding: 0 30px;
        font-size: 14px;
        line-height: 40px;
    }
    .single-new-template .accordion-wrap h3, .new-demo-wrap h3 {
        font-size: 28px;
    }
    .single-new-template .accordion-wrap, .new-demo-wrap {
        padding-left: 30px;
        padding-right: 30px;
    }
	.new-demo-wrap .list-wrap .item{
		width: 28px;
		height: 28px;
		border-radius: 14px;
	}
}
@media (max-width: 768px) {
    .single-new-template .accordion-wrap, .new-demo-wrap {
        padding-left: 15px;
        padding-right: 15px;
    }
    .single-new-template .accordion-wrap h3 , .new-demo-wrap h3{
        font-size: 24px;
    }
    .single-new-template .accordion-container .btn, .single-new-template .accordion-container .items{
        position: static;
        width: 100%;
        opacity: 1;
        display: flex;
        flex-direction: column;
    }
    .single-new-template .accordion-container{
        flex-direction: column;
        border-bottom: 1px solid #484848;
        background-color: #fff;
    }
    .single-new-template .accordion-container .items img ,.single-new-template .accordion-container .items p{
        width: calc(100% - 20px);
        margin: 0 auto;
        padding: 0;
        margin-top: 20px;
    }
    .single-new-template .accordion-container .btn{
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        border-top: 1px solid #484848;
    }
    .single-new-template .accordion-container .btn::after{
        content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+CiAgPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2IDIzKSIgZmlsbD0iIzQ4NDg0OCIvPgogIDxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjE2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMyAxNikiIGZpbGw9IiM0ODQ4NDgiLz4KPC9zdmc+);
        height: 48px;
        width: 48px;
        flex-shrink: 0;
        right: 10px;
        position: absolute;
    }
    .single-new-template .accordion-container .btn.active::after{
        height: 48px;
        width: 48px;
        left: unset;
        content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+CiAgPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2IDIzKSIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4=);
    }
    .single-new-template .accordion-container .btn.top{
        top: unset;
        margin-top: 10px;
    }
    .single-new-template .accordion-container .items{
        height: 0;
        overflow: hidden;
		min-height: 0;
		padding: 0;
    }
    .single-new-template .accordion-container .items.active{
        height: auto;
		padding: 20px;
    }
	.new-demo-wrap .demo-container{
		flex-direction: column;
	}
	.new-demo-wrap .img-list-wrap, .new-demo-wrap .detail-swiper-wrap{
		width: 100%;
	}
	.new-demo-wrap .demo-pagination{
		display: flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
        margin-top: 20px;
        position: relative;
        z-index: 9;
	}
    .new-demo-wrap .demo-pagination .swiper-pagination-bullet{
        background: #4f5153;
        width: 6px;
        height: 6px;
        border-radius: 3px;
    }
    .new-demo-wrap .detail-swiper-wrap .title{
        font-size: 20px;
    }
    .new-demo-wrap .detail-swiper-wrap .content{
        font-size: 16px;
    }
}
@media (max-width: 450px) {
    .new-demo-wrap .list-wrap .item{
		width: 24px;
		height: 24px;
		border-radius: 12px;
        font-size: 12px;
	}
}