<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* 
*
----------------------------------  service
*
*/
.service-product-lists ul {margin-left: -30px;}
.service-product-lists ul li{padding-left: 30px; margin: 30px 0; width: 25%;}
.service-product-item{ display: block; padding: 20px; border: 1px solid #eee; border-radius: 8px;}
.service-product-item h3{ margin-top: 10px; text-align: center; line-height: 30px; font-size: 18px; color: #333;}
.service-product-pic{ height: 150px; justify-content: center; align-items: center;}
.service-product-pic img{max-width: 100%; max-height: 100%;}

.service-help-lists{padding-bottom: 100px;}
.service-help-lists ul {margin-left: -60px;}
.service-help-lists ul li{padding-left: 60px; margin-top: 30px; width: 33.33%;}
.service-help-item{ display: block; padding: 30px 40px; border: 1px solid #eee; border-radius: 8px; line-height: 1.6;}
.service-help-item h3{ font-size: 24px; color: #333;}
.service-help-item p{ margin-top: 10px;  font-size: 18px; color: #666;}

@media (max-width: 1400px) {
	.service-help-item p{height: 56px;}
}

@media (max-width: 1200px) {
	.service-help-lists ul {margin-left: -30px;}
	.service-help-lists ul li{padding-left: 30px; margin-top: 30px; }
}

@media (max-width:960px) {
	.service-product-lists ul li{ width: 33.33%;}
	
	.service-help-lists{padding-bottom: 80px;}
	.service-help-lists ul {margin-left: -15px;}
	.service-help-lists ul li{padding-left: 15px; margin-top: 15px; }
	
	.service-help-item{ padding: 15px; }
	.service-help-item h3{ font-size: 20px; }
	.service-help-item p{ font-size: 16px; }
}

@media (max-width:768px) {
	.service-help-lists{padding-bottom: 50px;}
	
	.service-product-item{ padding: 15px; }
	.service-product-item h3{ font-size: 16px; }
	.service-product-pic{ height: 120px; }
}

@media (max-width:640px) {
	.service-help-lists{padding-bottom: 30px;}
	.service-product-lists ul li,
	.service-help-lists ul li{ width: 50%;}
}

@media (max-width:480px) {
	.service-product-lists ul{margin-left: -15px;}
	.service-product-lists ul li{ margin: 15px 0 0; padding-left: 15px;}
	.service-help-lists ul li{ width: 100%;}
	
	.service-help-item p{height: auto;}
}

/* 
*
----------------------------------  service list
*
*/
.service-categories{}
.service-categories-menus{border-bottom: 1px solid #F8F8F8;}
.service-categories-menus ul li{margin-right: 60px;}
.service-categories-menus ul li a{ position: relative; display: block; padding: 35px 0; line-height: 36px; font-size: 24px;}
.service-categories-menus ul li a::before{position: absolute; bottom: -3px; left: 0; content: ''; width: 0; height: 3px; background-color: #333; transition: .3s;}
.service-categories-menus ul li.on a::before,
.service-categories-menus ul li a:hover::before{width: 100%;}

.service-categories-wrap .service-categories-wrap-item{display: none;}
.service-categories-wrap .service-categories-wrap-item:first-child{display: block;}

.service-categories-lists ul {margin-left: -20px;}
.service-categories-lists ul li{padding-left: 20px; margin: 20px 0; width: 16.66%;}
.service-categories-item{ display: block; padding: 20px; border: 1px solid #eee; border-radius: 8px;}
.service-categories-item h3{ margin-top: 10px; text-align: center; line-height: 30px; font-size: 18px; color: #333;}
.service-categories-pic{ height: 150px; justify-content: center; align-items: center;}
.service-categories-pic img{max-width: 100%; max-height: 100%;}

/* @media (max-width:640px) {
	.service-product-lists ul li{ width: 50%;}
} */

/*  */
.service-support-bg{ padding: 50px 0 150px; background-color: #F6F6F6;}

.service-support-left{margin-top: 30px;width: 65%;}

.service-support-choose{align-items: center;}
.service-support-choose&gt;span{font-size: 24px;}
.service-support-choose .dropdown{ width: 360px; font-size: 18px;}

.service-support-lists ul li{margin-bottom: 30px;}
.service-support-item{ padding: 40px 80px 40px 60px; justify-content: space-between; align-items: center; background-color: #fff;border-radius: 8px;}
.service-support-item div{width: 78%;}
.service-support-item h3{font-size: 24px; line-height: 1.4; height: 67px; overflow: hidden;}
.service-support-item p{margin-top: 25px; font-size: 18px;}

.service-support-item a{width: 35px;}
.service-support-item a img{width: 100%;}

.service-support-right{margin-top: 30px; width: 35%; padding-left: 50px;}
.service-support-aside{ margin-bottom: 40px; padding: 35px 60px; background-color: #fff; border-radius: 8px;}

.service-support-aside h3{font-size: 24px; color: #333;}
.service-support-aside p{ margin: 15px 0 30px; font-size: 16px; line-height: 1.4;}
.service-support-aside a{display: inline-block; line-height: 50px; padding: 0 35px; background-color: #525252; color: #fff; font-size: 18px; border-radius: 4px;}


/* 
*
----------------------------------  books
*
*/

.service-books{border: 2px solid rgb(229, 229, 229);border-radius: 8px; overflow: hidden;}
.service-books-left{padding: 30px 40px; width: 50%; background-color: #EBEBEB;}
.service-books-left h3{font-size: 24px}
.service-books-select{margin-top: 20px;border-radius: 8px;}
.service-books-select .dropdown{ font-size: 18px;}
.service-books-select-poster{ margin-top: 40px; align-items: center; justify-content: center; height: 340px; background-color: #fff; border: 1px solid rgb(153, 153, 153);border-radius: 8px;}
.service-books-select-poster img{max-width: 100%; max-height: 100%;}

.service-books-right{width: 50%; padding: 60px;}
.service-books-title h3{font-size: 24px; color: #333;}
.service-books-title p{ margin-top: 25px; padding: 25px 0; font-size: 18px; border-top: 1px solid #eee; color: #666;}
.service-books-lists ul li{padding: 15px 0; border-bottom: 1px solid #eee;}
.service-books-lists ul li a{justify-content: space-between; font-size: 16px;}

/* 
*
----------------------------------  new
*
*/
.new-banner-swiper .swiper-slide img{width: 100%;}
.new-banner-swiper .swiper-pagination-bullet {width: 60px; border-radius: 4px;}
.new-banner-swiper .swiper-pagination-bullet-active{background-color: #333;}
.new-banner-title{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.new-banner-title .container{align-items: center; height: 100%;}
.new-banner-title h3{font-size: 40px; line-height: 1.4;}
.new-banner-title p{ margin-top: 20px; max-width: 400px; font-size: 20px; line-height: 1.4;}
/* .new-banner-title a{ margin-top: 20px; display: inline-block; padding: 0 45px; line-height: 45px; border-radius: 60px; font-size: 16px; background-color: #333; border: 1px solid #333; color: #fff;} */


@media (max-width:1600px) {
	.new-banner-title h3{font-size: 36px;}
}

@media (max-width:1400px) {
	.new-banner-title h3{font-size: 32px;}
	.new-banner-title p{ margin-top: 15px; font-size: 18px;}
}

@media (max-width:1200px) {
	.new-banner-title h3{font-size: 28px;}
	.new-banner-title p{ font-size: 16px;}
}

@media (max-width:768px) {
	.new-banner-title .container{display: block; padding: 30px;}
	.new-banner-title h3{font-size: 24px;}
	.new-banner-title p{ font-size: 14px;}
}

@media (max-width:640px) {
	.new-banner-title h3{font-size: 18px;}
	.new-banner-title p{ font-size: 12px; margin-top: 5px;}
}

.pro-new-banner{position:relative}
.pro-new-banner .new-banner-img{display:block;width:100%}
.pro-new-banner .pro-link-item{color:#333;padding:5px 8px;height:fit-content;position:relative}
.pro-new-banner .pro-link-item.text-white h3{color:#fff}
.pro-new-banner .pro-link-item.text-white:hover h3{color:#333}
.pro-new-banner .item-wrap{position:absolute;display:flex}
.pro-new-banner .pro-link-item:hover{background-color:#fff}
.pro-new-banner h3{font-size:max(calc((20 / 1920) * 100vw));white-space:nowrap}
.pro-new-banner .pro-link-item:hover p{opacity:1;visibility:visible;transform:translateY(0)}
.pro-new-banner p{position:absolute;top:-50px;left:50%;margin-left:-50px;width:100px;padding:8px 0;text-align:center;background-color:#333;border-radius:4px;color:#fff;margin-top:5px;font-size:max(calc((16 / 1920) * 100vw));opacity:0;visibility:hidden;transform:translateY(5px);transition:.3s}
.pro-new-banner p:before{position:absolute;bottom:-8px;left:50%;margin-left:-6px;content:'';border-top:8px solid #333;border-left:8px solid transparent;border-right:8px solid transparent}
.pro-new-banner .link-icon{width:max(calc((50 / 1920) * 100vw));margin-right:5px}
.pro-link-item-1{left:8.1%;top:49.6%}
.pro-link-item-2{left:20%;top:46.5%}
.pro-link-item-3{top:37%;left:39.5%}
.pro-link-item-4{bottom:32%;left:42.5%}
.pro-link-item-5{right:34%;top:34%;flex-direction:column-reverse}
.pro-new-banner .pro-link-item-5 a{margin-left:15px}
.pro-link-item-6{flex-direction:column;right:27%;top:46%}
.pro-new-banner .pro-link-item-6 a{margin-left:15px;margin-top:-10px}
.pro-link-item-7{flex-direction:column;left:57%;bottom:32%}
.pro-new-banner .pro-link-item-7 a{margin-left:-15px}
.pro-link-item-8{top:7%;right:25%}
.pro-link-item-9{left:58%;bottom:4%}
.pro-new-banner .pro-link-item-9 a{margin-top:15px}
.pro-link-item-10{right:3.5%;bottom:50%}
@media screen and (max-aspect-ratio:11/10){.pro-new-banner{overflow:scroll}
	.pro-new-banner-contnainer{width:max(calc((2400 / 750) * 100vw));position:relative}
	.pro-new-banner-contnainer .new-banner-img{width:max(calc((2400 / 750) * 100vw))}
	.pro-new-banner h3{font-size:max(calc((28 / 750) * 100vw));white-space:nowrap}
	.pro-new-banner p{font-size:max(calc((24 / 750) * 100vw))}
	.pro-new-banner .link-icon{width:max(calc((70 / 750) * 100vw))}
	.pro-link-item-5{right:33%;top:33%}
	.pro-link-item-6{right:26%}
	.pro-link-item-8{right:23%}
	.pro-link-item-9{bottom:2.5%}
	.pro-link-item-10{right:1.5%;bottom:50%}
}
































/* news */
.news-left{width: 150px;}

.news-category-title h3{font-size: 32px;}
.news-category-lists{margin-top: 50px;}
.news-category-lists ul li{padding: 12px 0;}
.news-category-lists ul li a{font-size: 20px; color: #B2B2B2;}
.news-category-lists ul li.on a,
.news-category-lists ul li a:hover{color: #666;}

.news-center{flex: 1; padding: 0 100px;}

.news-header-poster{ display: block;  height: 360px; background-color: #f5f5f5;}
.news-header-title h3{font-size: 20px; line-height: 1.4; color: #333;}
.news-header-title p{padding: 24px 0; font-size: 14px;}
.news-header-title p span.news-tag{display: inline-block; margin-right: 10px; line-height: 26px; padding: 0 15px; font-size: 12px; border-radius: 15px; color: #666; background-color: #E5E5E5;}

.news-lists ul li{margin-top: 30px;}
.news-lists-pic{ display: block; width: 45%;}
.news-lists-pic img{width: 100%; }

.news-lists-title{width: 55%; padding-left: 40px;}
.news-lists-title h3{font-size: 20px; line-height: 1.4; color: #333;}
.news-lists-title p{padding: 24px 0; font-size: 14px; color: #666;}
.news-lists-title p span.news-tag{display: inline-block; margin-right: 10px; line-height: 26px; padding: 0 15px; font-size: 12px; border-radius: 15px; color: #666; background-color: #E5E5E5;}

.news-right{width: 360px;}

.news-active-swiper{position: relative; padding-bottom: 40px;}
.news-active-swiper .swiper{ padding-bottom: 30px; border-bottom: 1px solid #eee;}
.news-active-swiper .swiper-button-next,
.news-active-swiper .swiper-button-prev{ top: 100%; background: none; width: 50px; height: 50px; border: 1px solid #ccc; border-radius: 50%;}
.news-active-swiper .swiper-button-next::after,
.news-active-swiper .swiper-button-prev::after{font-size: 18px; color: #333;}

.news-active-swiper .swiper-button-next{right: inherit; left: 60px; }
.news-active-swiper .swiper-button-prev{left: 0;}


.news-acitve-pic{display: block;}
.news-acitve-pic img{width: 100%;}
.news-acitve-title h3{margin-top: 24px; font-size: 20px; line-height: 1.4; color: #333;}
.news-acitve-title p{ padding: 15px 0; line-height: 1.4; font-size: 14px; color: #666;}
.news-acitve-title span.news-tag{display: inline-block; margin-right: 10px; line-height: 26px; padding: 0 15px; font-size: 12px; border-radius: 15px; color: #666; background-color: #E5E5E5;}




@media (max-width:1440px) {
	.news-left{width: 150px;}
	.news-category-title h3{font-size: 24px;}
	
	.news-center{flex: 1; padding: 0 60px;}
	
	.news-lists ul li{ margin-top: 0; margin-bottom: 30px;}
	
	.news-lists-title{width: 55%; padding-left: 30px;}
	.news-lists-title p{padding: 0 0 14px 0; }
	.news-lists-title h3{font-size: 18px; }
	
	.news-right{width: 300px;}
}


@media (max-width:1200px) {
	.news-left{width: 120px;}
	.news-category-title h3{font-size: 20px;}
	.news-center{flex: 1; padding: 0 40px;}
	.news-right{width: 260px;}
	
	
	
}

@media (max-width: 960px) {
	.news-left{width: 120px;}
	.news-category-title h3{font-size: 20px;}
	.news-center{flex: 1; padding: 0 40px;}
	.news-lists-title h3{font-size: 16px; }
	.news-right{width: 200px;}
	
	.news-active-swiper .swiper{ padding-bottom: 20px; }
	.news-acitve-title h3{margin-top: 14px; font-size: 16px; }
	.news-acitve-title p{ padding: 10px 0 14px; line-height: 1.4; font-size: 14px; }
}

@media (max-width: 860px) {
	.news-left{width: 100px;}
	.news-category-title h3{font-size: 18px;}
	.news-center{flex: 1; padding: 0 40px 0 20px;}
	.news-right{width: 160px;}
}

@media (max-width: 768px) {
	.news-left{width: 100%;}
	.news-category-title h3{font-size: 18px;}
	.news-center{flex: 1; padding: 0;}
	
	.news-acitve-title h3{margin-top: 14px; font-size: 14px; }
	.news-lists-title{width: 55%; padding-left: 15px;}
	
	.news-right{width: 100%;}
}

























/* 
*
----------------------------------  show 
*
*/
.article-news-bg{background-color: #FAFAFA;}
.article-news{padding: 30px 0 20px; max-width: 1230px; margin: 0 auto;}
.article-news-back {padding-bottom: 25px;}
.article-news-back a{display: inline-block; padding: 0 25px; line-height: 45px; border: 1px solid #ccc; color: #333; font-size: 16px;}
.article-news-back a:hover{background-color: #eee;}

.article-news-title{padding-bottom: 30px;}
.article-news-title h1{font-size: 32px; line-height: 1.4;}
.article-news-title p{margin-bottom: 20px; font-size: 18px; color: #333;}
.article-news-title p span{ position: relative; display: inline-block;padding-right: 15px; margin-right: 15px;}
/* .article-news-title p span:first-child::before{position: absolute; top: 0; right: 0; content: ''; width: 1px; height: 16px; background-color: #999;} */

@media (max-width:1200px) {
	.article-news-title h1{font-size: 24px; }
}
@media (max-width:768px) {
	.article-news-title h1{font-size: 20px; }
}



.article-news-content{padding: 30px 15px; line-height: 1.6; background-color: #fff;}
.article-news-content img{max-width: 100%; height: auto;}
.article-news-content p{margin-bottom: 15px; color: #666;}

.article-news-content iframe{width:100%!important; max-height:100%!important}
.article-news-content table{  width: 100%!important;}
.article-news-content table tr,
.article-news-content table td{ padding: 5px; width: auto!important; border: 1px solid #eee;}

.article-news-content table tr:first-child{width: 30%;}
.article-news-content table tr:nth-child(2){width: 70%;}
.article-news-content .content-block.flex{display:flex;flex-direction:row;justify-content:flex-start;gap:20px}
.article-news-content .content-block.flex.flex-reverse{flex-direction:row-reverse}
.article-news-content img{max-width:100%;width: 100%;}
.article-news-content .content-block.flex .col-2{width:calc(50% - 10px)}
.article-news-content .content-block.flex .col-4{width:calc(25% - 15px)}
.article-news-content .content-block.flex .col-3{width:calc(33.33% - 15px)}
.article-news-content .content-block.flex.tem6 .col-2{display: flex;flex-direction: column;}
.article-news-content .content-block.flex .col-2 p:nth-child(2){margin-top: auto;}
.article-news-content .link-block{display:flex;flex-direction:row;gap:20px;justify-content:center}
.article-news-content .link-block a{font-size:12px;line-height:20px}
.article-news-content .subheader1{font-size:26px;line-height:45px;font-weight:700;margin-bottom:15px}
.article-news-content .subheader2{font-size:22px;line-height:31px;font-weight:700;margin-bottom:15px}
.article-news-content .subheader3{font-size:18px;line-height:31px;font-weight:700;margin-bottom:15px}
.article-news-content .subheader2+.subheader2{
	font-size: 18px;
	margin-top: 22px;
}
.article-news-content .body_copy2{font-size:12px;line-height:20px}
.article-news-content video{width:640px;margin:0 auto;aspect-ratio:50/29;background-color:#333}
.article-news-content .photography-gallery .row-wrap, .article-news-content .photography-gallery .item-wrap{display: flex;flex-wrap: wrap;}
.article-news-content .photography-gallery .row-wrap2 .item{width: 25%;}
.article-news-content .photography-gallery .row-wrap1 .item, .article-news-content .photography-gallery .item-wrap{width: 50%;}
.article-news-content .theme-grey{background-color: #efefef;padding: 64px 15px;margin: 0 -15px;}
.article-news-content .title-line{position: relative;padding-left: 27px;}
.article-news-content .title-line::before{content: '';position: absolute;left: 0;top: 0;width: 7px;height: 100%;background-color: #484848;}
.article-news-content .whats-new .col-2:nth-child(1){width: fit-content;margin-right: 100px;}
.article-news-content .whats-new h3{margin-left: 30px;}
.article-news-content .new-btn a{background-color: #484848;color: #fff;font-weight: bold;padding: 10px 20px;}
.article-news-content .blod, .article-news-content .bold{font-weight: bold;}
.article-news-content .mb-show{display: none;}
@media (max-width:768px){
    .article-news-content .content-block.flex,.article-news-content .content-block.flex.flex-reverse{flex-direction:column}
    .article-news-content .content-block.block-img{gap:0}
    .article-news-content .content-block.flex .col-2{width:100%}.article-news-content .subheader1{font-size:20px;line-height:1.4}
	.article-news-content .content-block.flex .col-4{width:100%;}
	.article-news-content .content-block.flex .col-3{width:100%;}
    .article-news-content .subheader2{font-size:18px;line-height:1.4}
    .article-news-content .content-block.flex .col-4{width:100%}
    .article-news-content .link-block{flex-direction:column;gap:0}
    .article-news-content .space{font-size:5px;line-height:1}
	.article-news-content .photography-gallery .row-wrap2 .item, .article-news-content .photography-gallery .row-wrap1 .item, .article-news-content .photography-gallery .item-wrap{width: 100%;}
	.article-news-content .photography-gallery .row-wrap1 .item-wrap .item{width: 50%;}
	.article-news-content .whats-new .col-2:nth-child(1){margin-right: 0;}
	.article-news-content .theme-grey{background-color: #efefef;padding: 40px 15px;margin: 0 -15px;}
	.article-news-content video{width: 100%;}
	.article-news-content .new-btn a,.article-news-content .mb-show{display: block;}
	.article-news-content .pc-show{display: none;}
}
.next-article{ position: relative; padding: 40px 0;}
.article-back{position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: inline-block; padding: 0 50px; height: 48px; line-height: 48px; font-size: 18px; border: 1px solid #B3B3B3;opacity: 1;border-radius: 4px;}

.next-article ul{width: 70%;}
.next-article ul li{padding: 5px 0; font-size: 18px; line-height: 1.4; color: var(--default); }
.next-article ul li a{ color: #808080;}

@media (min-width:768px) {
	.next-article ul li a:hover{ color: var(--default);}
	.article-back:hover{background-color: var(--default); border-color: var(--default); color: #fff;}
}

@media (max-width:1230px) {
	.article-title h1{font-size: 32px; line-height: 1.4;}
}

@media (max-width:768px) {
    .article-title h1{font-size: 24px;}
    
	.next-article{ position: relative; padding: 30px 0;}
	.next-article ul{width: 100%;}
	.next-article ul li{ font-size: 16px;}
	.article-back{position: static;  transform: translateY(0); margin: 25px auto 0; padding: 0 30px; height: 40px; line-height: 40px; font-size: 16px;}
}






















/* panasonic-history-100 */
.panasonic-history-left{width: 45%; padding-right: 140px;}
.panasonic-history-desc h3{font-size: 40px; line-height: 1.4;}
.panasonic-history-desc h4{ margin-top: 40px; font-size: 32px; line-height: 1.4;}
.panasonic-history-desc p{ margin-top: 15px; font-size: 18px; line-height: 1.4; color: #666;}
.panasonic-history-desc a{margin-top: 25px; display: inline-block; font-size: 18px;}

.panasonic-history-right{width: 55%; background-color: #B3B3B3; height: 400px;}

@media (max-width:1400px) {
	.panasonic-history-left{width: 45%; padding-right: 60px;}
	
	.panasonic-history-desc h3{font-size: 32px;}
	.panasonic-history-desc h4{ margin-top: 20px; font-size: 24px;}
	.panasonic-history-desc p{ font-size: 16px;}
	
}

@media (max-width:860px) {
	.panasonic-history-left{width: 100%; padding-right: 0; padding-bottom: 40px;}
	.panasonic-history-right{width: 100%;  height: 400px;}
}


@media (max-width:768px) {
	.panasonic-history-desc h3{font-size: 24px;}
	.panasonic-history-desc h4{ margin-top: 20px; font-size: 18px;}
	.panasonic-history-desc p{ font-size: 14px;}
	
	.panasonic-history-desc a{margin-top: 25px;  font-size: 14px;}
}




/* policy */
.policy-cates{border-bottom: 3px solid #F8F8F8;}
.policy-cates ul li{margin-right: 60px;}
.policy-cates ul li a{ position: relative; display: block; padding: 15px 0; line-height: 36px; font-size: 24px;}
.policy-cates ul li a::before{position: absolute; bottom: -3px; left: 0; content: ''; width: 0; height: 3px; background-color: #333; transition: .3s;}
.policy-cates ul li.on a::before,
.policy-cates ul li a:hover::before{width: 100%;}


@media (max-width:960px) {
	.policy-cates ul li{margin-right: 30px;}
	.policy-cates ul li a{ position: relative; display: block; padding: 15px 0; line-height: 36px; font-size: 20px;}
}

@media (max-width:768px) {
	.policy-cates ul li{margin-right: 20px;}
	.policy-cates ul li a{ font-size: 18px;}
}


@media (max-width:640px) {
	.policy-cates ul li{margin-right: 15px;}
	.policy-cates ul li a{ padding: 15px 0 10px; line-height: 25px; font-size: 16px;}
}





/* panasonic */
.panasonic-cearting{margin-top: 80px;}
.panasonic-cearting-title{padding-bottom: 20px;}
.panasonic-cearting-title h3{font-size: 40px; line-height: 1.4;}
.panasonic-cearting-title p{ margin-top: 15px; font-size: 18px; line-height: 1.4;}
.panasonic-cearting-videos ul{margin-left: -20px;}
.panasonic-cearting-videos ul li{width: 25%; margin-top: 40px; padding-left: 20px;}
.panasonic-cearting-pic{ position: relative; display: block; background-color: #eee; overflow: hidden;}
.panasonic-cearting-pic:before{position: absolute; top: 50%; left: 50%; z-index: 1; content: ''; margin-left: -25px; margin-top: -25px; width: 50px; height: 50px; border-radius: 50%; background-color: #ccc; display: none;}
.panasonic-cearting-pic::after{position: absolute; top: 50%; left: 50%; z-index: 1; content: ''; margin-left: -4px; margin-top: -10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 12px solid #333; display: none;}
.panasonic-cearting-pic img{width: 100%;}
.panasonic-cearting-videos ul li h3{ margin-top: 20px; font-size: 24px; line-height: 1.4; text-align: center;}


@media (max-width:1400px) {
	.panasonic-cearting-title h3{font-size: 32px;}
	.panasonic-cearting-title p{ font-size: 16px; }
	
	.panasonic-cearting-videos ul li{ margin-top: 20px; width: 33.33%;}
}

@media (max-width:960px) {
	.panasonic-cearting{margin-top: 50px;}
	.panasonic-cearting-videos ul li h3{ margin-top: 15px; font-size: 20px;}
}

@media (max-width:768px) {
	.panasonic-cearting-title h3{font-size: 24px;}
	.panasonic-cearting-title p{ font-size: 14px;}
	.panasonic-cearting-videos ul li{ margin-top: 20px; width: 50%;}
}



/* panasonic-jp-left */
.consumer-index-swiper .swiper-slide{margin-bottom: 50px;}
.consumer-index-swiper .swiper-pagination-bullet {width: 60px; border-radius: 4px;}
.consumer-index-swiper .swiper-pagination-bullet-active{background-color: #333;}

@media (max-width:1600px) {

}

@media (max-width: 768px) {
	.consumer-index-swiper .swiper-pagination-bullet {width: 30px; height: 4px; border-radius: 4px;}
}


.panasonic-buyjp{ justify-content: center;}

.panasonic-buyjp-left{width: 75%;}

.panasonic-buyjp-left ul li{width: 33.33%; height: 300px; overflow: hidden;}
.panasonic-buyjp-pic{ width: 100%; height: 300px; justify-content: center; align-items: center;}
.panasonic-buyjp-pic img{max-width: 100%; max-height: 100%; transition: .3s;}

.panasonic-buyjp-title{padding-right: 30px;}
.panasonic-buyjp-title h3{ line-height: 1.2; font-size: 24px;}
.panasonic-buyjp-title p{ margin: 10px 0 25px; line-height: 1.4; font-size: 14px;}
.panasonic-buyjp-more a{display: inline-block; padding: 0 30px; line-height: 36px; border: 1px solid #ccc; border-radius: 50px; }
.panasonic-buyjp-more a:nth-child(2){ margin-left: 14px; background-color: #EA3340; border-color: #EA3340; color: #fff;}

.panasonic-buyjp-more a:hover{background-color: #333; border-color: #333; color: #fff;}
.panasonic-buyjp-more a:nth-child(2):hover{background-color: #EA3340; border-color: #EA3340; opacity: .9;}

.panasonic-buyjp-left ul li:nth-child(1),
.panasonic-buyjp-left ul li:nth-child(4){width: 66.66%; justify-content: space-between; align-items: center; }

.panasonic-buyjp-left ul li:nth-child(1) .panasonic-buyjp-pic,
.panasonic-buyjp-left ul li:nth-child(4) .panasonic-buyjp-pic{width: 50%;}
.panasonic-buyjp-left ul li:nth-child(1) .panasonic-buyjp-title,
.panasonic-buyjp-left ul li:nth-child(4) .panasonic-buyjp-title{width: 50%;}

.panasonic-buyjp-left ul li:hover .panasonic-buyjp-pic img{transform: scale(1.2);}



.panasonic-buyjp-right{width: 25%; justify-content: space-between; flex-direction: column;}
.panasonic-buyjp-right .panasonic-buyjp-title{ padding: 70px 30px 20px;}
.panasonic-buyjp-right .panasonic-buyjp-pic{width: 100%;}
.panasonic-buyjp-right:hover .panasonic-buyjp-pic img{transform: scale(1.2); transition: .3s;}

@media (max-width:1400px) {
	.panasonic-buyjp-title{padding-right: 25px;}
	.panasonic-buyjp-title h3{ font-size: 20px;}
	.panasonic-buyjp-title p{ margin: 10px 0 25px;}
	.panasonic-buyjp-more a{display: inline-block; padding: 0 20px; line-height: 34px; }
}

@media (max-width:1200px) {
	.panasonic-buyjp-left ul li,
	.panasonic-buyjp-pic{ height: 240px; }
	.panasonic-buyjp-right{height: 480px;}
	
	.panasonic-buyjp-right .panasonic-buyjp-title{ padding: 40px 30px 20px;}
	.panasonic-buyjp-right .panasonic-buyjp-pic{width: 100%; height: 200px;}
	
	.panasonic-buyjp-left ul li:nth-child(1) .panasonic-buyjp-pic,
	.panasonic-buyjp-left ul li:nth-child(4) .panasonic-buyjp-pic{width: 40%;}
	.panasonic-buyjp-left ul li:nth-child(1) .panasonic-buyjp-title,
	.panasonic-buyjp-left ul li:nth-child(4) .panasonic-buyjp-title{width: 60%;}
}

@media (max-width:1000px) {
	.panasonic-buyjp-left{width: 100%;}
	.panasonic-buyjp-right{ margin-top: -1px; width: 100%; height: 240px; flex-direction: row-reverse;}
	.panasonic-buyjp-right .panasonic-buyjp-title{ width:60%; padding: 0 30px 0 0!important; display: flex; justify-content: center; flex-direction: column;}
	.panasonic-buyjp-right .panasonic-buyjp-pic{width: 40%;  height: 240px;}

}

@media (max-width:768px) {
	.panasonic-buyjp-left ul li{width: 50%; margin-top: -1px;}
	.panasonic-buyjp-left ul li:nth-child(1),
	.panasonic-buyjp-left ul li:nth-child(4){width: 100%; }
}

@media (max-width:480px) {
	.panasonic-buyjp-title h3{ font-size: 18px;}
	.panasonic-buyjp-title p{ margin: 10px 0; font-size: 12px;}
	.panasonic-buyjp-more a{ padding: 0 15px; line-height: 28px; font-size: 12px; }
	.panasonic-buyjp-more a:nth-child(2){ margin-left: 6px;}
	
	.panasonic-buyjp-left ul li,
	.panasonic-buyjp-pic,
	.panasonic-buyjp-right{ height: 200px; }
	.panasonic-buyjp-title{padding-right: 15px;}
	.panasonic-buyjp-right .panasonic-buyjp-title{  padding: 0 15px 0 0!important;}
	.panasonic-buyjp-right .panasonic-buyjp-pic{ height: auto;}
}

/*  */
.panasonic-lineup-item{position: relative; background-color: #f5f5f5;}
.panasonic-lineup-item img{width: 100%;}

.panasonic-lineup-mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px; text-align: center; background-color: rgba(0,0,0,.5); align-items: center; justify-content: center; flex-direction: column; visibility: hidden; opacity: 0; transition: .3s;}
.panasonic-lineup-mask h3{ line-height: 1.4; font-size: 24px; color: #fff;}
.panasonic-lineup-mask a{ margin-top: 25px; display: inline-block; padding: 0 30px; line-height: 36px; border: 1px solid #fff; border-radius: 50px; color: #fff;}

.panasonic-lineup-item:hover .panasonic-lineup-mask{visibility: visible; opacity: 1;}
@media (max-width:1000px) {
	.panasonic-lineup-mask h3{  font-size: 20px;}
}

@media (max-width:768px) {
	.panasonic-lineup-mask h3{  font-size: 18px;}
	.panasonic-lineup-mask a{ margin-top: 15px; padding: 0 20px; line-height: 30px; }
}

@media (max-width:640px) {
	.panasonic-lineup-mask h3{  font-size: 16px;}
	.panasonic-lineup-mask a{  padding: 0 15px; line-height: 28px; font-size: 12px; }
}

/*  */
.panasonic-tourist ul { margin-left: -40px;}
.panasonic-tourist ul li{width: 33.33%; padding-left: 40px;}

.panasonic-tourist-pic{ height: 340px; background-color: #F7F8FA; justify-content: center; align-items: center;}
.panasonic-tourist-pic img{max-width: 100%; max-height: 100%;}
.panasonic-tourist-title{ padding-bottom: 40px;}
.panasonic-tourist-title h3{ margin: 15px 0;font-size: 24px;}
.panasonic-tourist-title a i{font-size: 12px;}

@media (max-width:1400px) {
	.panasonic-tourist ul{margin-left: -30px;}
	.panasonic-tourist ul li{ padding-left: 30px;}
	.panasonic-tourist-pic{ height: 300px;}
	.panasonic-tourist-title h3{ margin: 15px 0;font-size: 20px;}
}

@media (max-width:1000px) {
	.panasonic-tourist ul{margin-left: -20px;}
	.panasonic-tourist ul li{ padding-left: 20px;}
	.panasonic-tourist-pic{ height: 280px;}
	.panasonic-tourist-title h3{font-size: 18px;}
}

@media (max-width:768px) {
	.panasonic-tourist ul li{ width: 50%;}
	.panasonic-tourist-pic{ height: auto;}
	.panasonic-tourist-title h3{font-size: 16px;}
}

@media (max-width:320px) {
	.panasonic-tourist ul li{ width: 100%;}
}

/*  */
.panasonic-support ul{margin-left: -40px;}
.panasonic-support ul li{ width: 25%; padding-left: 40px;}
.panasonic-support-item{ padding: 30px; height: 280px; justify-content: center; align-items: center; flex-direction: column; background-color: #F7F8FA;}
.panasonic-support-item p{  max-width: 80%; height: 57px; line-height: 1.4; margin: 20px auto 0; text-align: center;}

@media (max-width:1200px) {
	.panasonic-support ul{margin-left: -30px;}
	.panasonic-support ul li{ padding-left: 30px;}
	.panasonic-support-item{height: 240px; }
}

@media (max-width:1000px) {
	.panasonic-support ul{margin-left: -15px;}
	.panasonic-support ul li{ padding-left: 15px;}
	.panasonic-support-item{ height: 200px; }
	.panasonic-support-item i{font-size: 48px;}
	.panasonic-support-item p{max-width: 80%; }
}

@media (max-width:768px) {
	.panasonic-support-item{ padding: 15px; height: 200px; }
	.panasonic-support-item i{font-size: 48px;}
	.panasonic-support-item p{max-width: 100%;}
}


@media (max-width: 640px) {
	.panasonic-support ul li{ margin-bottom: 15px; width: 50%; }
}

@media (max-width: 480px) {
	.panasonic-support ul li{ width: 100%; }
	.panasonic-support-item,
	.panasonic-support-item p{height: auto;}
}

/*new*/
.product-new-cate{margin-top:100px;padding-bottom:30px;justify-content:space-between;align-items:center;}
.product-new-cate h3{font-size:40px;}
.product-new-cate a{font-size:18px;}
.product-new-pic{display:block;}
.product-new-pic img{width:100%;}
.product-new-title{position:absolute;top:0;left:0;padding:70px 100px;width:100%;height:100%;justify-content:space-between;flex-direction:column;}
.product-new-title div{width: 100%;}
.product-new-title h4{font-size:24px;}
.product-new-title h3{margin:15px 0;font-size:48px;}
.product-new-title p{font-size:24px;}
.product-new-title a{margin-top:0;}
/* .product-new-title a{position:relative;margin-top:20px;max-width:220px;border:1px solid #333;border-radius:60px;background-color:#333;color:#fff;text-align:center;line-height:60px;} */
.product-new-title-white h3,.product-new-title-white h4,.product-new-title-white p{color:#fff!important;}
.product-new-bottom{margin-top:25px;}
/*.product-new-bottom .swiper-slide .product-new-pic img{opacity:.5;}*/
/*.product-new-bottom .swiper-slide.swiper-slide-thumb-active img{opacity:1;}*/
.product-new-bottom .swiper-slide .product-new-pic{position: relative;}
.product-new-bottom .swiper-slide .product-new-pic::before{position: absolute; inset: 0; z-index: 1; content: ''; background-color: rgba(0,0,0,.3);}
.product-new-bottom .swiper-slide.swiper-slide-thumb-active .product-new-pic::before{background-color: rgba(0,0,0,0)}

@media (max-width:1600px) {
	.product-new-cate h3,
	.product-new-title h3{ font-size:32px;}
	.product-new-title{ padding:50px 80px;}
}

@media (max-width:1200px) {
	
	.product-new-cate{margin-top:80px;}
	.product-new-title h4{font-size:22px;}
	.product-new-cate h3,
	.product-new-title h3{ font-size: 28px; }
	.product-new-title p{font-size:20px;}
	.product-new-cate a{font-size:16px;}
	
	.product-new-title{ padding:30px 50px;}
}

@media (max-width:768px) {
	.product-new-cate{margin-top:60px;}
	.product-new-cate h3,
	.product-new-title h3{ font-size: 24px; }
	.product-new-title p{font-size:18px;}
	.product-new-title{ padding:30px;}
	.product-new-title h4{font-size:18px;}
	.product-new-cate a{font-size:14px;}
	
	.product-new-bottom{margin-top:15px;}

}

@media (max-width: 640px) {
	.product-new-cate{margin-top:40px; padding-bottom: 15px;}
	.product-new-title{display: block;}
	
	.product-new-cate h3{ font-size: 20px; }
	.product-new-title h3{ font-size: 18px; margin:10px 0;}
	.product-new-title p{font-size:16px;}
	.product-new-title h4{font-size:14px;}
	.product-new-bottom{margin-top:5px;}

}

@media (max-width: 640px) {
	.product-new-cate{margin-top:40px;}
	.product-new-title{display: block;}
	
	.product-new-cate h3{ font-size: 18px; }
	.product-new-title h3{ font-size: 16px;}
	.product-new-title p{font-size:14px;}
	.product-new-title h4{font-size:12px;}
 
}






#baidumap {width: 50%;height: 450px;}
.map-menus {display: flex;justify-content: center;margin-bottom: 40px;}
.map-menus select {margin: 0 15px;height: 40px;width: 240px;padding: 0 10px;border-radius: 4px; background: none;}
.shops-box {display: flex;}
.shops-list {width: 50%;height: 450px;overflow: auto;}
.shops-list div {}
.shops-list ul li {padding: 30px 60px;background-color: #f5f5f5;margin-bottom: 2px;}
.shops-list ul li h3 {margin-bottom: 15px;font-size: 24px;}
.shops-list ul li p {margin-top: 5px;line-height: 1.4;font-size: 18px;}

@media (max-width:1200px) {
	.shops-list ul li {padding: 30px; }
	.shops-list ul li h3 { font-size: 20px;}
	.shops-list ul li p { margin-top: 0; font-size: 16px;}
}

@media (max-width:960px) {
	#baidumap,
	.shops-list {width: 50%;height: 400px;}
	.shops-list ul li {padding: 20px; }
	.shops-list ul li h3 { margin-bottom: 5px; font-size: 18px;}
	.shops-list ul li p { margin-top: 0; font-size: 14px;}
}

@media (max-width:860px) {
	#baidumap,
	.shops-list {width: 50%;height: 350px;}
}

@media (max-width: 768px) {
	.map-menus {display: flex;justify-content: space-between; margin-bottom: 10px;}
	.map-menus select {margin: 0;height: 40px;width:31%; }
	
	#baidumap,
	.shops-list {width: 100%;height: 350px;}
}

@media (max-width: 640px) {
	#baidumap,
	.shops-list { height: 200px;}
	
	.map-menus{}
	.map-menus select {margin: 5px 0; height: 40px; width: 31%; }
}

.shops-banner-item {margin-top: 100px;}
.shops-banner-item img{width: 100%;}
.shops-banner-title h3 {margin-top: 35px;font-size: 40px;}
.shops-banner-title p {margin: 20px 0;line-height: 1.4;font-size: 18px;}

@media (max-width:1800px) {
	.shops-banner-title h3 {font-size: 36px;}
}

@media (max-width:1600px) {
	.shops-banner-item {margin-top: 80px;}
	.shops-banner-title h3 {font-size: 32px;}
}
@media (max-width:1400px) {
	.shops-banner-item {margin-top: 60px;}
	.shops-banner-title h3 {font-size: 28px;}
}

@media (max-width:1200px) {
	.shops-banner-item {margin-top: 50px;}
	.shops-banner-title h3 { margin-top: 25px; font-size: 24px;}
}


@media (max-width:768px) {
	.shops-banner-title h3 { font-size: 20px;}
	.shops-banner-title p {font-size: 16px;}
}


@media (max-width:768px) {
	.shops-banner-title h3 { font-size: 18px;}
	.shops-banner-title p { margin-top: 10px; font-size: 14px;}
}




</pre></body></html>