:root{
  --main-color:#552358
}
:root{--gray:#666}

/* general */
.no-bdr{border:none !important}
.content p>img{display: block; margin-left: -2em;}
.img-card{    border-radius: 10px;
  -webkit-box-shadow: 0 10px 30px 0 rgb(185 182 235 / 40%);
  box-shadow: 0 10px 30px 0 rgb(185 182 235 / 50%);}
.white{color:#fff}
.yellow{color:yellow}
.yellow:hover{color:white}
a:hover{color:#999}
a:hover p{ color: #ccc;}
.block{display: block;}
.ho-shadow:hover{box-shadow: 0 10px 30px 0 rgb(185 182 235 / 50%);}
.p-10 {padding:3em;}
.py-10{padding-top: 3em; padding-bottom: 3em;}

/* header */
.shadowed{box-shadow: 4px 19px 73px #b4b4b46b;}
.header{height: 80px; }
nav {display: flex; justify-content:space-between; align-items: center;}
nav .logo{display: inline-block; max-width: 40%; margin-top:-1em}
nav .logo a{display:block}
nav .logo img{width: 100%;height: auto;}
header{background: var(--main-color)}
.nav>ul>li>a{position: relative;}

.nav>ul>li:hover>a::after{left: 0; right:0; width: 100%; }
.nav ul li a{display: inline-block; padding: 1em; font-size: 16px;}
.nav ul li .sub{
    background: white;
    z-index: 999;
}
.lang a{display: inline-block; padding:.25em .5em;}
.lang .active{color:#3cc}

.contr{background-color:rgba(85, 51, 102,0.6); background-image: url(../img/back_02.jpg);color:#fff; position: relative;}
.contr .msk{background-color: var(--gray); opacity: 0.9; }
.lined{border: 1px solid #fff;}
.flex-center{justify-content: center;}

.g-list .col-6 .card img{min-height: 100%;}
.mx-0{margin-left: 0 !important; margin-right: 0 !important}
.line-height-1{line-height: 1.2;}
.line-height-1 p{line-height: 1.2;}
.content p{margin-top: 0}
.videos {padding: 0;}
.videos img{width: 100%; height: auto;}


.number{ background: var(--main-color)}
.number dl{ text-align: center; color: #fff;}
.sub .img{float: right;}
.sub .img img{ width: 220px; height: 165px;}

.search{padding-top: 1em; }
input::-webkit-input-placeholder{color:#999}
.search form{position: relative;}
.search .hd-search .search-txt{border: 1px solid #ccc; padding: 0 2.5em 0 1em; height: 2em; border-radius: 1em;  line-height: 1.8em; background: transparent; color:#fff}
.search .iconfont{ font-size: 20px; color: #666; position: absolute; right: .5em;}
.ofh{overflow: hidden;}
/* nav */
nav{padding: .5rem 0;}

  
  button.iconfont{border: none; background: transparent;}
  /*search*/
  .searchview{position: fixed; top: 0; width: 100%; height: 100%; z-index: 998; background: rgba(100,100,100,0.5);display: none;}

  
.header{display: flex; flex-flow: nowrap; }
.swiper-container { width: 100%; }
/* general */

.row{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
.col-2{ width: 16.666667%;-ms-flex: 0 0 16.666667%;  flex: 0 0 16.666667%;  max-width: 16.666667%;}
.col-4{max-width: 33.333333%;position: relative;    width: 33.333333%;    padding-right: 15px;    padding-left: 15px; flex: 0 0 33.333333%;}
.col-6{width: 50% !important;flex: 0 0 50%;}
.col-8{width: 66.66666667% !important; max-width:66.66666667%;flex: 0 0 66.666666%;}
.botn-space{ margin-bottom: 1.5em;}  
.swiper-slide>img{max-width: 100%;}
.shadow-sm{box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;}
.shadow-md{box-shadow: 0 1rem 2rem rgba(0,0,0,.175)!important;}
.shadow-ho{box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; transition: box-shadow .1s ease-in-out; overflow: hidden;}
.shadow-ho:hover{box-shadow: 0 1rem 2rem rgba(0,0,0,.175)!important;}
.shadow-nho{box-shadow: none;transition: box-shadow .1s ease-in-out;}
.shadow-nho:hover{ box-shadow: 0 1rem 2rem rgba(0,0,0,.175)!important;}


/* 卡片通用 */
.card-header{display: flex; flex-direction: row; justify-content: space-between;}
.border-none{border: none; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);}
.card-header{padding: .75rem 1.25rem;}

.card{ flex: 1 1 auto;    min-height: 1px; border-radius: 0.125rem; border:1px solid #eee; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;transition: box-shadow .1s ease-in-out; }
.card:hover{box-shadow: 0 1rem 2rem rgba(0,0,0,.175)!important;}
.card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding: 1.25rem;  }
.card-body a{font-size: 14px;}
.card-info h3 a{font-size: 15px; color: #666; line-height: 1.6;}
.card-info p a{ color: #999; line-height: 1.6; font-size: 14px;}

.card .date-box{border: 1px solid #ccc; width: 6em; height: 6em; padding: .6em; margin-left: 1.8em; margin-top: .3em;}
.card .date-box  dt{ font-size: 15px; height: 50%; text-align: center;}
.card .date-box  dd{font-size: 13px; height: 50%; text-align: center;}

/* slide */
.slide-img{ width: 100vw; background-size:auto; background-repeat: no-repeat;}
.slide-img a{display: block;width:100%}
.slide-img a img{width: 100%; height: auto;}
.slide-item{width: 100%; overflow: hidden;}
.slide-img{100%; max-width:100%; }

/* 图片放大效果 */
.card .img-zoom{overflow: hidden;}
.img-zoom img{transition: .5s;}
.card:hover .img-zoom img{ transform: scale(1.1) ;-ms-transform:scale(1.1)}

/* 卡片部分 */
.card-slide{width: 100%;    margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; margin-top: 1em;}
.card-slide .swiper-slide{width: 60%;}
/* 卡片内列表 */
.card-list li  a.caimg{display: block; float: left; margin-right: 1em; }
.card-list .caimg img{ height: 6em;}
.card-list li:not(:first-child){height: 2.4em;}
.card-list li h3{ font-size: 18px;}
.card-list li a{line-height:1.8;}
.h25{height: 25em;}
.card-list li a {display: flex; align-items: center; justify-content: space-between;}
.card-list li a h4{font-weight: normal; font-size: 14px;}
.card-list li:first-of-type{height: 7.7em;}
.card-list li:first-of-type a{display: block;}
/* friendlink */
.row li a img{max-width: 100%;}
.case .row li a img{height:16em}
.case .img-wrap{position:relative;  padding-top:50%; overflow:hidden;}
.case .img-cover{position:absolute; top:0; width:100%; object-fit:cover; height:100%;}
.case .lg{ background-image:linear-gradient(to right bottom,rgba(187,0,179,.9),rgba(97,69,216,.9));top:0; width:25%; position:absolute; height:100%; }
.case .lg .con{ position:absolute;top:50%; width:100%; transform:translateY(-50%); }
.case .lg .con h1{color:#fff; font-size:4vw; padding:0;}
.case .lg .con a.btn{ text-align:center;  padding:.5em 1.5em; background:#29b7de; color:#fff;}

/* icon info   */
@font-face {
  font-family: "iconinfo"; /* Project id 3241472 */
  src: 
       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
       url('//at.alicdn.com/t/font_3241472_qwstc582r1.woff?t=1647315349010') format('woff'),
       url('//at.alicdn.com/t/font_3241472_qwstc582r1.ttf?t=1647315349010') format('truetype'),
       url('//at.alicdn.com/t/font_3241472_qwstc582r1.svg?t=1647315349010#iconinfo') format('svg');
}

.iconinfo {
    font-family: "iconinfo" !important;
    font-size: 48px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-table:before {
  content: "\e607";
}

.icon-a-bookcase:before {
  content: "\e601";
}

.icon-a-chair:before {
  content: "\e602";
}

.icon-sofa:before {
  content: "\e603";
}

.icon-vase:before {
  content: "\e605";
}

.icon-desk:before {
  content: "\e606";
}



.ani-info{ position: absolute;top: 50%; width: 100%; text-align: center;transition:all  .3s ease-in-out; transform:translateY(-50%)}
.info-mask{background: rgba(0,0,0,.3); position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.card:hover .info-mask{background: rgba(85,51,102,.8)}
.iconinfo{color: #fff; display:block; height:0; transition:height .5s ease; overflow:hidden}
.card a:hover .iconinfo{ height:1.2em;}
.ani-info h2{margin-top: .5em; font-size: 24px;}
.ani-info h2,.index .ani-info p{ color: #fff; text-indent: 0; line-height: 2em;}
.index .ani-info p{font-size:18px;}


/* icon info end*/

/* caselist */
.caselist .card .img-wrap{padding-bottom:60%;}
.caselist .card .img-wrap a{display:block; position:absolute;top:0; height:100%; width:100%;}
.caselist .card .img-wrap a img{ object-fit:cover; width:100%; height:100%;}


/* 闪的部分 */
.bling { display: block; position: relative; margin: 0 auto; }
.bling:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: -20px; overflow: hidden; background:linear-gradient( left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100% ); background: -moz-linear-gradient( left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100% ); background: -webkit-linear-gradient( left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100% ); background: -o-linear-gradient( left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100% ); transform: skewX(-25deg); }
.bling:hover:before { left: 250%; transition: left 1s ease 0s; }

/* brands */
.brands li img{ height: 5em;}

/* footer部分 */
footer{ background: var(--main-color); padding-top: 1.5em; color: white;}
footer h2{font-size: 18px; color: white;}
footer a,footer p{color:#fff}
.co-nav{display: flex; justify-content: space-between;}
.co-nav li a{ display: block; line-height: 2em; font-size: 14px;}
.co-nav li a:hover{color: #eee;}


.icp{text-align: center; line-height: 4em; color: #ccc; }
.icp p{ font-size: 14px;}

footer h2{line-height: 2em;}
footer h3{font-size: 14px; line-height: 2em;}
footer p{line-height: 2em; font-size: 14px;}
footer .icon {font-size: 36px;}
footer .icon:hover{ color: #eee;}
footer .qr{ background: #fff; margin-top: -.5em;  transition: all .2s ease;  padding: 5px;}
footer .follow ul li:hover .qr{opacity: 1;}
footer .follow a{display: block; text-align: center;}
footer .follow ul li{display: block; width: 7.5em;}
footer .qr img{width: 100%;}
footer .base{background: rgba(0,0,0,.5);}
footer .base p{ line-height: 3em;} 


.capital{margin-top: -5em; background: #fff; padding: 2em; height: 10em;}
.capital h2{font-size:20px;  color: var(--main-color); font-weight: bold; padding-left: 15px; line-height: 1.6;}
.capital h4{font-size: 14px; font-weight: normal; padding: 5px 0 0 15px; color: #999;}
.breadcrumb{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: .75rem 1rem;  list-style: none; background: transparent; border-radius: .25rem; }
.breadcrumb li a{font-size: 14px;}
.breadcrumb li:first-child a::before { content: "\e9db"; font-family: "iconfont" !important; font-size: 14px;  font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  padding-right: .2em;}

/* product */
.banner-img{ background-size:cover; height: 25vw;}
.img-show .swiper-container { width: 100%;  margin-left: auto; margin-right: auto; }
.swiper-slide { background-size: cover; background-position: center; }
.img-show .images img{width: 100%; height: auto;}
.images { height: 80%; width: 100%; }
.product .card .img-zoom a{display: block;overflow: hidden;}
.product .card .img-wrap{padding-bottom:0;}
.product .card .img-wrap a{width:100%; height:100%; display:block;}
.product .card a img{ width: 100%; height: 100%; object-fit:cover;}
.product .card-body{padding: .5em; text-align: center;}
.thumb-list .thumbs { height: 20%; box-sizing: border-box; padding: 10px 0; width: 80%; }
.thumbs .swiper-slide { height: 100%; opacity: 0.4; }
.thumbs .swiper-slide-thumb-active { opacity: 1; }
.thumb-list{position: relative;}
.swiper-button-white{top: 50%; color: #ccc;}
.swiper-button-prev{left: 10px;}
.swiper-button-prev{right: 0;}
.info h2{line-height:2;font-size: 18px; color:var(--main-color);}
.detail h2{line-height: 2;}
.pro-detail p{font-size: 14px; color: #666; line-height: 1.8;}
.detail h2 span { color: #f60; font-size: 18px;}
.detail h2{border-bottom: 2px solid #f60; width: 100%;}
.content{ padding: 2em; color: #999; font-size: 14px;}
.basic-info h2{font-size: 24px;color:var(--main-color)}
.basic-info h2,.basic-info h4,.basic-info {line-height: 1.6;font-size:14px;color: #333}
.basic-info h2{font-size: 24px;color:var(--main-color)}
.pro-info div,.pro-info div p{color:#666}

/* side-nav  */
.sub-index h2{color:#fff; font-size: 18px; font-weight: bold; line-height: 2; background: var(--main-color); padding: 1em 1em 5em 1em;}
.sub-index h2 span{font-weight: normal; font-size: 16px;}
.sub-index{width: 100%;}
.sub-index ul{width: 98%; background: #fff; margin-top: -5em; margin-left: 5%; padding: .5em 0 10em 0;}
.sub-index ul li{ padding: .5em 1em;}
.sub-index ul li.active a{color:var(--main-color)}
.sub-index ul li a{display: block; height: 2em; line-height: 2em; font-size: 16px; text-indent: 1em; border-bottom: 1px dashed #ccc;}
.sub-index ul li a::after{content: "\e638"; font-family: "iconfont" !important; font-size: 14px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: right;color: #ccc;}
/* pager */
.pager{padding-left: 0; margin: 17px 0; list-style: none; text-align: center;}
.pagination{display: inline-block; padding-left: 0; margin: 17px 0; border-radius: 3px;}
.pager li{    margin: 0 .4em; display: inline-block;}
.pager li > a, .pager li > span { background: none; border: 1px solid #e6e6e6; border-radius: 0.25em; padding: .5em .93em; font-size: 14px; }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777777; background-color: #fff; cursor: not-allowed; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; background-color: var(--main-color); border-color: var(--main-color); cursor: default; }
.pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eeeeee; }

/* article */
.article h1{text-align: center; font-size: 24px; line-height: 2; color: var(--main-color);}
.article .info{ line-height: 2; font-size: 13px; text-align: center;}
.article .info span{ display: inline-block; padding: 0 2em; color: #999;}
.article .content{ padding: 1em;}
.content p{text-indent: 0; margin-top: 1em;}
.content img{max-width: 100%; display: inline-block; margin: 1em;}

.trans-y{transition: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.trans-y:hover{transform:translateY(-5px) ; transition: all 0.3s ease;}
.fw-nm{font-weight: normal;}
.card .img-magnify a{position: relative; overflow: hidden; display: block;}
.card .img-magnify a::after{ content:"\e698" ; display: flex; background: rgba(0,0,0,.175); width: 100%; height: 100%; position: absolute;top: 20em;font-family: "iconfont" !important; font-size: 24px; text-align: center;justify-content: center; align-items: center; color: #fff; transition:all .3s ease ;}
.card:hover .img-magnify a::after{top: 0;}
.blk{line-height: 2em;}
.blk h3{font-size: 18px; line-height: 2; color:#666;width: 100%;}
.blk p{ line-height: 1.6; color: #666; font-size: 14px;}
.w100{display: block; width: 100%;}
.msg h3{font-size: 18px; line-height: 2; color:#666;width: 100%;}
.msg textarea{width: 100%; border: 1px solid #ccc; border-radius: 5px; padding: .5em;}
.captcha{height: 1.6em; width: 8em;}
.msg input[type=text]{ border: 1px solid #ccc; padding: 0 .5em; height: 2em;}
.msg{padding-left: 15px;padding-right: 15px;}
.banner-img{ background-size:cover; height: 25vw;}
.swiper-container {width: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide {background-size: cover;background-position: center;}
.images {height: 80%;width: 100%;}
.thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;width: 80%;}
.thumbs .swiper-slide {height: 100%;opacity: 0.4;}
.thumbs .swiper-slide-thumb-active {opacity: 1;}
.thumb-list{position: relative;}
.swiper-button-white{top: 50%; color: #ccc;}
.swiper-button-prev{left: 0;}
.swiper-button-prev{right: 0;}
.info h2{line-height:2;font-size: 18px; color:#f60;}
.detail h2{line-height: 2;}
.pro-detail p{font-size: 14px; color: #666; line-height: 1.8;}  
.detail h2 span { color: #f60; font-size: 18px;}
.detail h2{border-bottom: 2px solid #f60; width: 100%;}

/* index general */
.index h1{ font-size: 42px; line-height: 2; text-align: center; padding: 1em 0 .5em 0; font-weight:500; color: #29b7de; }
.index h1 span{color: var(--main-color);}
.index h3{font-size: 18px; line-height: 2; font-weight: 500; color: #666; padding-bottom: 1.5em; }
.index p{ color: #666; text-indent: 2em;padding: .2em; line-height: 1.8; font-size: 14px;}


div.more{text-align: center;}
.more a.lnkbox{ border: 1px solid var(--main-color); padding: .5em 1.5em; color: var(--main-color);}
.more a.lnkbox:hover{color: #999;}

/* gallery */
.gallery .img-magnify a{height: 14.5em; }
.gallery .img-magnify a span{display: block;height:14.3em; overflow: hidden; padding: .2em;}
.about img{max-width: 100%;}
.about {background:url(../img/about_bg.jpg) no-repeat; background-size:cover; padding-bottom:3em;}
.about .container p{font-size:18px;}
.about .txt{ margin-top:3em;}


.fixed-info{position: absolute; width: 100%; color: #fff; bottom: 0; background: rgba(50,50,50,.5);}

/*number*/
.number .container{ padding-top: 5em; padding-bottom: 5em;}
.number .num{font-size: 36px; line-height: 2; color:#29b7de}

/* icons */
.icons .row li img{ width: 100%; }

.words{background:url('../img/back_02.jpg') no-repeat; background-size:cover;}
.words h2{font-size: 48px; color: #fff; font-weight: 500;  margin: 0 auto; text-align:left; line-height:1.5;}
.words h2 span{padding:.3em .3em; display: inline-block;}
.words .txt{ padding-left:6em;}
.mx-5{margin: 0 3em 0 3em;}
.svg{ width:90%; padding-bottom:2em;}
.words .block img{max-width:100%;}
.words .txt .btn{ background:#29b7de;  color:#fff;}

/* testimonial */
.testimonial .card-testimonial{position: relative; padding: 2em;}
.testimonial .card-avatar{ width: 80px; position: absolute; left: 50%; top: -41px; transform: translateX(-50%);}
.testimonial img{ border-radius: 50%; width: 100%;}
.card-description{padding: 2em;}
.inner-icon{    left: 50%;  position: relative;  top: 42px; transform: translateX(-50%); text-align: center;}
.testimonial .table{margin-bottom: 0;}
.card-testimonial .inner-icon i::after { content: '\e67b'; font-family: "iconfont" !important; color: #29b7de; font-size: 39px; padding: 17px 20px 17px 20px; background: #ffff; border-radius: 50%; box-shadow: 4px 19px 73px #b4b4b46b; }
.cardslide-container{overflow-x:hidden; }
.tabhd ul{display: flex; border-bottom: 3px solid #eee;}
.tabhd ul li{margin-bottom: -3px;}
.tabhd ul li a{font-size: 18px; padding: .4em .5em; display: block; border-bottom:3px solid #eee ; }
.tabhd ul li a:hover,.tabhd ul li.active a{border-bottom:3px solid var(--main-color);}
.testimonial  .swiper-wrapper{margin-bottom: 3em;}
.cardslide{position: relative; overflow: visible;}
.card-testimonial h5{font-weight: normal; color: #999; line-height: 1.6; font-size: 14px; height: 10em;}
.card-testimonial h4{font-weight: normal; color: #777777;}

.card .img-wrap{position:relative; padding-bottom:140%; overflow:hidden; width:100%;}
.card .img-wrap img{ position:absolute;top:0; width:100%}

.news img{ max-width: 100%; width: 100%;}
.news dl dt{position: relative;color: #fff; overflow: hidden;}
.news dl dt .time-box{ position: absolute; top: 0; padding: .5em 1.5em; background: var(--main-color); color: #fff;}
.time-box i{ font-size: 36px; display: block;}
.time-box span{display: block; font-size: 12px;}
.index dl dd h3{ padding-bottom: 0; color: #333; padding-top: .3em;}
.index dl dd p{text-indent: 0; color: #666;}

.index .list .time-box{ display: inline-block;}
.index .list .title{display: inline-block; width: calc(100% - 4.5em);}
.index .list .title h3{padding-bottom: 0; line-height: 1.8; color: #333; font-size: 14px;}
.title p{text-indent: 0; color:#666; font-size: 12px; padding: 0;}
.index .list ul li{border-bottom: 1px solid #ccc; padding-bottom: .5em; padding-top: .5em;}
.title{padding-left: 1.5em;}


ul.subnavs{display: flex; flex-direction: row}
ul.subnavs li{display: inline-block; padding: 6px 10px; border-radius: 3px;}
ul.subnavs li.active{ color: #fff; background: var(--main-color) }
ul.subnavs li.active a{color: #fff;}

/* product imgzoom */


.zoomimgwrap {border: 4px solid #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);display:block;}
.zoomimgwrap img {width:100%;}
.elastislide-list {list-style-type: none;display: none;}
.no-js .elastislide-list {display: block;}
.elastislide-carousel ul li {min-width: 20px; /* minimum width of the image (min width + border) */}
.elastislide-wrapper {position: relative; /*background-color: #fff;*/margin: 0 auto;min-height: 40px; /*box-shadow: 1px 1px 3px rgba(0,0,0,0.2);*/}
.elastislide-wrapper.elastislide-loading {background-image: url('../img/loading.gif');background-repeat: no-repeat;background-position: center center;}
.elastislide-horizontal {padding:4px 36px;}
.elastislide-vertical {padding: 36px 4px;}
.elastislide-carousel {overflow: hidden;position: relative;}
.elastislide-carousel ul {position: relative;display: block;list-style-type: none;padding: 0;margin: 0;-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);}
.elastislide-horizontal ul {white-space: nowrap;font-size:0pt;}
.elastislide-carousel ul li {margin: 0;}
.elastislide-horizontal ul li {height: 100%;display: inline-block;padding:3px;}
.elastislide-vertical ul li {display: block;}
.elastislide-carousel ul li a {display:block;outline:none;border:4px solid #fff;transition:border-color .2s ease-in , background-color .2s ease-in ;box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);}
.elastislide-carousel ul li a img {display: block;max-width: 100%;max-height: 50px; /*border:4px solid #fff;*/border:none;}
.elastislide-carousel ul li.active a {border:4px solid #f60;}

/* Navigation Arrows */
.elastislide-horizontal nav span {position:absolute;background-image:url(../img/nav-h1.gif);width:19px;height:33px;text-indent: -9000px;cursor:pointer;background-position: -8px center;background-repeat:no-repeat;}
.elastislide-horizontal nav span {top: 50%;left: 10px;margin-top: -16px;}
.elastislide-horizontal nav span.elastislide-next {right: 10px;left: auto;background-position:-128px center;}
.elastislide-horizontal nav span:hover {background-position:-48px center;}
.elastislide-horizontal nav span.elastislide-next:hover {background-position:-88px center;}
 .zm-viewer {position:absolute;display:none;overflow:hidden;background:url('../img/loading.gif')  no-repeat center center ;cursor:crosshair;z-index:9999;}
.zm-handler {position:absolute !important;display:none;overflow:hidden ;cursor:crosshair;border:none !important;}
.zm-handlerarea {opacity:.9;position:relative;}
.zm-description {position:absolute;bottom:6px;left:6px;right:6px;background-color:#eee;background-color: rgba(255, 255, 255, 0.5);box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);color: rgba(0,0,0,.6);font-size: 13px;text-align: center;text-shadow: 1px 1px 0 rgba(255,255,255,.3);padding:4px;}
.followViewer,.standardViewer {border:2px solid #fefefe;border:4px solid rgba(255, 255, 255, .2);box-shadow: 0 0 3px rgba(0, 0, 0, .2);}
/* product imgzoom   end */


/*video player*/
.video-box{position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;font-size: 24px;z-index: 99999;display: none;}
.video-bg {position: absolute;height: 100%;width: 100%;background: #000;opacity: .9;}
.video-box .video-container {width: 800px;max-height: 90vh;max-width: 100%;background: #000000;overflow: hidden;opacity: 1;}
.f-center {position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.video-close{position: absolute; bottom: 20%; left: calc(50% + 10px); color:#fff; cursor:pointer}
.about .img-wrap{position:relative; padding-top:56%; overflow:hidden;}
.about  img{position:absolute; top:0; width:100%; object-fit: cover;}
.videos{padding-left:0;}
video{max-width: 100% !important; width: 800px; }

/*page about*/
.main .about{font-size: 32px; text-align: center; color: var(--main-color); padding-bottom: 1em;}
.main .content span{font-size: 15px !important; color: #666; line-height: 1.5em;}
.content p {margin-top: .5em}
.main .container{padding: 0 10%}
.videos{ overflow: hidden; aspect-ratio: 16/10;}
.article .content{padding-top: 0}


.play{ cursor: pointer; border: 10px solid #fff;height: 160px; width: 160px; border-radius: 80px; position: absolute; top:calc(50% - 80px);left:calc(50% - 80px); background: rgba(255,255,255,.3)}
.play:hover{box-shadow:0 0 10px #fff}
.play:after{content: "";position: absolute;font-size: 0;margin:0 auto;left: 42px;top: 30px;width: 0;height: 0;border-left: 70px solid #fff;border-top: 40px solid transparent;border-right: 70px solid transparent;border-bottom: 40px solid transparent;}
.hover-mask{width: 100%;height: 100%; position: absolute;top: 0;}
.hover-mask:hover{ background: rgba(0,0,0,.3) ;}
/*video player end*/
/*magnifier*/
.basic-info .row{width: 100%}
#magnifier {position: relative;width: 400px;}
.small-box {position: relative;width: 400px;height: 400px;margin-bottom: 20px;border: 1px solid #eee;overflow: hidden}
.small-box table td{width: 400px;height: 400px;}
.small-box img {width: auto;height: auto;max-height: 400px;max-width: 400px;}
.small-box .hover {display: none;position: absolute;left: 0;top: 0;width: 200px;height: 200px;border: 1px solid #aaa;background: #0099ff;opacity: .5; opacity:.5;cursor: move;}
.thumbnail-box {position: relative;width: 100%;}
.thumbnail-box .btn {position: absolute;top: 50%;width: 22px;height: 32px;margin-top: -16px;}
.thumbnail-box .btn-prev {left: 0;background: url(../img/btn_prev.png) no-repeat;}
.thumbnail-box .btn-prev.btn_prev_disabled{background: url(../img/btn_prev_disabled.png) no-repeat;cursor: not-allowed;}
.thumbnail-box .btn-next {right: 0;background: url(../img/btn_next.png) no-repeat;}
.thumbnail-box .btn-next.btn_next_disabled{background: url(../img/btn_next_disabled.png) no-repeat;cursor: not-allowed;}
.thumbnail-box .list {overflow: hidden;width: 330px;margin: 0 auto;}
.thumbnail-box .wrapper {width: 100000px;}
.thumbnail-box .list .item {float: left;margin: 0 10px;}
.thumbnail-box .list .item-cur {}
.thumbnail-box .list .item img {border: 2px solid #a9a9a9;width: 54px;height: 54px;}
.thumbnail-box .list .item-cur img {border: 2px solid #e53e41;}
.big-box {display: none;overflow: hidden;position: absolute;left: 401px;top: 0;z-index:1;width: 480px;height: 480px;border: 1px solid #e4e4e4;}
.big-box img {display: block;}

/* magnifier end */
/* project specific*/
.nuti-no{text-align: right; width: 16.8em;}
.qr ul{text-align: right}
.qr ul li{display: inline-block; padding-left: 1em;}
.qr ul li img{ width: 7em; height: 7em;display: block}
.qr p{text-align: center}

/* project specific end*/