@charset "utf-8";
/*.index-more{ margin-top: 20px;}*/
.index-more a{ position: relative; padding: 0 50px;  display: inline-block; line-height: 60px; font-size: 20px; text-align: center; background-color: #333; color: #fff; border-radius: 60px; border: 1px solid #333;}
.index-more a span{position: relative;}
.index-more a span i{position: absolute; top: 50%; right: -10px; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg) translateY(-50%);}
.index-more-white a{background-color: #fff; color: #333; border: 1px solid #fff;}

.index-more a:hover{background-color: #fff; border-color: #333; color: #333; transition: .3s;}
.index-more-white a:hover{background-color: #333; border-color: #fff; color: #fff; transition: .3s;}

@media (max-width:1440px) {
	.index-more a{  padding: 0 30px; line-height: 50px; font-size: 16px; }
}

@media (max-width:768px) {
	.index-more a{ padding: 0 20px; line-height: 40px; font-size: 14px; }
}

@media (max-width:480px) {
	.index-more a{ padding: 0 15px; line-height: 32px; font-size: 12px; }
}
/* banner */
#demoBanner{background-color: #f5f5f5;}
#demoBanner .swiper{position:relative;overflow:hidden;width:100%;height:calc(100vh - 80px) ;cursor:move}
#demoBanner .swiper .swiper-wrapper{-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;-ms-transition-timing-function:linear}
#demoBanner .swiper .swiper-slide{position:relative; width:auto; -webkit-overflow-scrolling:touch; overflow: hidden;}
.banner-scene,
.banner-scene img{height:100%}
.banner-product{position:absolute}
.banner-product svg{position:absolute;top:140%;left:-40px;fill:none;stroke:#fff;stroke-width:1px}
.banner-product-link{display:inline-block;padding: 5px 8px; color:#fff;}
.banner-product-link h3{font-size:16px; white-space: nowrap; color:#fff}
.banner-product-link p{ position: absolute; top: -50px; left: 50%; margin-left: -50px; width: 100px; line-height: 32px; text-align: center; background-color: #333; border-radius: 4px; color: #fff; margin-top:5px;font-size:14px; opacity: 0; visibility: hidden; transform: translateY(5px); transition: .3s;}
.banner-product-link 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;}

.banner-product-black svg{stroke:#333!important}
.banner-product-black .banner-product-link{color:#333!important;}
.banner-product-black .banner-product-link h3{color:#333!important;}

.banner-product-link:hover{background-color: #fff; color: #333;}
.banner-product-link:hover h3{color:#333;}
.banner-product-link:hover p{opacity: 1; visibility: visible; transform: translateY(0);}
/*  */
.banner-product-s-1-1{bottom:50.5%;left:45%}
.banner-product-s-1-2{bottom:71%;left:54%}
.banner-product-s-1-3{bottom:58.5%;left:70%}
.banner-product-s-1-4{bottom:25%;left:79%}
.banner-product-s-1-5{bottom:59%;left:90%}
/*  */
.banner-product-s-2-1{bottom:46%;left:15%}
.banner-product-s-2-2{bottom: 54.5%;left:26.5%}
.banner-product-s-2-3{bottom:61%;left:74%}
.banner-product-s-2-4{bottom:52.5%;left:90%}
.banner-product-s-2-5{bottom:32%;left:90%}
/*  */
.banner-product-s-3-1{bottom:47%;left:18%}
.banner-product-s-3-2{bottom:48.5%;left:40%}
.banner-product-s-3-3{bottom:59%;left:50%}
/*  */
.banner-product-s-4-1{bottom:50%;left:24%}
.banner-product-s-4-2{bottom:61%;left:46%}
.banner-product-s-4-3{bottom:78%;left:60%}
.banner-product-s-4-4{bottom:66%;left:60%}
.banner-product-s-4-5{bottom:52%;left:60%}
.banner-product-s-4-6{bottom:63%;left:77%}
.banner-product-s-4-7{bottom:36%;left:77%}
/*  */

@media (max-width:768px) {
	.banner-product-s-1-1{bottom:52.5%;left:45%}
	.banner-product-s-1-2{bottom:73%;left:54%}
	.banner-product-s-1-3{bottom:60.5%;left:70%}
	.banner-product-s-1-4{bottom:27%;left:79%}
	.banner-product-s-1-5{bottom:61%;left:90%}
	/*  */
	.banner-product-s-2-1{bottom:48%;left:15%}
	.banner-product-s-2-2{bottom: 56.5%;left:26.5%}
	.banner-product-s-2-3{bottom:63%;left:74%}
	.banner-product-s-2-4{bottom:54.5%;left:90%}
	.banner-product-s-2-5{bottom:34%;left:90%}
	/*  */
	.banner-product-s-3-1{bottom:49%;left:18%}
	.banner-product-s-3-2{bottom:50.5%;left:40%}
	.banner-product-s-3-3{bottom:61%;left:50%}
	/*  */
	.banner-product-s-4-1{bottom:52%;left:24%}
	.banner-product-s-4-2{bottom:63%;left:46%}
	.banner-product-s-4-3{bottom:80%;left:60%}
	.banner-product-s-4-4{bottom:68%;left:60%}
	.banner-product-s-4-5{bottom:54%;left:60%}
	.banner-product-s-4-6{bottom:65%;left:77%}
	.banner-product-s-4-7{bottom:38%;left:77%}
	.banner-product-link h3{font-size:14px;}
}


/* panasonic */
.index-panasonic {padding-top: 100px;}
.index-panasonic ul{margin-left: -20px;}
.index-panasonic ul li{width: 50%; padding-left: 20px; margin-bottom: 20px ;}
.index-panasonic ul li:nth-child(1){ width: 100%; }
.index-panasonic-item{ flex-direction: column; justify-content: space-between; padding: 80px; height: 600px; transition: .3s;}
.index-panasonic-title h3{ line-height: 1.4; font-size: 46px; color: #333; transition: .3s;}
.index-panasonic-title h3 span{display: block; transition: .3s;}
.index-panasonic-title p{ margin-bottom: 15px; line-height: 1.4; font-size: 24px; color: #333; transition: .3s;}

.index-panasonic-qrcode {width: 36%;}
.index-panasonic-qrcode img{width: 100%;}
@media (max-width:1440px) {
	.index-panasonic-item{ padding: 60px; height: 500px; }
	.index-panasonic-title h3{ font-size: 32px; }
	.index-panasonic-title p{ font-size: 24px;}
}

@media (max-width:1200px) {
	.index-panasonic-item{ padding: 40px; height: 450px; }
	.index-panasonic-title h3{ font-size: 28px; }
	.index-panasonic-title p{ font-size: 20px;}
}

@media (max-width:1000px) {
	.index-panasonic {padding-top: 80px;}
	.index-panasonic-item{ padding: 30px; height: 400px; }
	.index-panasonic-title h3{ font-size: 24px; }
	.index-panasonic-title p{ font-size: 18px;}
}

@media (max-width:860px) {
	.index-panasonic {padding-top: 60px;}
	.index-panasonic-item{ height: 350px; }
}

@media (max-width:768px) {
	.index-panasonic-item{ height: 300px; }
	.index-panasonic-title h3{ font-size: 20px; }
	.index-panasonic-title p{ margin-bottom: 5px; font-size: 16px;}
}

@media (max-width:640px) {
	.index-panasonic {padding-top: 40px;}
	.index-panasonic-item{ padding: 15px;}
}

@media (max-width:480px) {
	.index-panasonic ul{margin-left: -15px;}
	.index-panasonic ul li{ padding-left: 15px; margin-bottom: 15px ;}
	.index-panasonic-item{height: 180px;}
}

@media (max-width:480px) {
	.index-panasonic-title h3{ font-size: 16px; }
	.index-panasonic-title p{ margin-bottom: 5px; font-size: 12px;}
}

/* 热销产品 */
.index-saler{padding-top: 100px;}
.index-saler-headSwiper{margin-top: 50px;}
.index-saler-headSwiper .swiper-slide{width: 11.11%;}
.index-saler-categories{ display: block; text-align: center;}
.index-saler-categories h3{ padding: 20px 0; font-size: 24px; color: #999;}
.index-saler-categories i{font-size: 84px; color: #999;}

.index-saler-headSwiper .swiper-slide-select h3,
.index-saler-headSwiper .swiper-slide-select i{color: #333;}

.index-saler-headSwiper .swiper-scrollbar{height: 2px!important;}

@media (max-width:1440px) {
	.index-saler-categories i{font-size: 64px;}
	.index-saler-categories h3{ padding: 10px 0 20px; font-size: 20px;}
	
	.index-saler{padding-top: 80px;}
	
}

@media (max-width:1200px) {
	.index-saler{padding-top: 60px;}
	.index-saler-categories i{font-size: 64px;}
	.index-saler-categories h3{ font-size: 18px;}
	
	.index-saler-headSwiper{margin-top: 0;}
}

@media (max-width:1000px) {
	.index-saler{padding-top: 50px;}
	.index-saler-categories i{font-size: 48px;}
	.index-saler-categories h3{ font-size: 16px;}
}

@media (max-width:860px) {
	.index-saler-headSwiper .swiper-slide{width: 100px;}
}

@media (max-width:768px) {
	.index-saler{padding-top: 40px;}
	.index-saler-headSwiper .swiper-slide{width: 80px;}
	.index-saler-categories h3{ font-size: 14px;}
}


.index-saler-product-item{ display: block; padding: 50px 40px; background-color: #F8F8F8; border-radius: 8px;}
.index-saler-product-pic{ position: relative; height: 250px; justify-content: center; align-items: center;}
.index-saler-product-pic>img{max-width: 100%; max-height: 100%;}
.index-saler-product-pic span{ position: absolute; top: 0; left: 0; width: 16.66%;}
.index-saler-product-pic span img{width: 100%;}

.index-saler-product-title{padding-top: 15px; text-align: center;}
.index-saler-product-title h3{ line-height: 1.4; font-size: 20px; height: 56px; color: #333; overflow: hidden;}
.index-saler-product-title p{ margin-top: 10px; line-height: 1.2; font-size: 16px; color: #666;}

.index-saler-bottom{position: relative; padding-top: 100px;}
.index-saler-bg{position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 600px;}

.index-saler-bottomSwiper{ position: relative; margin-top: 60px;}

.index-saler-bottomSwiper .swiper-scrollbar{height: 2px!important;}
.index-saler-bottomSwiper .swiper{padding-bottom: 40px;}
.index-saler-bottomSwiper .swiper-button-next,
.index-saler-bottomSwiper .swiper-button-prev{ margin-top: -25px; background: none; width: 50px; height: 50px; border: 1px solid #fff; border-radius: 50%;}
.index-saler-bottomSwiper .swiper-button-next::after,
.index-saler-bottomSwiper .swiper-button-prev::after{font-size: 18px; color: #fff;}

.index-saler-bottomSwiper .swiper-button-next{right: -80px;}
.index-saler-bottomSwiper .swiper-button-prev{left: -80px;}

.index-saler-product-item:hover{box-shadow: 0 0 15px rgba(0, 0, 0, .2); transition: .3s;}

@media (max-width:1600px) {
	.index-saler-bottomSwiper .swiper-button-next,
	.index-saler-bottomSwiper .swiper-button-prev{display: none;}
}

@media (max-width:1440px) {
	.index-saler-product-item{ padding: 20px 20px 30px; }
	.index-saler-product-pic{ position: relative; height: 250px; justify-content: center; align-items: center;}
	.index-saler-product-pic span{ position: absolute; top: 0; left: 0; width: 16.66%;}
	.index-saler-bottom{ padding-top: 50px;}
	.index-saler-bg{ height: 500px;}
	.index-saler-bottomSwiper{ margin-top: 40px;}
}

@media (max-width: 960px) {
	.index-saler-product-item{ padding: 15px 15px 30px;}
	.index-saler-product-pic{ height: 200px; }
	.index-saler-product-title h3{ font-size: 18px; height: 56px; }
	.index-saler-product-title p{ font-size: 14px; }
	.index-saler-bottomSwiper{ margin-top: 20px;}
	.index-saler-bg{ height: 400px;}
}


@media (max-width: 768px) {
	.index-saler-product-item{ padding: 15px 15px 30px;}
	.index-saler-product-pic{ height: 160px; }
	.index-saler-product-title h3{ font-size: 16px;  }
	.index-saler-bg{ height: 350px;}
}


@media (max-width: 640px) {
	.index-saler-product-item{ padding: 15px 15px 30px;}
	.index-saler-product-pic{ height: 140px; }
	.index-saler-product-title h3{ font-size: 14px; height: 38px;}
	.index-saler-bg{ height: 280px;}
	.index-saler-bottom{ padding-top:30px;}
	.index-saler-bottomSwiper{ margin-top: 0;}
	.index-saler-product-title p{font-size: 12px;}
	
	.index-saler-bottomSwiper .swiper{padding-bottom: 0px;}
}

/* 本月精选 */
.index-month{position: relative; padding-top: 100px;}
.index-month-swiper{position: relative; margin-top: 50px;}
.index-month-swiper .swiper-pagination-bullet {width: 60px; border-radius: 4px;}
.index-month-swiper .swiper-pagination-bullet-active{background-color: #333;}
.index-month-swiper .swiper{padding-bottom: 50px;}
.index-month-swiper .swiper-button-next,
.index-month-swiper .swiper-button-prev{ margin-top: -25px; background: none; width: 50px; height: 50px; border: 1px solid #333; border-radius: 50%;}
.index-month-swiper .swiper-button-next::after,
.index-month-swiper .swiper-button-prev::after{font-size: 18px; color: #333;}
.index-month-swiper .swiper-button-next{right: -80px;}
.index-month-swiper .swiper-button-prev{left: -80px;}

.index-month-swiper .swiper-scrollbar{height: 2px!important;}

@media (max-width:1600px) {
	.index-month-swiper .swiper-button-next,
	.index-month-swiper .swiper-button-prev{display: none;}
}

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


.index-month-product-poster{width: 50%; padding: 60px; height: 800px; text-align: center;}
.index-month-product-poster h3{ line-height: 1.4; font-size: 32px; color: #333;}
.index-month-product-poster h3 span{display: block;}
.index-month-product-poster a{ position: relative; align-items: center; justify-content: center; margin: 30px auto 0; }
/*.index-month-product-poster a{ position: relative; align-items: center; justify-content: center; margin: 30px auto 0; width: 180px; line-height: 50px; font-size: 20px; border-radius: 66px; border: 1px solid #333;}*/
/*.index-month-product-poster 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);}*/


.index-month-product-lists{width: 50%;}
.index-month-product-lists ul li{width: 50%;}
.index-month-product-lists-item{ position: relative; display: block; width: 100%; height: 400px; padding: 50px; border: 1px solid #eee; overflow: hidden;}
.index-month-product-pic{ position: relative; height: 240px; justify-content: center; align-items: center;}
.index-month-product-pic>img{max-width: 100%; max-height: 100%;}
.index-month-product-pic span{ position: absolute; top: 0; left: 0; width: 16.66%;}
.index-month-product-pic span img{width: 100%;}
.index-month-product-title{ text-align: center; transition: .3s;}
.index-month-product-title h3{ margin-top: 10px; font-size: 20px; color: #333;}
.index-month-product-title p{ margin-top: 10px; line-height: 1.4; font-size: 16px; color: #666;}

.index-month-product-more{position: absolute; bottom: 10px; left: 0; width: 100%; padding: 15px 0; text-align: center; background-color: #fff; transform: translateY(60px); opacity: 0; transition: .3s;}
.index-month-product-more h3{ font-size: 20px; color: #333;}
.index-month-product-more span{ margin-top: 15px; display: inline-block; padding: 0 30px; line-height: 36px; background-color: #333; color: #fff; border-radius: 36px;}

@media (min-width:768px) {
    .index-month-product-lists-item:hover .index-month-product-title{ transform: translateY(30px); opacity: 0; visibility: hidden;}
    .index-month-product-lists-item:hover .index-month-product-more{transform: translateY(0); opacity: 1;}
}


@media (max-width:1500px) {
	.index-month-product-poster{ padding: 40px; height: 700px; }
	.index-month-product-lists-item{ height: 350px; padding: 30px; }
	.index-month-product-title h3{ margin-top: 15px; font-size: 18px; }
	.index-month-product-title p{ margin-top: 5px; font-size: 14px; }
	/*.index-month-product-more{ bottom: 0; width: 100%; padding: 15px 0; }*/
	/*.index-month-product-more h3{ font-size: 18px; color: #333;}*/
	/*.index-month-product-more span{ margin-top: 10px; padding: 0 20px; line-height: 32px; }*/
}

@media (max-width:1440px) {
	/*.index-month-product-poster a{ max-width: 160px; line-height: 50px; font-size: 16px; }*/
}

@media (max-width:1200px) {
	.index-month-product-poster{ padding: 30px; height: 600px; }
	.index-month-product-poster h3{ font-size: 24px; }
	.index-month-product-lists-item{ height: 300px; padding: 30px; }
	.index-month-product-pic{ height: 200px; }
}

@media (max-width:1000px) {
	 .index-month-product-poster{ padding: 15px; height: 500px; }
	 .index-month-product-poster h3{ font-size: 22px; }
	 .index-month-product-lists-item{ height: 250px; padding: 15px; }
	 .index-month-product-pic{ height: 166px; }
	 .index-month-product-title h3{ margin-top: 15px; font-size: 16px; }
	 .index-month-product-title p{ margin-top: 5px; font-size: 12px; }
	 /*.index-month-product-more{ bottom: 0; width: 100%; padding: 15px 0; }*/
	 /*.index-month-product-more h3{ font-size: 16px; color: #333;}*/
	 /*.index-month-product-more span{ line-height: 30px; }*/
}

@media (max-width: 860px) {
	.index-month-swiper{ margin-top: 40px;}
	.index-month{padding-top: 80px;}
	.index-month-product-poster{ width: 100%; padding: 15px; height: 500px; }
	.index-month-product-poster h3{ font-size: 22px; }
	.index-month-product-lists{width: 100%;}
	.index-month-product-lists-item{ height: 250px; padding: 15px; }
	.index-month-product-pic{ height: 166px; }
	.index-month-product-title h3{ margin-top: 15px; font-size: 16px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.index-month-product-title p{ margin-top: 5px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	/*.index-month-product-more{ bottom: 0; width: 100%; padding: 15px 0; }*/
	/*.index-month-product-more h3{ font-size: 16px; color: #333;}*/
	/*.index-month-product-more span{ line-height: 30px; }*/
}

@media (max-width:768px) {
	.index-month-swiper{ margin-top: 30px;}
	.index-month{padding-top: 60px;}
	.index-month-product-poster{ width: 100%; padding: 15px; height: 300px; }
	.index-month-product-poster a{ max-width: 120px; line-height: 40px; font-size: 14px; }
	.index-month-product-poster h3{font-size: 20px;}
	.index-month-product-poster h3 span{display: block;}
	.index-month-product-poster a{margin: 0; margin-top: 15px;}
	
	.index-month-product-more span{margin-top: 5px;}
	.index-month-product-more h3{ padding: 0 10px; font-size: 14px; line-height: 1.4;}
}

@media (max-width:480px) {
	.index-month-swiper{ margin-top: 10px;}
	.index-month{padding-top: 40px;}
	
	.index-month-product-poster h3{ font-size: 18px;}
	/*.index-month-product-poster a{ max-width: 100px; line-height: 35px; font-size: 12px; }*/
}

/* 品牌 */
.index-brand{ position: relative; padding: 100px 0 400px;}
.index-brand-lists{width: 100%;}
.index-brand-item{ position: relative; width: 100%; transition: .1s; background-position:-10000px ;}
.index-brand-item>div{position: absolute; top: 0; left: 0; padding: 60px; width: 100%; height: 100%;}

.index-brand-lists-active1 .index-brand-item{transform: scale(.8);}
.index-brand-lists-active2 .index-brand-item{transform: scale(.9);}
.index-brand-lists-active3 .index-brand-item{transform: scale(1);}

.selector-a {transform:scale(.8); transition: .3s;}
.selector-b {transform: scale(.9); transition: .3s;}
.selector-c {transform: scale(1); transition: .3s;}

@media (max-width:1440px) {
	.index-service-item{ padding: 60px; }
	.index-service-title h3{ font-size: 32px; }
	.index-service-title p{ font-size: 24px;}
}

@media (max-width:1200px) {
	.index-brand{ position: relative; padding: 100px 0;}
	.index-brand-item{ margin-top: 30px;}
	.index-brand-item>div{ padding: 40px;}
	.index-brand-title h3{ font-size: 28px; }
	.index-brand-title p{ font-size: 20px;}
}

@media (max-width:1000px) {
	.index-brand{ padding: 80px 0;}
	.index-brand-item>div{ padding: 30px;}
	.index-brand-title h3{ font-size: 24px; }
	.index-brand-title p{ font-size: 18px;}
}

@media (max-width:768px) {
	.index-brand{ padding: 60px 0;}
	.index-brand-title h3{ font-size: 20px; }
	.index-brand-title p{ margin-top: 5px; margin-bottom: 5px; font-size: 16px;}
}

@media (max-width:640px) {
	.index-brand{ padding: 40px 0;}
	.index-brand-item{ height: 300px; background-position: center;}
	.index-brand-item>img{display: none;}
	.index-brand-item>div{ padding: 15px;}
	.index-brand-title p{ font-size: 14px;}
}

@media (max-width:480px) {
	
	.index-brand{ padding: 20px 0;}
	.index-brand-item{ margin-top: 20px; height: 200px; }
	.index-brand-title h3{ font-size: 18px; }
}

/* 服务入口 */
.index-service-bg{ padding: 180px 0 100px; background-color: #fff;}
.index-service-lists ul{margin-left: -20px;}
.index-service-lists ul li{ width: 50%; padding-left: 20px;}
.index-service-item{ flex-direction: column; justify-content: space-between; padding: 80px; height: 600px;}
.index-service-title h3{ line-height: 1.2; font-size: 46px; color: #fff;}
.index-service-title p{ margin-bottom: 15px; line-height: 1.4; font-size: 32px; color: #fff; }

@media (max-width:1440px) {
	.index-service-item{ padding: 60px; height: 500px; }
	.index-service-title h3{ font-size: 32px; }
	.index-service-title p{ font-size: 24px;}
}

@media (max-width:1200px) {
	.index-service-bg{ padding: 0 0 100px; }
	.index-service-item{ padding: 40px; height: 450px; }
	.index-service-title h3{ font-size: 28px; }
	.index-service-title p{ font-size: 20px;}
}

@media (max-width:1000px) {
	.index-service-item{ padding: 30px; height: 400px; }
	.index-service-title h3{ font-size: 24px; }
	.index-service-title p{ font-size: 18px;}
}

@media (max-width:860px) {
	.index-service-item{ height: 350px; }
}

@media (max-width:768px) {
	.index-service-item{ height: 300px; }
	.index-service-title h3{ font-size: 20px; }
	.index-service-title p{ margin-bottom: 5px; font-size: 16px;}
}

@media (max-width:640px) {
	.index-service-item{ padding: 15px;}
}

@media (max-width:480px) {
	.index-panasonic ul{margin-left: -15px;}
	.index-panasonic ul li{ padding-left: 15px; margin-bottom: 15px ;}
	.index-service-item{height: 180px;}
}

@media (max-width:480px) {
	.index-service-title h3{ font-size: 16px; }
	.index-service-title p{ margin-bottom: 5px; font-size: 12px;}
}