@charset "utf-8";
:root{
	--width-1920-blank: calc(50vw - 960px);
}
@font-face {
  font-family: "odemedia";
  src: url('../icon/iconfont.woff2') format('woff2'),
       url('../icon/iconfont.woff') format('woff'),
       url('../icon/iconfont.ttf') format('truetype');
}
/*css 初始化 */
* {
	box-sizing: border-box;
}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img, figure, figcaption {
	margin: 0;
	padding: 0;
}
body{background: #f5f5f5;}
fieldset, img, input, button {  /*fieldset组合表单中的相关元素*/
	border: none;
	padding: 0;
	margin: 0;
	outline-style: none;
}

ul, ol {
	list-style: none; /*清除列表风格*/
}

input {
	padding-top: 0;
	padding-bottom: 0;
}

select, input {
	vertical-align: middle;
}

select, input, textarea {
	font-size: 12px;
	margin: 0;
}

textarea {
	resize: none;
}

/*防止多行文本框拖动*/
img {
	border: 0;
	vertical-align: middle;
}

/*  去掉图片低测默认的3像素空白缝隙*/
table {
	border-collapse: collapse;  /*合并外边线*/
}

body {
	font: 14px/150% Arial, Verdana, "微软雅黑";
	color: #000;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1; /*IE/7/6*/
}

a {
	color: #444;
	text-decoration: none;
}

a:hover {
	color: #a75300;
}
a.stretched_link:before{display: block;content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;}

h1, h2, h3, h4, h5, h6 {
	text-decoration: none;
	font-weight: normal;
	font-size: 100%;
}

s, i, em {
	font-style: normal;
	text-decoration: none;
}

@media screen and (max-width:767px){
	header{width: 100%;height: 60px;background: #fff;position: relative;z-index: 1000;}
	.top-bar{display: none;width: 100%;height: 40px;background: #000;position: relative;color: #fff;}
	.top-bar a{color: #fff;}
	.links{position: absolute;left: 20px;top: 50%;transform: translate(0, -50%);}
	.links ul{display: flex;}
	.links ul li{padding: 0 10px;position: relative;}
	.links ul li:first-child{padding-left: 0;}
	.links ul li::after{content: '|';position: absolute;right: 0;top: 50%;transform: translate(0, -50%);font-size: 12px;}
	.links ul li:last-child::after{display: none;}
	.language{position: absolute;right: 10px;top: 50%;transform: translate(0, -50%);}
	.language ul{display: flex;}
	.language ul li{padding: 0 10px;position: relative;}
	.language ul li:last-child{padding-right: 0;}
	.language ul li:first-child::after{content: '/';position: absolute;right: 0;top: 50%;transform: translate(0, -50%);font-size: 12px;}
	.logo{width: 162px;height: 26px;position: absolute;left: 20px;bottom: 16px;background: url(../images/logo.png) no-repeat;}
	.logo a{display: block;height: 100%;text-indent: -9999px;}

	.nav-header .btn-nav{position: absolute;right: 80px;bottom:10px;width: 40px;height: 40px;border: none;background: none;text-align: center;}
	.nav-header .btn-nav:before,.nav-header .btn-nav:after,.nav-header .btn-nav span{display: block;content: "";width: 30px;height: 3px;background: rgba(0,0,0,.7);position: absolute;left: 50%;top: 50%;border-radius: 2px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
	.nav-header .btn-nav:before{transform:translate(-50%,0) rotate(45deg);}
	.nav-header .btn-nav:after{transform:translate(-50%,0) rotate(-45deg);}
	.nav-header .btn-nav span{transform: translate(-50%,0) scale(0,0);opacity: 0;}
	.nav-header .btn-nav.collapsed:before{transform: translate(-50%,-10px);}
	.nav-header .btn-nav.collapsed:after{transform: translate(-50%,10px);}
	.nav-header .btn-nav.collapsed span{transform: translate(-50%,0) scale(1,1);opacity: 1;}
	.nav-header .nav-ul.collapse:not(.show){display: none;}
	.nav-header .nav-ul{position: absolute;left: 0;top: 100px;width: 100%;background: rgba(0,0,0,1);z-index: 9999;display: flex;justify-content: space-between;flex-wrap: wrap;}
	.nav-header .nav-ul.collapsing{-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
	.nav-header .nav-ul{padding: 20px 40px;font-size: 0;}
	.nav-header .nav-ul>li{padding:10px 0;font-size: 16px;width: 50%;text-align: center;position: relative;}
	.nav-header .nav-ul>li>strong a{display: block;font-size: 18px;color: #fff;padding: 10px 0;margin: 0 30px;}
	.nav-header .nav-ul>li.nav-item>i{width: 16px;height: 16px;color: #fff;display: block;position: absolute;right: calc(50% - 80px);top: 50%;transform: translateY(-50%) rotate(-90deg);text-align: center;line-height: 16px;}
	.nav-header .nav-ul>li.nav-item>i::before{font-family: 'odemedia';content: "\e685";}
	.nav-header .nav-ul>li.nav-item>i.show{transform: translateY(-50%) rotate(90deg);}
	.nav-header .nav-ul .sub{position: absolute;left: 0 !important;top: 100% !important;transform: translate3d(0,0,0) !important;width: 100%;}
	.nav-header .nav-ul .sub ul{padding: 10px 0;}
	.nav-header .nav-ul .sub ul li{padding: 2px 0;}
	.nav-header .nav-ul .sub ul li a{display: block;padding: 2px 0 0;text-align: center;}

	.btn-search{width: 60px;height: 60px;position: absolute;right: 10px;bottom: 0;font-size: 0;}
	.btn-search span{cursor: pointer;}
	.btn-search span::before{content: "\e82e";display: block;width: 60px;height: 60px;text-align: center;line-height: 60px;font-family: 'odemedia';font-size: 20px;}
	#search-modal .modal-dialog{z-index: 9999;}
	.box-search{width: 100%;height: 90px;padding: 20px;background: #666;z-index: 9999;position: relative;}
	.box-search form{display: flex;justify-content: space-between;}
	.box-search form .ipt-txt{flex: 1;height: 50px;line-height: 50px;padding: 10px;}
	.box-search form .ipt-btn{height: 50px;background: #000;color: #fff;padding: 0 20px;}
	
	.slider-index{position: relative;}
	.slider-index ul.swiper-wrapper li.swiper-slide{background-color: #000;text-align: center;}
	.slider-index ul.swiper-wrapper li.swiper-slide img{width: 100%;height: auto;}
	.slider-index .slider-prev,.slider-index .slider-next{width: 30px;height: 59px;position: absolute;top: 50%;margin-top: -30px;z-index: 1001;}
	.slider-index .slider-prev::before,.slider-index .slider-next::before{display: block;width: 30px;height: 59px;line-height: 59px;text-align: center;color: rgba(255, 255, 255, .5);transition: all .5s ease;font-family: 'odemedia';font-size: 30px;}
	.slider-index .slider-prev{left: 20px;}
	.slider-index .slider-next{right: 20px;}
	.slider-index .slider-prev::before{content: "\e685";}
	.slider-index .slider-next::before{content: "\e687";}
	.slider-index .slider-prev:hover::before,.slider-index .slider-next:hover::before{color: rgba(255, 255, 255, 1);}
	.slider-index .slider-pagination{position: absolute;bottom: 20px;left: 50%;transform: translate(-50%, 0);display: flex;justify-content: center;z-index: 1000;}
	.slider-index .slider-pagination span{display: block;width: 200px;height: 2px;background: rgba(255, 255, 255, .3);transition: all .5s ease;border-radius: 0;opacity: 1;}
	.slider-index .slider-pagination span.swiper-pagination-bullet-active{background: rgba(255, 255, 255, 1);}

	.box-explore{width: 100%;background: url(../images/bg-explore.jpg) center center repeat-x;background-size: cover;padding: 20px 0;}
	.box-explore .b-head{line-height: 30px;font-size: 24px;text-align: center;color: #fff;}
	.box-explore .b-body{width: 100%;position: relative;padding-top: 20px;}
	.slider-explore{width: 100%;padding: 0 20px;}
	.slider-explore .slider-prev,.slider-explore .slider-next{width: 30px;height: 59px;position: absolute;top: 50%;margin-top: -30px;z-index: 1001;}
	.slider-explore .slider-prev::before,.slider-explore .slider-next::before{display: block;width: 30px;height: 59px;line-height: 59px;text-align: center;color: rgba(255, 255, 255, .5);transition: all .5s ease;font-family: 'odemedia';font-size: 30px;}
	.slider-explore .slider-prev{left: 0;}
	.slider-explore .slider-next{right: 0;}
	.slider-explore .slider-prev::before{content: "\e685";}
	.slider-explore .slider-next::before{content: "\e687";}
	.slider-explore .slider-prev:hover::before,.slider-explore .slider-next:hover::before{color: rgba(255, 255, 255, 1);}
	.slider-explore ul li{padding: 10px;}
	.slider-explore ul li figure{position: relative;transition: all .5s ease;}
	.slider-explore ul li figure:hover{transform: scale(1.1, 1.1);}
	.slider-explore ul li figure img{width: 100%;background: linear-gradient(135deg, #242424, #404142, #272828);}
	.slider-explore ul li figure figcaption{background: #000;line-height: 1.5em;padding: 10px;text-align: center;font-size: 16px;}
	.slider-explore ul li figure figcaption a{color: #fff;}
	.slider-explore ul li figure figcaption a::before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;}

	.box-product-slider{background: #1f1f22 url(../images/bg-product-slider.jpg) center bottom repeat-x;background-size: cover;}
	.slider-product{width: 100%;overflow: visible;height: 100%;}
	.slider-product .swiper-slide{display: flex;flex-direction: column;}
	.slider-product .swiper-slide .txt{width: 100%;color: #fff;padding: 40px 20px 0;z-index: 10;}
	.slider-product .swiper-slide .txt .title{display: flex;flex-direction: column;}
	.slider-product .swiper-slide .txt .title strong{font-size: 30px;letter-spacing: 10px;line-height: 100%;}
	.slider-product .swiper-slide .txt .title span{font-size: 20px;padding: 10px 0 0;line-height: 100%;}
	.slider-product .swiper-slide .txt .introduction{display: flex;flex-direction: column;padding: 40px 0 0;border-top: 1px solid #565658;margin: 40px 0 0;}
	.slider-product .swiper-slide .txt .introduction strong{font-size: 20px;line-height: 140%;}
	.slider-product .swiper-slide .txt .introduction p{padding: 20px 0 0;line-height: 2em;}
	.slider-product .swiper-slide .txt .more{padding: 40px 0 0;}
	.slider-product .swiper-slide .txt .more a{display: block;width: 144px;height: 38px;color: #fff;line-height: 38px;text-align: center;background: #2f3035;transition: all .5s ease;}
	.slider-product .swiper-slide .txt .more a:hover{background: #fff;color: #000;}
	.slider-product .swiper-slide .img{width: 100%;margin-right: 20px;z-index: 10;}
	.slider-product .swiper-slide .img img{width: 100%;height: auto;}
	.slider-product .swiper-slide .devorate{width: 100vw;height: 100vw;position: absolute;right: 0;bottom: 0;z-index: 9;}
	.slider-product .slider-prev,.slider-product .slider-next{width: 50px;height: 51px;position: absolute;bottom:100vw;z-index: 1001;}
	.slider-product .slider-prev::before,.slider-product .slider-next::before{display: block;width: 50px;height: 51px;line-height: 51px;text-align: center;color: rgba(255, 255, 255, 1);transition: all .5s ease;font-family: 'odemedia';font-size: 30px;background: rgba(255, 255, 255, .3);}
	.slider-product .slider-prev{right: 105px;}
	.slider-product .slider-next{right: 45px;}
	.slider-product .slider-prev::before{content: "\e685";}
	.slider-product .slider-next::before{content: "\e687";}
	.slider-product .slider-prev:hover::before,.slider-product .slider-next:hover::before{color: rgba(0, 0, 0, 1);background: rgba(255, 255, 255, 1);}

	.video{width: 100%;background: #000;}
	.video ul{display: flex;flex-wrap: wrap;flex-direction: column;width: 100%;max-width: 1920px;margin: 0 auto;}
	.video ul li{width: 100%;padding: 10px 10px 0;}
	.video ul li figure{position: relative;}
	.video ul li figure img{width: 100%;height: auto;}
	.video ul li figure figcaption{font-size: 0;display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
	.video ul li figure figcaption a::before{display: flex;content: "\e600";position: absolute;top: 0;right: 0;bottom: 0;left: 0;justify-content: center;align-items: center;font-size: 70px;font-family: 'odemedia';color: #fff;transition: all .5s ease;}
	.video ul li figure figcaption a::after{content: '';background: rgba(0, 0, 0, .5);position: absolute;top: 0;right: 0;bottom: 0;left: 0;transition: all .5s ease;}
	.video ul li:hover figure figcaption a::after{top: 100%;}
	.video ul li:hover figure figcaption a::before{color: #fff;transform: scale(1.4, 1.4);}

	.product-category{width: 100%;background: #000;padding: 20px 0;}
	.product-category ul{width: 100%;position: relative;}
	.product-category ul li{width: 100%;padding: 10px 10px 0;}
	.product-category ul li figure{height: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;position: relative;}
	.product-category ul li figure img{width: 100%;height: auto;transition: all .5s ease;}
	.product-category ul li figure:hover img{transform: scale(1.1, 1.1);}
	.product-category ul li figure figcaption{font-size: 0;display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
	.product-category ul li figure figcaption a{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
	footer{background: #000;color: #fff;position: relative;}
	footer::before{content: '';display: block;width: calc(100vw - 40px);height: 1px;background: #bfbfbf;position: absolute;left: 20px;bottom: 100px;}
	footer a{color: #fff;}
	nav.nav-footer{display: none;}
	nav.nav-footer dl{}
	.contact{font-size: 18px;padding: 20px;}
	.contact dl dt{margin-bottom: 10px;}
	.contact dl dd{padding-bottom: 5px;}
	.logo-footer{display: none;width: 162px;height: 26px;position: absolute;left: 20px;bottom: 57px;background: url(../images/logo-footer.png) no-repeat;}
	.logo-footer a{display: block;height: 100%;text-indent: -9999px;}
	.copyright{padding: 20px;}

	.page_banner{width: 100%;margin: 0;}
	.page_banner img{width: 100%;height: auto;}
	.breadcrumb{width: 100%;margin: 20px 0 0;padding: 0 20px;}
	.breadcrumb a{margin: 0 10px;}

	.box-product-category{width: 100%;margin: 40px auto 0;}
	.box-product-category .b-head{line-height: 50px;text-align: center;font-size: 36px;}
	.box-product-category .b-body{padding: 20px 20px 0;position: relative;}
	.box-product-category .b-body .slider-cate{width: 30px;height: 59px;position: absolute;top: 50%;margin-top: -30px;z-index: 1001;}
	.box-product-category .b-body .slider-cate::before{display: block;width: 30px;height: 59px;line-height: 59px;text-align: center;color: rgba(0, 0, 0, .5);transition: all .5s ease;font-family: 'odemedia';font-size: 30px;}
	.box-product-category .b-body .slider-cate.slider-cate-prev{left: 0;}
	.box-product-category .b-body .slider-cate.slider-cate-next{right: 0;}
	.box-product-category .b-body .slider-cate.slider-cate-prev::before{content: "\e685";}
	.box-product-category .b-body .slider-cate.slider-cate-next::before{content: "\e687";}
	.box-product-category .b-body .slider-cate.slider-cate-prev:hover::before,.box-product-category .b-body .slider-cate.slider-cate-next:hover::before{color: rgba(0, 0, 0, 1);}
	.box-product-category .b-body ul li{}
	.box-product-category .b-body ul li figure{background: #000;position: relative;transition: all .5s ease;}
	.box-product-category .b-body ul li:hover figure{box-shadow: 5px 5px 20px rgba(0, 0, 0, .2);}
	.box-product-category .b-body ul li figure img{width: 100%; height: auto;opacity: .5;transition: all .5s ease;}
	.box-product-category .b-body ul li:hover figure img{opacity: 1;}
	.box-product-category .b-body ul li figure figcaption{position: absolute;top: 0;right: 0;bottom: 0;left: 0;text-align: center;padding: 120px 0 0;font-size: 18px;transition: all .5s ease;}
	.box-product-category .b-body ul li:hover figure figcaption{padding-top: calc(100% - 100px);font-size: 20px;}
	.box-product-category .b-body ul li figure figcaption a{color: #fff;}
	.box-product-category .b-body ul li figure figcaption a::before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
	.slider-product-category{height: calc(100vw / 2 * 2);}
	.slider-product-category .swiper-slide{height: calc(100vw / 2);}

	.box-product-hot{width: 100%;margin: 40px 0 0;background: #fff;padding: 70px 0;}
	.box-product-hot .b-head{text-align: center;font-size: 36px;color: #000;}
	.box-product-hot .b-body{padding: 40px 0 0;}
	.slider-product-hot{width: 100%;padding: 0 20px;}
	.slider-product-hot .slider-prev,.slider-product-hot .slider-next{width: 30px;height: 59px;position: absolute;top: 50%;margin-top: -30px;z-index: 1001;}
	.slider-product-hot .slider-prev::before,.slider-product-hot .slider-next::before{display: block;width: 30px;height: 59px;line-height: 59px;text-align: center;color: rgba(0, 0, 0, .5);transition: all .5s ease;font-family: 'odemedia';font-size: 30px;}
	.slider-product-hot .slider-prev{left: 0;}
	.slider-product-hot .slider-next{right: 0;}
	.slider-product-hot .slider-prev::before{content: "\e685";}
	.slider-product-hot .slider-next::before{content: "\e687";}
	.slider-product-hot .slider-prev:hover::before,.slider-product-hot .slider-next:hover::before{color: rgba(0, 0, 0, 1);}
	.slider-product-hot ul li{padding: 0;}
	.slider-product-hot ul li figure{position: relative;transition: all .5s ease;padding-bottom: 40px;}
	.slider-product-hot ul li figure:hover{background: rgba(0, 0, 0, .03);}
	.slider-product-hot ul li figure img{width: 100%;height: auto;}
	.slider-product-hot ul li figure figcaption{display: flex;flex-direction: column;text-align: center;padding: 0 10px;}
	.slider-product-hot ul li figure figcaption strong{font-size: 18px;}
	.slider-product-hot ul li figure figcaption span{padding: 10px 0 0;color: #999;}
	.slider-product-hot ul li figure figcaption a::before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;}

	.page-head{width: 100%;margin: 20px 0 0;padding: 0 20px;}
	.page-head h1{font-size: 30px;color: #000;}
	.banner{width: 100%;margin: 10px 0 0;}
	.banner img{width: 100%;height: auto;}

	.list-product{width: 100%;margin: 40px 0 0;padding: 0 20px;}
	.list-product ul{display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px 10px;}
	.list-product ul li{background: #fff;position: relative;transition: all .5s ease;}
	.list-product ul li:hover{box-shadow: 5px 5px 20px rgba(0, 0, 0, .2);}
	.list-product ul li figure{padding: 0 0 40px;}
	.list-product ul li figure img{width: 100%; height: auto;}
	.list-product ul li figure figcaption{display: flex;flex-direction: column;padding: 0 10px;}
	.list-product ul li figure figcaption strong{font-size: 18px;}
	.list-product ul li figure figcaption strong a::before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
	.list-product ul li figure figcaption span{padding: 10px 0 0;font-size: 12px;color: #7f7f7f;}

	.product-base-info{width: 100%;margin: 40px 0 0;padding: 0 10px;}
	.product-gallery{display: flex;justify-content: space-between;width: 100%;height: calc(100vw - 100px);overflow: hidden;}
	.gallery-photo{order: 2;width: calc(100% - 100px);}
	.gallery-photo ul li img{width: 100%;height: auto;}
	.gallery-thumb{order: 1;width: 80px;height: 100%;padding: 40px 0;position: relative;}
	.gallery-thumb img{width: 100%;height: auto;}
	.gallery-thumb-ul{height: 100%;overflow: hidden;}
	.gallery-thumb-ul .swiper-wrapper .swiper-slide{opacity: .5;transition: all .5s ease;}
	.gallery-thumb-ul .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{opacity: 1;}
	.gallery-thumb .thumb-nav{width: 100%;height: 40px;display: flex;justify-content: center;align-items: center;position: absolute;left: 0;transition: all .5s ease;}
	.gallery-thumb .thumb-nav:not(.swiper-button-disabled):hover{background: rgba(0, 0, 0, .05);}
	.gallery-thumb .thumb-nav.thumb-nav-prev{top: 0;}
	.gallery-thumb .thumb-nav.thumb-nav-next{bottom: 0;}
	.gallery-thumb .thumb-nav::before{font-family: 'odemedia';content: "\e685";font-size: 30px;color: rgba(0, 0, 0, 1);}
	.gallery-thumb .thumb-nav.swiper-button-disabled::before{color: rgba(0, 0, 0, .3);}

	.gallery-thumb .thumb-nav.thumb-nav-prev::before{transform: rotate(90deg);}
	.gallery-thumb .thumb-nav.thumb-nav-next::before{transform: rotate(-90deg); }
	
	.product-txt{width: 100vw;display: flex;flex-direction: column;padding: 40px 10px 0;}
	.product-txt h1{font-size: 20px;color: #000;}
	.product-introduction{padding: 20px 0 0;}
	.product-btn{padding: 40px 0 0;}
	.product-btn ul{display: flex;font-size: 18px;}
	.product-btn ul li{margin-right: 10px;}
	.product-btn ul li a{display: block;height: 46px;padding: 0 10px;line-height: 46px;background: #9e1f1f;color: #fff;}

	.box-product-params{width: 100%;margin: 40px 0 0;padding: 0 20px;}
	.box-product-params .b-head{font-size: 18px;padding-left: 20px;}
	.box-product-params .b-body{padding: 10px 0 0;}
	.box-product-params .b-body ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
	.box-product-params .b-body ul li{width: 100%;border-bottom: 1px solid #ccc;padding: 10px 20px;display: flex;}
	.box-product-params .b-body ul li strong{padding-right: 20px;}
	.box-product-params .b-body ul li span{flex-grow: 1;text-align: center;}

	.product-detail{padding: 40px 0;}
	.w1600{width: 100%;}
	.w1200{width: 100%;}
	.w750{width: 100%;}
	.product-detail img{width: 100%;height: auto;}

	.list-article{width: 100%;margin: 40px 0;padding: 0 20px;}
	.list-article ul{display: grid;grid-template-columns: repeat(1, 1fr);gap: 20px;}
	.list-article ul li{padding: 20px;background: #fff;position: relative;transition: all .5s ease;}
	.list-article ul li:hover{box-shadow: 5px 5px 20px rgba(0, 0, 0, .2);}
	.list-article ul li figure img{width: 100%;height: auto;}
	.list-article ul li figure figcaption{display: flex;flex-direction: column;}
	.list-article ul li figure figcaption strong{font-size: 18px;padding: 20px 0 0;line-height: 150%;}
	.list-article ul li figure figcaption strong a::before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
	.list-article ul li figure figcaption span{line-height: 150%;padding: 20px 0 0;}

	.page-list{width: 100%;margin: 40px 0 0;padding: 0 20px;}
	.page-list ul{display: flex;flex-wrap: wrap;justify-content: center;}
	.page-list ul li{margin: 0 5px 10px;}
	.page-list ul li a{display: block;line-height: 150%;padding: 4px 10px;font-size: 18px;background: rgba(0, 0, 0, .1);border-radius: 2px;transition: all .5s ease;color: #000;}
	.page-list ul li.current_page_item a,.page-list ul li a:hover{background: rgba(0, 0, 0, 1);color: #fff;}

	.detail-page{width: 100%;margin: 20px 0 0;}
	.detail-page h1{font-size: 24px;line-height: 150%;padding: 20px 0;text-align: center;color: #000;border-bottom: 1px solid #a0a0a0;}
	.page-body{padding: 30px 20px;font-size: 16px;line-height: 150%;}
	
	.detail-article{width: 100%;margin: 20px 0 0;}
	.detail-article h1{font-size: 24px;line-height: 150%;padding: 20px 0;text-align: center;color: #000;border-bottom: 1px solid #a0a0a0;}
	.article-info{text-align: center;font-size: 12px;padding: 20px 0;color: #999;}
	.article-body{padding: 30px 20px;font-size: 16px;line-height: 150%;}

	.sales-outlets .nav li{width: 20%;padding: 5px;}
	.sales-outlets .nav li a{display: block;text-align: center;}
	.sales-outlets .nav li a.active{background: #000;border-radius: 5px;color: #fff;}
	.sales-outlets .tab-content{padding: 20px 0 0;}
	.sales-outlets .tab-content .tab-pane{flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
	.sales-outlets .tab-content .tab-pane.active{display: flex;}
	.sales-outlets .tab-content .tab-pane dl{width: calc(100% - 10px);background: #fff;border-radius: 5px;padding: 10px 20px;margin: 0 0 20px;}
	.sales-outlets .tab-content .tab-pane dl dt{font-size: 20px;margin: 0 0 10px;}
	.sales-outlets .tab-content .tab-pane dl dd{font-size: 12px;line-height: 18px;padding: 3px 0;}
}
@media screen and (min-width:768px) and (max-width: 1279px){
	header{width: 100%;height: 100px;background: #fff;position: relative;z-index: 1000;}
	.top-bar{width: 100%;height: 40px;background: #000;position: relative;color: #fff;}
	.top-bar a{color: #fff;}
	.links{position: absolute;left: 20px;top: 50%;transform: translate(0, -50%);}
	.links ul{display: flex;}
	.links ul li{padding: 0 10px;position: relative;}
	.links ul li:first-child{padding-left: 0;}
	.links ul li::after{content: '|';position: absolute;right: 0;top: 50%;transform: translate(0, -50%);font-size: 12px;}
	.links ul li:last-child::after{display: none;}
	.links ul li .img_box{display: none;width: 160px;height: 160px;position: absolute;left: 0;top: 100%;background: #1f2326;border-radius: 10px;padding: 20px;z-index: 1100;}
	.links ul li .img_box img{width: 100%;height: auto;}
	.links ul li:hover .img_box{display: block;}
	.language{position: absolute;right: 10px;top: 50%;transform: translate(0, -50%);}
	.language ul{display: flex;}
	.language ul li{padding: 0 10px;position: relative;}
	.language ul li:last-child{padding-right: 0;}
	.language ul li:first-child::after{content: '/';position: absolute;right: 0;top: 50%;transform: translate(0, -50%);font-size: 12px;}
	.logo{width: 162px;height: 26px;position: absolute;left: 20px;top: 57px;background: url(../images/logo.png) no-repeat;}
	.logo a{display: block;height: 100%;text-indent: -9999px;}

	.nav-header .btn-nav{position: absolute;right: 80px;top:48px;width: 40px;height: 40px;border: none;background: none;text-align: center;}
	.nav-header .btn-nav:before,.nav-header .btn-nav:after,.nav-header .btn-nav span{display: block;content: "";width: 30px;height: 3px;background: rgba(0,0,0,.7);position: absolute;left: 50%;top: 50%;border-radius: 2px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
	.nav-header .btn-nav:before{transform:translate(-50%,0) rotate(45deg);}
	.nav-header .btn-nav:after{transform:translate(-50%,0) rotate(-45deg);}
	.nav-header .btn-nav span{transform: translate(-50%,0) scale(0,0);opacity: 0;}
	.nav-header .btn-nav.collapsed:before{transform: translate(-50%,-10px);}
	.nav-header .btn-nav.collapsed:after{transform: translate(-50%,10px);}
	.nav-header .btn-nav.collapsed span{transform: translate(-50%,0) scale(1,1);opacity: 1;}
	.nav-header .nav-ul.collapse:not(.show){display: none;}
	.nav-header .nav-ul{position: absolute;left: 0;top: 100px;width: 100%;background: rgba(0,0,0,1);z-index: 9999;display: flex;justify-content: space-between;flex-wrap: wrap;}
	.nav-header .nav-ul.collapsing{-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
	.nav-header .nav-ul{padding: 20px 40px;font-size: 0;}
	.nav-header .nav-ul>li{padding:10px 0;font-size: 16px;width: 50%;text-align: center;position: relative;}
	.nav-header .nav-ul>li>strong a{display: block;font-size: 18px;color: #fff;padding: 10px 0;margin: 0 30px;}
	.nav-header .nav-ul>li.nav-item>i{width: 16px;height: 16px;color: #fff;display: block;position: absolute;right: calc(50% - 80px);top: 50%;transform: translateY(-50%) rotate(-90deg);text-align: center;line-height: 16px;}
	.nav-header .nav-ul>li.nav-item>i::before{font-family: 'odemedia';content: "\e685";}
	.nav-header .nav-ul>li.nav-item>i.show{transform: translateY(-50%) rotate(90deg);}
	.nav-header .nav-ul .sub{position: absolute;left: 0 !important;top: 100% !important;transform: translate3d(0,0,0) !important;width: 100%;}
	.nav-header .nav-ul .sub ul{padding: 10px 0;}
	.nav-header .nav-ul .sub ul li{padding: 2px 0;}
	.nav-header .nav-ul .sub ul li a{display: block;padding: 2px 0 0;text-align: center;}

	.btn-search{width: 60px;height: 60px;position: absolute;right: 10px;bottom: 0;font-size: 0;}
	.btn-search span{cursor: pointer;}
	.btn-search span::before{content: "\e82e";display: block;width: 60px;height: 60px;text-align: center;line-height: 60px;font-family: 'odemedia';font-size: 20px;}
	#search-modal .modal-dialog{z-index: 9999;}
	.box-search{width: 100%;height: 90px;padding: 20px;background: #666;z-index: 999;position: relative;}
	.box-search form{display: flex;justify-content: space-between;}
	.box-search form .ipt-txt{flex: 1;height: 50px;line-height: 50px;padding: 10px;}
	.box-search form .ipt-btn{height: 50px;background: #000;color: #fff;padding: 0 20px;}
	
	.slider-index{position: relative;}
	.slider-index ul.swiper-wrapper li.swiper-slide{background-color: #000;text-align: center;}
	.slider-index ul.swiper-wrapper li.swiper-slide img{width: 100%;height: auto;}
	.slider-index .slider-prev,.slider-index .slider-next{width: 30px;height: 59px;position: absolute;top: 50%;margin-top: -30px;z-index: 1001;}
	.slider-index .slider-prev::before,.slider-index .slider-next::before{display: block;width: 30px;height: 59px;line-height: 59px;text-align: center;color: rgba(255, 255, 255, .5);transition: all .5s ease;font-family: 'odemedia';font-size: 30px;}
	.slider-index .slider-prev{left: 20px;}
	.slider-index .slider-next{right: 20px;}
	.slider-index .slider-prev::before{content: "\e685";}
	.slider-index .slider-next::before{content: "\e687";}
	.slider-index .slider-prev:hover::before,.slider-index .slider-next:hover::before{color: rgba(255, 255, 255, 1);}
	.slider-index .slider-pagination{position: absolute;bottom: 20px;left: 50%;transform: translate(-50%, 0);display: flex;justify-content: center;z-index: 1000;}
	.slider-index .slider-pagination span{display: block;width: 200px;height: 2px;background: rgba(255, 255, 255, .3);transition: all .5s ease;border-radius: 0;opacity: 1;}
	.slider-index .slider-pagination span.swiper-pagination-bullet-active{background: rgba(255, 255, 255, 1);}

	.box-explore{width: 100%;height: 553px;background: url(../images/bg-explore.jpg) center center repeat-x;padding: 40px 0;}
	.box-explore .b-head{line-height: 50px;font-size: 48px;text-align: center;color: #fff;}
	.box-explore .b-body{width: 100%;position: relative;padding-top: 30px;}
	.slider-explore{width: 100%;padding: 0 20px;}
	.slider-explore .slider-prev,.slider-explore .slider-next{width: 30px;height: 59px;position: absolute;top: 50%;margin-top: -30px;z-index: 1001;}
	.slider-explore .slider-prev::before,.slider-explore .slider-next::before{display: block;width: 30px;height: 59px;line-height: 59px;text-align: center;color: rgba(255, 255, 255, .5);transition: all .5s ease;font-family: 'odemedia';font-size: 30px;}
	.slider-explore .slider-prev{left: 0;}
	.slider-explore .slider-next{right: 0;}
	.slider-explore .slider-prev::before{content: "\e685";}
	.slider-explore .slider-next::before{content: "\e687";}
	.slider-explore .slider-prev:hover::before,.slider-explore .slider-next:hover::before{color: rgba(255, 255, 255, 1);}
	.slider-explore ul li{padding: 20px;}
	.slider-explore ul li figure{position: relative;transition: all .5s ease;}
	.slider-explore ul li figure:hover{transform: scale(1.1, 1.1);}
	.slider-explore ul li figure img{width: 100%;background: linear-gradient(135deg, #242424, #404142, #272828);}
	.slider-explore ul li figure figcaption{background: #000;line-height: 1.5em;padding: 10px;text-align: center;font-size: 20px;}
	.slider-explore ul li figure figcaption a{color: #fff;}
	.slider-explore ul li figure figcaption a::before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;}

	.box-product-slider{background: #1f1f22 url(../images/bg-product-slider.jpg) center bottom repeat-x;background-size: cover;}
	.slider-product{width: 100%;overflow: visible;height: 100%;}
	.slider-product .swiper-slide{display: flex;height: 100%;}
	.slider-product .swiper-slide .txt{width: 50%;color: #fff;padding: 120px 0 0 20px;z-index: 10;}
	.slider-product .swiper-slide .txt .title{display: flex;flex-direction: column;}
	.slider-product .swiper-slide .txt .title strong{font-size: 48px;letter-spacing: 10px;line-height: 100%;}
	.slider-product .swiper-slide .txt .title span{font-size: 30px;padding: 20px 0 0;line-height: 100%;}
	.slider-product .swiper-slide .txt .introduction{display: flex;flex-direction: column;padding: 40px 0 0;border-top: 1px solid #565658;margin: 40px 0 0;}
	.slider-product .swiper-slide .txt .introduction strong{font-size: 28px;line-height: 100%;}
	.slider-product .swiper-slide .txt .introduction p{padding: 40px 0 0;line-height: 2em;}
	.slider-product .swiper-slide .txt .more{padding: 40px 0 0;}
	.slider-product .swiper-slide .txt .more a{display: block;width: 144px;height: 38px;color: #fff;line-height: 38px;text-align: center;background: #2f3035;transition: all .5s ease;}
	.slider-product .swiper-slide .txt .more a:hover{background: #fff;color: #000;}
	.slider-product .swiper-slide .img{width: calc(50% - 20px);margin-right: 20px;z-index: 10;}
	.slider-product .swiper-slide .img img{width: 100%;height: auto;}
	.slider-product .swiper-slide .devorate{width: calc(50% + 40px);height: 100%;position: absolute;right: 0;top: 0;z-index: 9;}
	.slider-product .slider-prev,.slider-product .slider-next{width: 50px;height: 51px;position: absolute;bottom:200px;z-index: 1001;}
	.slider-product .slider-prev::before,.slider-product .slider-next::before{display: block;width: 50px;height: 51px;line-height: 51px;text-align: center;color: rgba(255, 255, 255, 1);transition: all .5s ease;font-family: 'odemedia';font-size: 30px;background: rgba(255, 255, 255, .3);}
	.slider-product .slider-prev{right: 105px;}
	.slider-product .slider-next{right: 45px;}
	.slider-product .slider-prev::before{content: "\e685";}
	.slider-product .slider-next::before{content: "\e687";}
	.slider-product .slider-prev:hover::before,.slider-product .slider-next:hover::before{color: rgba(0, 0, 0, 1);background: rgba(255, 255, 255, 1);}

	.video{width: 100%;background: #000;}
	.video ul{display: flex;flex-wrap: wrap;width: 100%;max-width: 1920px;margin: 0 auto;justify-content: space-between;}
	.video ul li{width: calc(50% - 10px);}
	.video ul li figure{position: relative;}
	.video ul li figure img{width: 100%;height: auto;}
	.video ul li figure figcaption{font-size: 0;display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
	.video ul li figure figcaption a::before{display: flex;content: "\e600";position: absolute;top: 0;right: 0;bottom: 0;left: 0;justify-content: center;align-items: center;font-size: 70px;font-family: 'odemedia';color: #fff;transition: all .5s ease;}
	.video ul li figure figcaption a::after{content: '';background: rgba(0, 0, 0, .5);position: absolute;top: 0;right: 0;bottom: 0;left: 0;transition: all .5s ease;}
	.video ul li:hover figure figcaption a::after{top: 100%;}
	.video ul li:hover figure figcaption a::before{color: #fff;transform: scale(1.4, 1.4);}

	.product-category{width: 100%;background: #000;padding: 20px 0;}
	.product-category ul{width: 100%;position: relative;padding-top: calc(50vw + 10px);display: flex;justify-content: space-between;}
	.product-category ul li{width: calc(33.33333333% - 13.3333333px);}
	.product-category ul li figure{height: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;position: relative;}
	.product-category ul li figure img{width: 100%;height: auto;transition: all .5s ease;}
	.product-category ul li figure:hover img{transform: scale(1.1, 1.1);}
	.product-category ul li figure figcaption{font-size: 0;display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
	.product-category ul li figure figcaption a{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
	.product-category ul li:nth-child(1){width: calc(50vw - 10px);height: calc((50vw - 10px) / 2 - 10px);position: absolute;left: 0;top: 0;}
	.product-category ul li:nth-child(2){width: calc(50vw - 10px);height: calc((50vw - 10px) / 2 - 10px);position: absolute;left: 0;top: calc((50vw - 10px) / 2 + 10px);}
	.product-category ul li:nth-child(3){width: calc(50vw - 10px);height: calc(50vw - 10px);position: absolute;right: 0;top: 0;}

	footer{background: #000;color: #fff;position: relative;height: 350px;}
	footer::before{content: '';display: block;width: calc(100vw - 40px);height: 1px;background: #bfbfbf;position: absolute;left: 20px;bottom: 100px;}
	footer a{color: #fff;}
	nav.nav-footer{width: calc(100vw - 420px);position: absolute;left: 20px;top: 55px;display: flex;justify-content: space-between;}
	nav.nav-footer dl{}
	.contact{width: 280px;position: absolute;right: 20px;top: 55px;font-size: 18px;}
	.contact dl dt{margin-bottom: 10px;}
	.contact dl dd{padding-bottom: 5px;}
	.logo-footer{width: 162px;height: 26px;position: absolute;left: 20px;bottom: 57px;background: url(../images/logo-footer.png) no-repeat;}
	.logo-footer a{display: block;height: 100%;text-indent: -9999px;}
	.copyright{position: absolute;right: 20px;bottom: 45px;}

	.page_banner{width: 100%;margin: 0;}
	.page_banner img{width: 100%;height: auto;}
	.breadcrumb{width: 100%;margin: 20px 0 0;padding: 0 20px;}
	.breadcrumb a{margin: 0 10px;}

	.box-product-category{width: 100%;margin: 40px auto 0;}
	.box-product-category .b-head{line-height: 50px;text-align: center;font-size: 36px;}
	.box-product-category .b-body{padding: 20px 20px 0;position: relative;}
	.box-product-category .b-body .slider-cate{width: 30px;height: 59px;position: absolute;top: 50%;margin-top: -30px;z-index: 1001;}
	.box-product-category .b-body .slider-cate::before{display: block;width: 30px;height: 59px;line-height: 59px;text-align: center;color: rgba(0, 0, 0, .5);transition: all .5s ease;font-family: 'odemedia';font-size: 30px;}
	.box-product-category .b-body .slider-cate.slider-cate-prev{left: 0;}
	.box-product-category .b-body .slider-cate.slider-cate-next{right: 0;}
	.box-product-category .b-body .slider-cate.slider-cate-prev::before{content: "\e685";}
	.box-product-category .b-body .slider-cate.slider-cate-next::before{content: "\e687";}
	.box-product-category .b-body .slider-cate.slider-cate-prev:hover::before,.box-product-category .b-body .slider-cate.slider-cate-next:hover::before{color: rgba(0, 0, 0, 1);}
	.box-product-category .b-body ul li{padding: 10px;}
	.box-product-category .b-body ul li figure{background: #000;position: relative;transition: all .5s ease;}
	.box-product-category .b-body ul li:hover figure{box-shadow: 5px 5px 20px rgba(0, 0, 0, .2);}
	.box-product-category .b-body ul li figure img{width: 100%; height: auto;opacity: .5;transition: all .5s ease;}
	.box-product-category .b-body ul li:hover figure img{opacity: 1;}
	.box-product-category .b-body ul li figure figcaption{position: absolute;top: 0;right: 0;bottom: 0;left: 0;text-align: center;padding: 100px 0 0;font-size: 36px;transition: all .5s ease;}
	.box-product-category .b-body ul li:hover figure figcaption{padding-top: calc(100% - 90px);font-size: 44px;}
	.box-product-category .b-body ul li figure figcaption a{color: #fff;}
	.box-product-category .b-body ul li figure figcaption a::before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
	.slider-product-category{height: calc(100vw / 3 * 2);}
	.slider-product-category .swiper-slide{height: calc(100vw / 3);}

	.box-product-hot{width: 100%;margin: 40px 0 0;background: #fff;padding: 70px 0;}
	.box-product-hot .b-head{text-align: center;font-size: 36px;color: #000;}
	.box-product-hot .b-body{padding: 40px 0 0;}
	.slider-product-hot{width: 100%;padding: 0 20px;}
	.slider-product-hot .slider-prev,.slider-product-hot .slider-next{width: 30px;height: 59px;position: absolute;top: 50%;margin-top: -30px;z-index: 1001;}
	.slider-product-hot .slider-prev::before,.slider-product-hot .slider-next::before{display: block;width: 30px;height: 59px;line-height: 59px;text-align: center;color: rgba(0, 0, 0, .5);transition: all .5s ease;font-family: 'odemedia';font-size: 30px;}
	.slider-product-hot .slider-prev{left: 0;}
	.slider-product-hot .slider-next{right: 0;}
	.slider-product-hot .slider-prev::before{content: "\e685";}
	.slider-product-hot .slider-next::before{content: "\e687";}
	.slider-product-hot .slider-prev:hover::before,.slider-product-hot .slider-next:hover::before{color: rgba(0, 0, 0, 1);}
	.slider-product-hot ul li{padding: 20px;}
	.slider-product-hot ul li figure{position: relative;transition: all .5s ease;padding-bottom: 40px;}
	.slider-product-hot ul li figure:hover{background: rgba(0, 0, 0, .03);}
	.slider-product-hot ul li figure img{width: 100%;height: auto;}
	.slider-product-hot ul li figure figcaption{display: flex;flex-direction: column;text-align: center;padding: 0 40px;}
	.slider-product-hot ul li figure figcaption strong{font-size: 20px;}
	.slider-product-hot ul li figure figcaption span{padding: 20px;color: #999;}
	.slider-product-hot ul li figure figcaption a::before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;}

	.page-head{width: 100%;margin: 20px 0 0;padding: 0 20px;}
	.page-head h1{font-size: 36px;color: #000;}
	.banner{width: 100%;margin: 10px 0 0;}
	.banner img{width: 100%;height: auto;}

	.list-product{width: 100%;margin: 40px 0 0;padding: 0 20px;}
	.list-product ul{display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px 20px;}
	.list-product ul li{background: #fff;position: relative;transition: all .5s ease;}
	.list-product ul li:hover{box-shadow: 5px 5px 20px rgba(0, 0, 0, .2);}
	.list-product ul li figure{padding: 0 25px 80px;}
	.list-product ul li figure img{width: 100%; height: auto;}
	.list-product ul li figure figcaption{display: flex;flex-direction: column;}
	.list-product ul li figure figcaption strong{font-size: 20px;}
	.list-product ul li figure figcaption strong a::before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
	.list-product ul li figure figcaption span{padding: 30px 0 0;font-size: 16px;color: #7f7f7f;}

	.product-base-info{width: 100%;margin: 40px 0 0;display: flex;justify-content: space-between;padding: 0 20px;}
	.product-gallery{display: flex;justify-content: space-between;width: 480px;height: 360px;overflow: hidden;}
	.gallery-photo{order: 2;width: calc(100% - 100px);}
	.gallery-photo ul li img{width: 100%;height: auto;}
	.gallery-thumb{order: 1;width: 80px;height: 100%;padding: 40px 0;position: relative;}
	.gallery-thumb img{width: 100%;height: auto;}
	.gallery-thumb-ul{height: 100%;overflow: hidden;}
	.gallery-thumb-ul .swiper-wrapper .swiper-slide{opacity: .5;transition: all .5s ease;}
	.gallery-thumb-ul .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{opacity: 1;}
	.gallery-thumb .thumb-nav{width: 100%;height: 40px;display: flex;justify-content: center;align-items: center;position: absolute;left: 0;transition: all .5s ease;}
	.gallery-thumb .thumb-nav:not(.swiper-button-disabled):hover{background: rgba(0, 0, 0, .05);}
	.gallery-thumb .thumb-nav.thumb-nav-prev{top: 0;}
	.gallery-thumb .thumb-nav.thumb-nav-next{bottom: 0;}
	.gallery-thumb .thumb-nav::before{font-family: 'odemedia';content: "\e685";font-size: 30px;color: rgba(0, 0, 0, 1);}
	.gallery-thumb .thumb-nav.swiper-button-disabled::before{color: rgba(0, 0, 0, .3);}

	.gallery-thumb .thumb-nav.thumb-nav-prev::before{transform: rotate(90deg);}
	.gallery-thumb .thumb-nav.thumb-nav-next::before{transform: rotate(-90deg); }
	
	.product-txt{width: calc(100% - 520px);display: flex;flex-direction: column;padding: 40px 0 0;}
	.product-txt h1{font-size: 24px;color: #000;}
	.product-introduction{padding: 40px 0 0;}
	.product-btn{padding: 20px 0 0;}
	.product-btn ul{font-size: 18px;}
	.product-btn ul li{margin-bottom: 10px;}
	.product-btn ul li a{display: block;height: 46px;padding: 0 20px;line-height: 46px;background: #9e1f1f;color: #fff;text-align: center;}

	.box-product-params{width: 100%;margin: 40px 0 0;padding: 0 20px;}
	.box-product-params .b-head{font-size: 18px;padding-left: 20px;}
	.box-product-params .b-body{padding: 20px 0 0;}
	.box-product-params .b-body ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
	.box-product-params .b-body ul li{width: calc(50% - 20px);border-bottom: 1px solid #ccc;padding: 10px 20px;display: flex;}
	.box-product-params .b-body ul li strong{padding-right: 20px;}
	.box-product-params .b-body ul li span{flex-grow: 1;text-align: center;}

	.product-detail{padding: 40px 0;}
	.w1600{width: 100%;}
	.w1200{width: 100%;}
	.w750{width: 750px;margin: 0 auto ;}
	.product-detail img{width: 100%;height: auto;}

	.list-article{width: 100%;margin: 40px 0;padding: 0 20px;}
	.list-article ul{display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
	.list-article ul li{padding: 20px;background: #fff;position: relative;transition: all .5s ease;}
	.list-article ul li:hover{box-shadow: 5px 5px 20px rgba(0, 0, 0, .2);}
	.list-article ul li figure img{width: 100%;height: auto;}
	.list-article ul li figure figcaption{display: flex;flex-direction: column;}
	.list-article ul li figure figcaption strong{font-size: 24px;padding: 20px 0 0;line-height: 150%;}
	.list-article ul li figure figcaption strong a::before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
	.list-article ul li figure figcaption span{line-height: 150%;padding: 20px 0 0;}

	.page-list{width: 100%;margin: 40px 0 0;padding: 0 20px;}
	.page-list ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
	.page-list ul li a{display: block;line-height: 150%;padding: 10px 30px;font-size: 20px;background: rgba(0, 0, 0, .1);border-radius: 2px;transition: all .5s ease;color: #000;}
	.page-list ul li.current_page_item a,.page-list ul li a:hover{background: rgba(0, 0, 0, 1);color: #fff;}

	.detail-page{width: 100%;margin: 40px 0 0;}
	.detail-page h1{font-size: 24px;line-height: 150%;padding: 20px 0;text-align: center;color: #000;border-bottom: 1px solid #a0a0a0;}
	.page-body{padding: 80px 40px;font-size: 16px;line-height: 150%;}

	.detail-article{width: 100%;margin: 40px 0 0;}
	.detail-article h1{font-size: 24px;line-height: 150%;padding: 20px 0;text-align: center;color: #000;border-bottom: 1px solid #a0a0a0;}
	.article-info{text-align: center;font-size: 12px;padding: 20px 0;color: #999;}
	.article-body{padding: 80px 40px;font-size: 16px;line-height: 150%;}

	.sales-outlets .nav li{width: 10%;padding: 5px;}
	.sales-outlets .nav li a{display: block;text-align: center;}
	.sales-outlets .nav li a.active{background: #000;border-radius: 5px;color: #fff;}
	.sales-outlets .tab-content{padding: 20px 0 0;}
	.sales-outlets .tab-content .tab-pane{flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
	.sales-outlets .tab-content .tab-pane.active{display: flex;}
	.sales-outlets .tab-content .tab-pane dl{width: calc(50% - 10px);background: #fff;border-radius: 5px;padding: 10px 20px;margin: 0 0 20px;}
	.sales-outlets .tab-content .tab-pane dl dt{font-size: 20px;margin: 0 0 10px;}
	.sales-outlets .tab-content .tab-pane dl dd{font-size: 12px;line-height: 18px;padding: 3px 0;}
}
@media screen and (min-width:1280px){
	header{width: 100%;height: 100px;background: #fff;position: relative;z-index: 1000;}
	.top-bar{width: 100%;height: 40px;background: #000;position: relative;color: #fff;}
	.top-bar a{color: #fff;}
	.links{position: absolute;left: 50%;top: 50%;transform: translate(-800px, -50%);z-index: 1100;}
	.links ul{display: flex;}
	.links ul li{padding: 0 10px;position: relative;}
	.links ul li:first-child{padding-left: 0;}
	.links ul li::after{content: '|';position: absolute;right: 0;top: 50%;transform: translate(0, -50%);font-size: 12px;}
	.links ul li:last-child::after{display: none;}
	.links ul li .img_box{display: none;width: 160px;height: 160px;position: absolute;left: 0;top: 100%;background: #1f2326;border-radius: 10px;padding: 20px;}
	.links ul li .img_box img{width: 100%;height: auto;}
	.links ul li:hover .img_box{display: block;}
	.language{position: absolute;right: 50%;top: 50%;transform: translate(800px, -50%);}
	.language ul{display: flex;}
	.language ul li{padding: 0 10px;position: relative;}
	.language ul li:last-child{padding-right: 0;}
	.language ul li:first-child::after{content: '/';position: absolute;right: 0;top: 50%;transform: translate(0, -50%);font-size: 12px;}
	.logo{width: 162px;height: 26px;position: absolute;left: 50%;top: 57px;transform: translate(-800px, 0);background: url(../images/logo.png) no-repeat;}
	.logo a{display: block;height: 100%;text-indent: -9999px;}
	nav.nav-header{width: 1250px;height: 60px;position: absolute;left: 50%;top: 40px;transform: translate(-550px, 0);}
	.btn-nav{display: none;}
	.collapse:not(.show){display: flex;}
	.nav-header ul.nav-ul{display: flex;justify-content: space-between;}
	.nav-header ul.nav-ul li.nav-item{height: 60px;position: relative;z-index: 999;}
	.nav-header ul.nav-ul li.nav-item i{display: none;}
	.nav-header ul.nav-ul li.nav-item strong>a{display: block;line-height: 60px;font-size: 18px;font-weight: bold;padding: 0 20px;}
	.nav-header ul.nav-ul li.nav-item.dropdown strong a:after{display: inline-block;width: 12px;height: 12px;margin: 0 0 0 5px;background-size: contain;content: '';opacity: .5;}
  .nav-header ul.nav-ul li.nav-item.current{background: #eee;}
	.nav-header ul.nav-ul li.nav-item:last-child strong a{padding-right: 0;}
	.nav-header ul.nav-ul li.nav-item .sub{display: none;position: absolute;left: -50%;top: 100%;background: #fff;z-index: 9999;padding: 20px;width: 200%;}
	.nav-header ul.nav-ul li.nav-item:hover .sub{display: block;}
	.nav-header ul.nav-ul li.nav-item:hover .sub ul li{padding: 5px 0;}
	.nav-header ul.nav-ul li.nav-item:hover .sub ul li a{display: block;line-height: 20px;padding: 10px 0;text-align: center;font-size: 16px;}

	.btn-search{width: 60px;height: 60px;position: absolute;right: 50%;bottom: 0;transform: translate(800px, 0);font-size: 0;}
	.btn-search span{cursor: pointer;}
	.btn-search span::before{content: "\e82e";display: block;width: 60px;height: 60px;text-align: center;line-height: 60px;font-family: 'odemedia';font-size: 20px;}
	#search-modal .modal-dialog{z-index: 9999;}
	.box-search{width: 100%;height: 90px;padding: 20px;background: #666;z-index: 9999;position: relative;}
	.box-search form{display: flex;justify-content: space-between;}
	.box-search form .ipt-txt{flex: 1;height: 50px;line-height: 50px;padding: 10px;}
	.box-search form .ipt-btn{height: 50px;background: #000;color: #fff;padding: 0 20px;}

	.slider-index{position: relative;}
	.slider-index ul.swiper-wrapper li.swiper-slide{background-color: #000;text-align: center;}
	.slider-index ul.swiper-wrapper li.swiper-slide img{max-width: 1920px;width: 100%;height: auto;}
	.slider-index .slider-prev,.slider-index .slider-next{width: 30px;height: 59px;position: absolute;top: 50%;margin-top: -30px;z-index: 1001;}
	.slider-index .slider-prev::before,.slider-index .slider-next::before{display: block;width: 30px;height: 59px;line-height: 59px;text-align: center;color: rgba(255, 255, 255, .5);transition: all .5s ease;font-family: 'odemedia';font-size: 30px;}
	.slider-index .slider-prev{left: 20px;}
	.slider-index .slider-next{right: 20px;}
	.slider-index .slider-prev::before{content: "\e685";}
	.slider-index .slider-next::before{content: "\e687";}
	.slider-index .slider-prev:hover::before,.slider-index .slider-next:hover::before{color: rgba(255, 255, 255, 1);}
	.slider-index .slider-pagination{position: absolute;bottom: 20px;left: 50%;transform: translate(-50%, 0);display: flex;justify-content: center;z-index: 1000;}
	.slider-index .slider-pagination span{display: block;width: 200px;height: 2px;background: rgba(255, 255, 255, .3);transition: all .5s ease;border-radius: 0;opacity: 1;}
	.slider-index .slider-pagination span.swiper-pagination-bullet-active{background: rgba(255, 255, 255, 1);}

	.box-explore{width: 100%;height: 553px;background: url(../images/bg-explore.jpg) center center repeat-x;padding: 40px 0;}
	.box-explore .b-head{line-height: 50px;font-size: 48px;text-align: center;color: #fff;}
	.box-explore .b-body{width: 100%;position: relative;padding-top: 30px;}
	.slider-explore{width: 1600px;margin: 0 auto;padding: 0 20px;}
	.slider-explore .slider-prev,.slider-explore .slider-next{width: 30px;height: 59px;position: absolute;top: 50%;margin-top: -30px;z-index: 1001;}
	.slider-explore .slider-prev::before,.slider-explore .slider-next::before{display: block;width: 30px;height: 59px;line-height: 59px;text-align: center;color: rgba(255, 255, 255, .5);transition: all .5s ease;font-family: 'odemedia';font-size: 30px;}
	.slider-explore .slider-prev{left: 0;}
	.slider-explore .slider-next{right: 0;}
	.slider-explore .slider-prev::before{content: "\e685";}
	.slider-explore .slider-next::before{content: "\e687";}
	.slider-explore .slider-prev:hover::before,.slider-explore .slider-next:hover::before{color: rgba(255, 255, 255, 1);}
	.slider-explore ul li{padding: 20px;}
	.slider-explore ul li figure{position: relative;transition: all .5s ease;}
	.slider-explore ul li figure:hover{transform: scale(1.1, 1.1);}
	.slider-explore ul li figure img{width: 100%;background: linear-gradient(135deg, #242424, #404142, #272828);}
	.slider-explore ul li figure figcaption{background: #000;line-height: 1.5em;padding: 10px;text-align: center;font-size: 20px;}
	.slider-explore ul li figure figcaption a{color: #fff;}
	.slider-explore ul li figure figcaption a::before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;}

	.box-product-slider{height: 700px;background: #1f1f22 url(../images/bg-product-slider.jpg) center bottom repeat-x;background-size: cover;}
	.slider-product{width: 1600px;margin: 0 auto;overflow: visible;height: 100%;}
	.slider-product .swiper-slide{display: flex;height: 100%;}
	.slider-product .swiper-slide .txt{width: 640px;color: #fff;padding: 120px 0 0;z-index: 10;}
	.slider-product .swiper-slide .txt .title{display: flex;flex-direction: column;}
	.slider-product .swiper-slide .txt .title strong{font-size: 48px;letter-spacing: 10px;line-height: 100%;}
	.slider-product .swiper-slide .txt .title span{font-size: 30px;padding: 20px 0 0;line-height: 100%;}
	.slider-product .swiper-slide .txt .introduction{display: flex;flex-direction: column;padding: 40px 0 0;border-top: 1px solid #565658;margin: 40px 0 0;}
	.slider-product .swiper-slide .txt .introduction strong{font-size: 28px;line-height: 100%;}
	.slider-product .swiper-slide .txt .introduction p{padding: 40px 0 0;line-height: 2em;}
	.slider-product .swiper-slide .txt .more{padding: 40px 0 0;}
	.slider-product .swiper-slide .txt .more a{display: block;width: 144px;height: 38px;color: #fff;line-height: 38px;text-align: center;background: #2f3035;transition: all .5s ease;}
	.slider-product .swiper-slide .txt .more a:hover{background: #fff;color: #000;}
	.slider-product .swiper-slide .img{width: 720px;margin-right: 20px;z-index: 10;}
	.slider-product .swiper-slide .img img{width: 100%;height: auto;}
	.slider-product .swiper-slide .devorate{width: 626px;height: 100%;position: absolute;right: 0;top: 0;z-index: 9;}
	.slider-product .slider-prev,.slider-product .slider-next{width: 50px;height: 51px;position: absolute;bottom:200px;z-index: 1001;}
	.slider-product .slider-prev::before,.slider-product .slider-next::before{display: block;width: 50px;height: 51px;line-height: 51px;text-align: center;color: rgba(255, 255, 255, 1);transition: all .5s ease;font-family: 'odemedia';font-size: 30px;background: rgba(255, 255, 255, .3);}
	.slider-product .slider-prev{right: 105px;}
	.slider-product .slider-next{right: 45px;}
	.slider-product .slider-prev::before{content: "\e685";}
	.slider-product .slider-next::before{content: "\e687";}
	.slider-product .slider-prev:hover::before,.slider-product .slider-next:hover::before{color: rgba(0, 0, 0, 1);background: rgba(255, 255, 255, 1);}

	.video{width: 100%;background: #000;}
	.video ul{display: flex;flex-wrap: wrap;width: 100%;max-width: 1920px;margin: 0 auto;justify-content: space-between;}
	.video ul li{width: calc(50% - 10px);}
	.video ul li figure{position: relative;}
	.video ul li figure img{width: 100%;height: auto;}
	.video ul li figure figcaption{font-size: 0;display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
	.video ul li figure figcaption a::before{display: flex;content: "\e600";position: absolute;top: 0;right: 0;bottom: 0;left: 0;justify-content: center;align-items: center;font-size: 70px;font-family: 'odemedia';color: #fff;transition: all .5s ease;}
	.video ul li figure figcaption a::after{content: '';background: rgba(0, 0, 0, .5);position: absolute;top: 0;right: 0;bottom: 0;left: 0;transition: all .5s ease;}
	.video ul li:hover figure figcaption a::after{top: 100%;}
	.video ul li:hover figure figcaption a::before{color: #fff;transform: scale(1.4, 1.4);}

	.product-category{width: 100%;background: #000;padding: 20px 0;}
	.product-category ul{width: 100%;max-width: 1920px;margin: 0 auto;position: relative;padding-top: calc(50vw - var(--width-1920-blank) + 10px);display: flex;justify-content: space-between;}
	.product-category ul li{width: calc(33.33333333% - 13.3333333px);}
	.product-category ul li figure{height: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;position: relative;}
	.product-category ul li figure img{width: 100%;height: auto;transition: all .5s ease;}
	.product-category ul li figure:hover img{transform: scale(1.1, 1.1);}
	.product-category ul li figure figcaption{font-size: 0;display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
	.product-category ul li figure figcaption a{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
	.product-category ul li:nth-child(1){width: calc(50% - 10px);height: calc((50vw - var(--width-1920-blank) - 10px) / 2 - 10px);position: absolute;left: 0;top: 0;}
	.product-category ul li:nth-child(2){width: calc(50% - 10px);height: calc((50vw - var(--width-1920-blank) - 10px) / 2 - 10px);position: absolute;left: 0;top: calc((50vw - var(--width-1920-blank) - 10px) / 2 + 10px);}
	.product-category ul li:nth-child(3){width: calc(50% - 10px);height: calc(50vw - var(--width-1920-blank) - 10px);position: absolute;right: 0;top: 0;}

	footer{background: #000;color: #fff;position: relative;height: 350px;}
	footer::before{content: '';display: block;width: 1600px;height: 1px;background: #bfbfbf;position: absolute;left: 50%;bottom: 100px;transform: translate(-800px, 0);}
	footer a{color: #fff;}
	nav.nav-footer{width: 860px;position: absolute;left: 50%;top: 55px;display: flex;justify-content: space-between;transform: translate(-800px, 0);}
	nav.nav-footer dl{}
	.contact{width: 280px;position: absolute;right: 50%;top: 55px;transform: translate(800px, 0);font-size: 18px;}
	.contact dl dt{margin-bottom: 10px;}
	.contact dl dd{padding-bottom: 5px;}
	.logo-footer{width: 162px;height: 26px;position: absolute;left: 50%;bottom: 57px;transform: translate(-800px, 0);background: url(../images/logo-footer.png) no-repeat;}
	.logo-footer a{display: block;height: 100%;text-indent: -9999px;}
	.copyright{position: absolute;right: 50%;bottom: 45px;transform: translate(800px, 0);}

	.page_banner{width: 1600px;margin: 0 auto;}
	.page_banner img{width: 100%;height: auto;}
	.breadcrumb{width: 1600px;margin: 20px auto 0;}
	.breadcrumb a{margin: 0 10px;}

	.box-product-category{width: 1640px;margin: 40px auto 0;}
	.box-product-category .b-head{line-height: 50px;text-align: center;font-size: 36px;}
	.box-product-category .b-body{padding: 40px 0 0;position: relative;}
	.box-product-category .b-body .slider-cate{width: 30px;height: 59px;position: absolute;top: 50%;margin-top: -30px;z-index: 1001;}
	.box-product-category .b-body .slider-cate::before{display: block;width: 30px;height: 59px;line-height: 59px;text-align: center;color: rgba(0, 0, 0, .5);transition: all .5s ease;font-family: 'odemedia';font-size: 30px;}
	.box-product-category .b-body .slider-cate.slider-cate-prev{left: -40px;}
	.box-product-category .b-body .slider-cate.slider-cate-next{right: -40px;}
	.box-product-category .b-body .slider-cate.slider-cate-prev::before{content: "\e685";}
	.box-product-category .b-body .slider-cate.slider-cate-next::before{content: "\e687";}
	.box-product-category .b-body .slider-cate.slider-cate-prev:hover::before,.box-product-category .b-body .slider-cate.slider-cate-next:hover::before{color: rgba(0, 0, 0, 1);}
	.box-product-category .b-body ul li{padding: 20px;}
	.box-product-category .b-body ul li figure{background: #000;position: relative;transition: all .5s ease;}
	.box-product-category .b-body ul li:hover figure{box-shadow: 5px 5px 20px rgba(0, 0, 0, .2);}
	.box-product-category .b-body ul li figure img{width: 100%; height: auto;opacity: .5;transition: all .5s ease;}
	.box-product-category .b-body ul li:hover figure img{opacity: 1;}
	.box-product-category .b-body ul li figure figcaption{position: absolute;top: 0;right: 0;bottom: 0;left: 0;text-align: center;padding: 100px 0 0;font-size: 36px;transition: all .5s ease;}
	.box-product-category .b-body ul li:hover figure figcaption{padding-top: calc(100% - 90px);font-size: 44px;}
	.box-product-category .b-body ul li figure figcaption a{color: #fff;}
	.box-product-category .b-body ul li figure figcaption a::before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
	.slider-product-category{height: calc(1600px / 3 * 2);}
	.slider-product-category .swiper-slide{height: calc(1600px / 3);}

	.box-product-hot{width: 100%;margin: 40px 0 0;background: #fff;padding: 70px 0;}
	.box-product-hot .b-head{text-align: center;font-size: 36px;color: #000;}
	.box-product-hot .b-body{padding: 40px 0 0;}
	.slider-product-hot{width: 1600px;margin: 0 auto;padding: 0 20px;}
	.slider-product-hot .slider-prev,.slider-product-hot .slider-next{width: 30px;height: 59px;position: absolute;top: 50%;margin-top: -30px;z-index: 1001;}
	.slider-product-hot .slider-prev::before,.slider-product-hot .slider-next::before{display: block;width: 30px;height: 59px;line-height: 59px;text-align: center;color: rgba(0, 0, 0, .5);transition: all .5s ease;font-family: 'odemedia';font-size: 30px;}
	.slider-product-hot .slider-prev{left: 0;}
	.slider-product-hot .slider-next{right: 0;}
	.slider-product-hot .slider-prev::before{content: "\e685";}
	.slider-product-hot .slider-next::before{content: "\e687";}
	.slider-product-hot .slider-prev:hover::before,.slider-product-hot .slider-next:hover::before{color: rgba(0, 0, 0, 1);}
	.slider-product-hot ul li{padding: 20px;}
	.slider-product-hot ul li figure{position: relative;transition: all .5s ease;padding-bottom: 40px;}
	.slider-product-hot ul li figure:hover{background: rgba(0, 0, 0, .03);}
	.slider-product-hot ul li figure img{width: 100%;height: auto;}
	.slider-product-hot ul li figure figcaption{display: flex;flex-direction: column;text-align: center;padding: 0 40px;}
	.slider-product-hot ul li figure figcaption strong{font-size: 20px;}
	.slider-product-hot ul li figure figcaption span{padding: 20px;color: #999;}
	.slider-product-hot ul li figure figcaption a::before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;}

	.page-head{width: 1600px;margin: 20px auto 0;}
	.page-head h1{font-size: 36px;color: #000;}
	.banner{width: 1600px;margin: 10px auto 0;}
	.banner img{width: 100%;height: auto;}

	.list-product{width: 1600px;margin: 40px auto 0;}
	.list-product ul{display: grid;grid-template-columns: repeat(4, 1fr);gap: 40px 40px;}
	.list-product ul li{background: #fff;position: relative;transition: all .5s ease;}
	.list-product ul li:hover{box-shadow: 5px 5px 20px rgba(0, 0, 0, .2);}
	.list-product ul li figure{padding: 0 25px 80px;}
	.list-product ul li figure img{width: 100%; height: auto;}
	.list-product ul li figure figcaption{display: flex;flex-direction: column;}
	.list-product ul li figure figcaption strong{font-size: 20px;}
	.list-product ul li figure figcaption strong a::before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
	.list-product ul li figure figcaption span{padding: 30px 0 0;font-size: 16px;color: #7f7f7f;}

	.product-base-info{width: 1600px;margin: 40px auto 0;display: flex;justify-content: space-between;}
	.product-gallery{display: flex;justify-content: space-between;width: 780px;height: 640px;overflow: hidden;}
	.gallery-photo{order: 2;width: calc(100% - 140px);}
	.gallery-photo ul li img{width: 100%;height: auto;}
	.gallery-thumb{order: 1;width: 120px;height: 100%;padding: 40px 0;position: relative;}
	.gallery-thumb img{width: 100%;height: auto;}
	.gallery-thumb-ul{height: 100%;overflow: hidden;}
	.gallery-thumb-ul .swiper-wrapper .swiper-slide{opacity: .5;transition: all .5s ease;}
	.gallery-thumb-ul .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{opacity: 1;}
	.gallery-thumb .thumb-nav{width: 100%;height: 40px;display: flex;justify-content: center;align-items: center;position: absolute;left: 0;transition: all .5s ease;}
	.gallery-thumb .thumb-nav:not(.swiper-button-disabled):hover{background: rgba(0, 0, 0, .05);}
	.gallery-thumb .thumb-nav.thumb-nav-prev{top: 0;}
	.gallery-thumb .thumb-nav.thumb-nav-next{bottom: 0;}
	.gallery-thumb .thumb-nav::before{font-family: 'odemedia';content: "\e685";font-size: 30px;color: rgba(0, 0, 0, 1);}
	.gallery-thumb .thumb-nav.swiper-button-disabled::before{color: rgba(0, 0, 0, .3);}

	.gallery-thumb .thumb-nav.thumb-nav-prev::before{transform: rotate(90deg);}
	.gallery-thumb .thumb-nav.thumb-nav-next::before{transform: rotate(-90deg); }
	
	.product-txt{width: calc(100% - 860px);display: flex;flex-direction: column;padding: 40px 0 0;}
	.product-txt h1{font-size: 24px;color: #000;}
	.product-introduction{padding: 40px 0 0;}
	.product-btn{padding: 40px 0 0;}
	.product-btn ul{display: flex;font-size: 18px;}
	.product-btn ul li{margin-right: 20px;}
	.product-btn ul li a{display: block;height: 46px;padding: 0 40px;line-height: 46px;background: #9e1f1f;color: #fff;}

	.box-product-params{width: 1600px;margin: 40px auto 0;}
	.box-product-params .b-head{font-size: 18px;padding-left: 20px;}
	.box-product-params .b-body{padding: 20px 0 0;}
	.box-product-params .b-body ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
	.box-product-params .b-body ul li{width: calc(50% - 20px);border-bottom: 1px solid #ccc;padding: 10px 20px;display: flex;}
	.box-product-params .b-body ul li strong{padding-right: 20px;}
	.box-product-params .b-body ul li span{flex-grow: 1;text-align: center;}

	.product-detail{padding: 40px 0;}
	.w1600{width: 1600px;margin: 0 auto;}
	.w1200{width: 1200px;margin: 0 auto;}
	.w750{width: 750px;margin: 0 auto ;}
	.product-detail img{width: 100%;height: auto;}

	.list-article{width: 1600px;margin: 40px auto;}
	.list-article ul{display: grid;grid-template-columns: repeat(3, 1fr);gap: 60px;}
	.list-article ul li{padding: 20px;background: #fff;position: relative;transition: all .5s ease;}
	.list-article ul li:hover{box-shadow: 5px 5px 20px rgba(0, 0, 0, .2);}
	.list-article ul li figure img{width: 100%;height: auto;}
	.list-article ul li figure figcaption{display: flex;flex-direction: column;}
	.list-article ul li figure figcaption strong{font-size: 24px;padding: 20px 0 0;line-height: 150%;}
	.list-article ul li figure figcaption strong a::before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
	.list-article ul li figure figcaption span{line-height: 150%;padding: 20px 0 0;}

	.page-list{width: 1600px;margin: 40px auto 0;}
	.page-list ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
	.page-list ul li a{display: block;line-height: 150%;padding: 10px 40px;font-size: 30px;background: rgba(0, 0, 0, .1);border-radius: 2px;transition: all .5s ease;color: #000;}
	.page-list ul li.current_page_item a,.page-list ul li a:hover{background: rgba(0, 0, 0, 1);color: #fff;}

	.detail-page{width: 1600px;margin: 40px auto 0;}
	.detail-page h1{font-size: 30px;line-height: 150%;padding: 20px 0;text-align: center;color: #000;border-bottom: 1px solid #a0a0a0;}
	.page-body{padding: 80px 40px;font-size: 24px;line-height: 150%;}

	.detail-article{width: 1600px;margin: 40px auto 0;}
	.detail-article h1{font-size: 30px;line-height: 150%;padding: 20px 0;text-align: center;color: #000;border-bottom: 1px solid #a0a0a0;}
	.article-info{text-align: center;font-size: 12px;padding: 20px 0;color: #999;}
	.article-body{padding: 80px 40px;font-size: 24px;line-height: 150%;}

	.sales-outlets .nav li{width: 10%;padding: 5px;}
	.sales-outlets .nav li a{display: block;text-align: center;}
	.sales-outlets .nav li a.active{background: #000;border-radius: 5px;color: #fff;}
	.sales-outlets .tab-content{padding: 20px 0 0;}
	.sales-outlets .tab-content .tab-pane{flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
	.sales-outlets .tab-content .tab-pane.active{display: flex;}
	.sales-outlets .tab-content .tab-pane dl{width: calc(25% - 10px);background: #fff;border-radius: 5px;padding: 10px 20px;margin: 0 0 20px;}
	.sales-outlets .tab-content .tab-pane dl dt{font-size: 20px;margin: 0 0 10px;}
	.sales-outlets .tab-content .tab-pane dl dd{font-size: 12px;line-height: 18px;padding: 3px 0;}
}

/*******
fix
*******/
.vbox-container{overflow-y:hidden;}
#modal_video video{width: 100%;height: auto;}

.wp-pagenavi{margin: 40px 0;text-align: center;font-size: 0;}

.wp-pagenavi span,.wp-pagenavi a{display: inline-block;
    font-size: 14px;
    margin: 2px;
    color: #777;
    padding: 3px 10px;
    border: 1px solid #eee;}
.wp-pagenavi span.current{border-color: #ccc;
    color: #333;
    background: #f1f1f1;}