@charset "utf-8";
/* 公共配置
:lang(zh-CN) {font-family: 'HanHei SC', 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', sans-serif;}*/
::selection {background-color:#000; color:#fff; text-shadow:none;}
select::-ms-expand{display: none;}/* 下拉框的箭头 */
input[type=radio]::-ms-check,input[type=checkbox]::-ms-check{display: none;} /* 表单复选框或单选按钮默认图标的修改 */
html{-ms-touch-action: none; -webkit-overflow-scrolling: touch;/* overflow-x:hidden;*/}/* 禁止winphone默认触摸事件，滚动「惯性效果」滑动时非常不爽的问题 */
html, body, div, span, h1, h2, h3, h4, h5, h6, em, img, strong, sub, sup, tt,dd, dl, dt, form, label, table, caption, tbody, tfoot, thead, tr, th, td, ul, li, p, a{ margin:0; padding:0; box-sizing:border-box;}
input,select,textarea{ vertical-align:middle;}
img{ border:0;}
input { border-radius:0px!important; box-shadow:none!important;}
input:focus { border-color:#000;}
input::-webkit-input-placeholder{color:#fff;}
input:focus::-webkit-input-placeholder{color:#ff0;}
ul,li,ol{ list-style-type:none;}
a,a:link,a:visited{text-decoration:none;color:#000!important;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
a:hover,a:active{text-decoration:underline!important;color:#888!important;}
.overhide{overflow:hidden;text-indent:-100em; }
.clear {clear:both;}
.clearfix:after {clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
.clearfix{zoom:1;}
body{ font:500 14px/2em /*"HelveticaNeueW01-47LtCn",Raleway,Helvetica,'HanHei SC', 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light',*/'Microsoft YaHei'; background-color:#fff;-webkit-font-smoothing: antialiased;overflow-x:hidden; color: #7b7a7a; font-weight: lighter;}
.lead{font-weight:500;}
.form-control {color:#999;}
.form-group .form-control {color:#000; font-size:14px;	-webkit-transition : all 0.5s ease-out;
	-moz-transition : all 0.5s ease-out;
	-o-transition :all 0.5s ease-out;
	transition : all 0.5s ease-out;}


/* 导航条 */
.logo {font-size:30px; padding:5px; max-width:130px;}
.navbar-default { border:none; margin:0 auto;background:rgba(255,255,255,.8); padding-bottom: 5px;}
.top-tips {background-color: #000; color: #fff; text-align: right; padding: 5px 15px;}

@media (max-width:1024px){
	.navbar-default {background-color:#fff;}
	.navbar-nav {padding: 0px 10px;}
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.open>a {background-color:#f4f4f4; color:#000!important;text-shadow:none;}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {background-color:#f4f4f4; color:#000!important;text-shadow:none;/*text-shadow:1px 1px 1px #000, 0 0 0 #000;*/}

.dropdown-menu {background-color:#f4f4f4; border: none; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.175); box-shadow: 0 2px 3px rgba(0,0,0,.175);}
.dropdown-menu>li>a {text-shadow:none;color:#000!important;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {color:#fff!important; background-color:#000;}
.container-fluid {padding-left:0px; padding-right:0px;}
.tooltip {width:auto;}
.btn-default {background:none; border:none;}
.btn-default:hover {background:none;}
.btn-search,.btn-search:focus {margin-left:-36px; background:none; outline:none; color: #000;}

.form-search {background:none; border:none; border:1px solid #000;}
.navbar-default .navbar-toggle {border:none; background-color:transparent;}
.navbar-default .navbar-toggle:hover {background-color:transparent;}
.navbar-default .navbar-toggle .icon-bar {background-color:#000;}/*手机屏幕初始颜色*/
.cbp-af-header.cbp-af-header-shrink .navbar-default .navbar-toggle .icon-bar {background-color:#ae8649;}/*手机屏幕初始颜色*/
.navbar-default .navbar-toggle:hover .icon-bar {background-color:#000;}
.navbar-toggle {float: left; margin-left: 15px; margin-top: 0px;}
.navbar-nav>li>a.smallpadding {padding:15px 5px;}
.navbar-brand {height: 50px; float: none; display: inline-block;}

.navbar-toggle span,.collapsed span {-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.navbar-toggle span:nth-child(2) { position: absolute; top: 12px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.navbar-toggle span:nth-child(3) {display: none;}
.navbar-toggle span:last-child { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);transform: rotate(45deg);}
.collapsed span {transform: rotate(0deg)!important; position:inherit!important; display:block!important; margin-top: 4px!important; top:6px!important;}
.caret {float: right; margin-top: 12px;}

@media (max-width:1024px){
	.navbar-toggle {top: 15px;;}
	.collapsed {top: 0px;}
	.dropdown-menu>li>a {font-weight: lighter; font-size: 14px;}
}

@media (min-width: 768px){
	.navbar>.container-fluid .navbar-brand {margin-left:0; }
	.navbar-collapse {padding-right:0px;}
	.nav>li:last-child>a {padding-right: 0;}
	.navbar-default {padding-left: 0; padding-right: 0;}
	.container {padding-left: 0px; padding-right: 0px;}
	.btn-search,.btn-search:focus {color: #fff;}
}
/*.navbar {margin-bottom:0px;}*/

/* 页面滚动菜单动画 */
.cbp-af-header { position:fixed; z-index:9; width:100%; top:0;
	-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.cbp-af-header.cbp-af-header-shrink {background:rgba(0,0,0,.5); text-shadow:none; color:#000; border-top:8px solid #000;}
.cbp-af-header.cbp-af-header-shrink .container ul.pc-menu>li>a {color: #fff!important; display: block; height:44px; line-height: 44px; padding: 0!important;}
.navbar-header,.navbar-default .navbar-collapse {}
.cbp-af-header.cbp-af-header-shrink a,.cbp-af-header.cbp-af-header-shrink .form-group .form-control {
		-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.cbp-af-header.cbp-af-header-shrink .dropdown-menu a {text-shadow:none;}
.cbp-af-header.cbp-af-header-shrink .dropdown-menu a:hover {color:rgba(255,255,255,1)!important;}
.cbp-af-header.cbp-af-header-shrink .navbar-form .form-control {border-bottom:1px solid #fff;}
.cbp-af-header.cbp-af-header-shrink .navbar-form .form-control:focus {border-bottom:1px solid #fff;!important}
.cbp-af-header.cbp-af-header-shrink .btn-default {color:#fff;}
.cbp-af-header.cbp-af-header-shrink .logo{
	height:36px; margin-top:7px;
	background:url('#/images/logo.png') no-repeat center center;
	background-size:116px 60px;
	-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
}
.pc-menu li:first-child {display:none;}
.pc-menu>li>a {height:100%; display: block;}
.cbp-af-header.cbp-af-header-shrink svg .pc-menu li:first-child {display:none!important;}
.cbp-af-header.cbp-af-header-shrink svg .cls-1{fill:#fff; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.cbp-af-header .dropdown-menu svg .cls-1{fill:#000; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.cbp-af-header .dropdown-menu a.svg:hover svg .cls-1{fill:#888;}
.ab-center {position: absolute; top: 50%; left: 50%;  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.x-center {position: absolute; left: 50%;  -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.y-center {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%%);}

.navbar-form {padding: 0px 10px; margin: 0; border:none;}

.topbar {height: 40px; line-height: 36px; padding: 0px 30px; text-align:right; background-color: #000; color: #fff;}
.topbar a {color: #fff!important;}
#menu ul li {display: inline-block;padding: 0px 20px;}
#menu ul li a { border-bottom: 4px solid #000; border-color: transparent; font-size: 16px; font-weight: lighter;}
#menu ul li:hover>a {border-bottom: 4px solid #000; text-decoration: none!important; color: #888!important;}
#menu span.nav-line {padding: 0;margin: 0; position: absolute; bottom: 0; width: 100%; z-index: -1; display: none; background-color: #000; height: 1px;}
#menu.cbp-af-header-shrink span.nav-line {display: block;}
#menu.cbp-af-header-shrink ul li:hover>a {border-bottom: 4px solid #fff;color: #ddd!important;}
#menu.cbp-af-header-shrink ul li:first-child:hover>a {border-bottom: 4px solid rgba(0,0,0,0.01);}
#menu .pc-menu>li:first-child {display:none;}
#menu.cbp-af-header-shrink .pc-menu li:first-child {display:inline-block;}
@media (min-width:1200px){
	.dropdown:hover .dropdown-menu {display: block;}
}
.dropdown-menu {max-width: 940px; margin: 0px; width: 100%; border-radius: 0px; background-color: transparent; padding: 0; box-shadow:none; left: 50%; -weblit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.dropdown-menu li {display: block!important;}
.dropdown-menu .container {max-width: 940px; height: 480px; background-color: #fff; position: relative;box-shadow:5px 5px 10px -2px rgba(0, 0, 0, 0.3); }
.dropdown-menu .container .row {height: 100%; width: 260px; padding: 24px 0px 24px 24px; background-color: #212121; margin: 0;}
.dropdown-menu .container .row h3 {padding-left: 20px; color: #fff; font-size: 30px;}
.dropdown-menu .container .row li.active {background-color: #fff;}
.dropdown-menu .container .row li.active a {color: #000!important;}
.dropdown-menu .container .row li ul {position: absolute; top: 50%; left: 260px; width: 200px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.dropdown-menu .container .row>li {cursor: pointer; padding: 0!important;}
.dropdown-menu .container .row>li>a {padding:1px 10px 1px 20px;}
.dropdown-menu .container .row>li>a i {display: none;}
.nav-level2 div, .nav-level2 li {cursor: default;}
.nav-level2>a{background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAXCAYAAAA/ZK6/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI4MDkyQjFFRjAxMTExRTZBNjNDQjk4OTQwRTZEOTBEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI4MDkyQjFGRjAxMTExRTZBNjNDQjk4OTQwRTZEOTBEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjgwOTJCMUNGMDExMTFFNkE2M0NCOTg5NDBFNkQ5MEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjgwOTJCMURGMDExMTFFNkE2M0NCOTg5NDBFNkQ5MEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7uuC5xAAABQklEQVR42mJUVFQ8wsDAYAjETkB8koEAYALidiDmAuLNQKxCjIZtQHwRiEWBeDuUxqvhPxB3QPkqUJv48GkAgdVAfAfKNgfi9UDMhk/DXyDuRBIHBcA8IGbEpQEEFgHxEyR+NBC3oWtgFhQUZECyBeQfDyR5GyB+BcRnYAKMwHhANoAbiB8AsQiSGMigSKg/UZwEAl+BeBK6K4B4CdRfGDaAgAAQPwJiXjTxj0Bsy4Ql5D4A8VYs4vxAPAubBpAN3ljEQTakYdOQi8U5v4A4CIgvo2vgAeI8NDFYKO3DFkqpaEEKs3EdtpgGpZ1iNMWgRDkdV9KIA2JpJP5SIK7ClZZAkVOOJA5ybxI0qWDVEIqU20DZ1B8aMliTNygJV0D5oDzhC8Rf8GUgLyDWB+LXQOwJpfFm0Uog/gY1+Q6hQgAgwAAVcTeuPjcvmwAAAABJRU5ErkJggg==") no-repeat 90% center; background-size: 8px 15px;}
.nav-level2 a {display: block;}
.dropdown-menu .container .row>li div {display: none;}
.dropdown-menu .container .row>li.active div,.dropdown-menu .container .row>li.active>a i {display: block;}
.dropdown-menu .container .row li ul li a {color: #000!important;}
.dropdown-menu .container .row li img {position: absolute; right:24px; top:24px; height: calc(100% - 48px); width: 450px;}
.dropdown-menu a {border: none!important; font-size: 16px;}
.dropdown-menu .row>li {display: block!important;}
.dropdown-menu .row>li a {color: #fff!important;}
.dropdown-menu .row>li:hover a {color: #888!important;}

#menu .dropdown-toggle {display: inline-block; padding: 0px;}
.dropdown {position: static; vertical-align:top;}
.language {padding: 0px 50px;}
.language li {display: inline-block!important; width: 20%; text-align: center; padding: 0!important;}
.language li a {display: block; padding: 25px!important;}

.slide {position: relative;}
.slide img {width: 100%; height: auto;}
.slide p span { display: block; }
.slide p .btn {border-radius: 0;}
.swiper-pagination-bullet {border-radius: 0; width: 12px; height: 12px; background-color: #000;}

.slide p {/*padding: 30px 50px; */text-align: center; padding-bottom: 50px; padding-top: 20px;}
@media all and (min-width:1025px){
.slide3 .slide{ width:50%; display:inline-block;}
.slide a {font-size: 20px; background-color: #000; color: #fff!important; width: 312px; height: 58px; line-height: 54px; text-align: center; border: 1px solid #000; padding: 0;bottom:75px; top: auto;}
.slide p a.songti,.slide p a.songti:hover {padding:0; background-color: transparent; color: #000!important; font-size: 24px;}
.slide p span {color: #000; font-size: 16px;height:54px; overflow: hidden;}
.slide p .btn {margin-top: 15px;}
}

.slide3 a.btn {width: 166px; height: 36px; line-height: 36px; font-size: 14px!important;background-color: #000; color: #fff!important; padding: 0px 20px; margin-top: 20px;}
@media all and (max-width:1024px){
	.slide3 .slide {margin-bottom: 30px; width: 100%; text-align: center;}
	.slide a {font-size: 24px; padding:3px 20px; top: auto; bottom: 0px;}
	a.xs-btn {background-color: #000; color: #fff!important; font-size: 14px;}
	.slide p {padding-bottom: 0px;}
}
.slide a:hover {font-size: 20px; background-color:transparent; color: #000!important; text-decoration: none!important;}

.weixin {background-color:#212121; padding:3% 0px; color:#fff; font-family:inherit}
.weixin .col-xs-6 {padding: 30px; text-align: center}
.weixin img {max-width:140px; max-height:140px;}
.songti {font-family:SimSun,NSimSun; font-weight: bolder; border: none!important;}
.links img { max-width:100%;}
@media all and (min-width:1024px){
	.weixin {font-size:18px;}
	.weixin i {font-size:60px;vertical-align: middle;}
	.weixin p {display: inline-block; text-align: left; line-height: 1.5em; margin: 0px 50px; vertical-align: middle;}
	.weixin p span {font-size: 10px;display: block;}
}
#footer {text-align:center; background-color: #101010; padding: 42px 0px 0px; color: #fff; position: relative;}
#footer a {color: #fff!important;}
#footer a:hover {color: #888!important;}
.footnav a {padding:6px 15px;}
.copyright {font-size: 10px;}
@media all and (min-width:1024px){
	.footnav a {padding: 6px 60px;}
}
.footnav span {color: #4e4e4e;}


/**	产品列表页	**/
.nowposition { padding: 10px 58px;position: fixed; top: 204px; width:100%; z-index: 2;}
.nowposition a {color: #7b7a7a!important;}
.leftnav {padding-left:50px; border-left: 8px solid #000; position:absolute; left: 0; top: 60px; }
.leftnav ul {margin: 18px 0 0 30px;}

.item {min-height: 420px;margin-bottom: 20px;}
.item .info {text-align: center; margin: 10px auto;}

.imageContainer img {width: 100%; height: auto;}
.imageContainer div {position: relative;}
.imageContainer div a {position: absolute; top: 0; left: 0;}
.imageContainer:hover div a {opacity: 0;}

.item .info .sort-title {color: #7b7a7a!important; font-style: italic;}

.pages {text-align:center; text-shadow:none;}
.pages span,.pages a {padding:4px 15px; display:inline-block;}
.pages span,.pages a { margin:2px; }
.pages a {color:#fff; text-decoration:none;background-color:transparent; border: 1px solid #aaa;}
.pages a:hover { background-color:#cea669; color:#fff!important; border: 1px solid #cea669;}
.pages span.nolink {color:#ddd; border: 1px solid #ddd;}
.pages span font { padding:10px 15px; margin:0px -10px; font-weight:bold; color:#fff; background-color:#cea669;}


/**	产品详细页**/
.product-content {text-align: center;}
.product-content img {display: block; margin: 5px auto;}
.product-content-icon { position: fixed; right: 0; top: 50%; transform: translateY(-50%); -webkt-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);}
.product-content-icon img {max-height: 80px; margin: 7px 0px; opacity: .3; cursor: pointer; display: block; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.product-content-icon p {cursor: pointer;}
.product-content-icon img.product-content-icon-active {opacity: 1;-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.left-info {padding-left:58px; max-width: 360px; position: fixed; left: 0; top:280px;}
.absolute { position: absolute;}
.left-info  p {text-align: center;}
.left-info  p.sort-title {font:normal 18px/1.5em /*"HelveticaNeueW01-77BdCn",Raleway,Helvetica,'HanHei SC', 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light',*/'Microsoft YaHei'!important; color: #000;}
.line {display: block; height: 1px; background-color:#000; margin: 10px 0px 20px;}
.product-buylink-title,.detail-title,.detail-info {border:1px solid #e0e0e0;}
.product-buylink {background-color: #000;}
.product-buylink a {color: #fff!important; padding: 10px 0px; display: block;}
.product-buylink a:hover {color: #aaa!important;}

.detail {margin-top: -1px;}
.detail-title {padding-left: 20px; cursor: pointer;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.detail-active .detail-title {background-color: #000; color: #fff;border:1px solid #000;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.detail-info {padding: 10px 10px 10px 30px; display: none;}
.detail-info p {text-align: left;}

.related {max-width: 680px; text-align: left; margin: 0 auto;}
.related h6 {height: 26px; text-align: center; margin-top: 15px;}
.related li a img {width: 100%; height: auto;}
.transition {-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}



.news-item {padding-bottom: 50px; padding-left: 0px; padding-right: 0px; margin-bottom: 50px; border-bottom: 6px solid #000;}
li.news-item:last-child {border: none;}
@media (min-width:1024px){
	.news-desc {color: #000; font-size: 17px; margin: 30px 200px; line-height: 1.8em;}
}
.news-desc {color: #000; margin: 30px 0px;}
a.news-more {padding: 10px 55px; background-color: #000; border: 1px solid #000; font-size: 15px; color: #fff!important;}
a.news-more:hover {background-color: transparent; color: #000!important; text-decoration: none!important;}



/*	简介页面的左右图文排版	*/
	ul.vieline-about img { max-width: 100%;}
	ul.vieline-about li {margin-bottom: 100px;}
ul.vieline-about li:nth-child(2n) .pic-box {float: right;}
	@media all and (min-width:769px){
		ul.vieline-about {margin-top: 160px;}
		ul.vieline-about .row>div:first-child {position: absolute; top: 0; left: 50%; bottom: 0; padding-left:12%;}
		ul.vieline-about .row>div:last-child {margin-left: 0;}
		
		ul.vieline-about .row:nth-child(even)>div:first-child { padding-right:12%; position: absolute; top: 0; left: 0%; bottom: 0; text-align: right;}
		ul.vieline-about .row:nth-child(even)>div:last-child {margin-left:50%;}
	}




a.shop-btn {padding: 8px 60px; display: inline-block; color: #fff!important;}

.vieline-btn {background-color: #000;border: 1px solid #fff; color: #fff!important;}
.vieline-btn:hover {background-color: transparent; border: 1px solid #000; color: #000!important;}



.vieline-about {min-height:calc(100vh - 228px);}
.vieline-about img {width: 100%;}
.work-time-xs-fix {height: 150px; margin-top: 30px; display: table;}
.footcopy {display: inline-block;}

@media (max-width:1024px){
	.vieline-about {min-height: auto;}
	.about-info {margin: 20px 0px!important;}
	.about-info li div {height: auto!important;}
	.about-info li {height: auto!important; margin-bottom: 10px;}
	.weibo-btn {position: inherit!important; transform: translateX(0);}
	.about-info li div {padding: 15px 0px!important;}
	ul.vieline-about li {margin-bottom: 0px;}
	.footcopy {display: block;}
}