ul,ol{
  margin-bottom: 0;
}
.footer-nav .ul-dep-1 {
  padding: 2em 0.5em;
}
.display-flex{display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.flex-center{-webkit-box-align: center;-
-webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;}
.flex-full{
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.dialog{
  display: none;
}
.search-box-pc{overflow: hidden;}
.ha-icon {
  display: inline-block;width: 12px;
  height: 18px;vertical-align: middle;
  margin-top: -.15em;background-size:100% auto;background-repeat: no-repeat;
}
.media-mobile .ha-icon {
  width: 12px;
  height: 18px;
}
.ha-icon-pix {background-image: url(../image/common/recommend-icon.png);}
.ha-icon-2x {font-size: 1em;}

.frame-relative {
  margin-top: 100px;
}
.mobile-dialog{display:none !important;}
.phone-box-bg{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 120;display: none;}
.bottom-phone-box{position: fixed;bottom: 0;width: 100%;z-index:200;font-size:14px;padding:0 5px;display: none;box-sizing: border-box;}
.bottom-phone-box .item{width: 100%;height: 50px;background: rgba(255, 255, 255, 1);text-align: center;line-height: 50px;}

/* swiper */
/*.swiper { width:100%; overflow:hidden; visibility:hidden; position:relative;background:url(../image/common/loading.gif) #f9f9f9 no-repeat center; background-size:16px auto;}*/
.swiper { width:100%; overflow:hidden; visibility:hidden; position:relative;background:none #f9f9f9 no-repeat center; background-size:16px auto;}
.swiper-inited { visibility:visible;}
.swiper li{ overflow:hidden; position:relative;}
.swiper .swiper-wrapper{ width:100%;}
.swiper li.swiper-slide{ width:100%; overflow:hidden;}
.swiper li.swiper-slide:last-child{ margin-right:-1px;}
.swiper li li{ overflow:inherit;}
.swiper-mask { overflow:hidden;}
.swiper-single .swiper-prev,.swiper-single .swiper-next,.swiper-single .swiper-pagination { display:none;}
.swiper-pagination { position:absolute; z-index:100;width:100%;left:0;bottom:1em;line-height:0;text-align:center; transform:translate3d(0,0,0);}

.swiper-pagination .swiper-pagination-switch{ font-size:2em;display:inline-block; width:.5em; height:.5em;border-radius:.5em;background:#fff; margin:0 .25em;vertical-align:middle; white-space:nowrap;}
.swiper-pagination .swiper-active-switch{background:#0297DD;}

.ie8 .swiper-pagination .swiper-pagination-switch{ background:none !important; margin:0 0.1em;}
.ie8 .swiper-pagination .swiper-pagination-switch:before{ content:"○"; font-weight:bold;color:#fff; line-height:.5; display:inline-block; vertical-align:top;}
.ie8 .swiper-pagination .swiper-active-switch:before{content:"●";color:#0297DD; font-weight:normal; margin-top:.02em;}

.css3 .swiper-pagination .swiper-pagination-switch{ font-size:2em;display:inline-block; width:.5em; height:.5em;border-radius:.5em;background:#eee; margin:0 .25em;vertical-align:middle; white-space:nowrap;}
.css3 .swiper-pagination .swiper-pagination-switch:before{ content:"";display:inline-block; width:0; height:0;border-radius:.5em; background:#0297DD; vertical-align:middle; overflow:hidden;}
.css3 .swiper-pagination .swiper-pagination-switch:before{ transition:width 300ms steps(7, end),height 300ms steps(7, end);-webkit-transition:width 300ms steps(7, end),height 300ms steps(7, end);}
.css3 .swiper-pagination .swiper-pagination-switch:after{ content:"";display:inline-block; width:0; height:100%;vertical-align:middle; font-size:0;}
.css3 .swiper-pagination .swiper-active-switch{ background:#fff;}
.css3 .swiper-pagination .swiper-active-switch:before{width:100%; height:100%;/*box-shadow:0 0 0px 1px #f7b52d*/}



.swiper-prev { position:absolute; z-index:50;width:10%; height:100%;left: 0;top:0;text-align:center;cursor:pointer;transition:transform 500ms;-webkit-transition:transform 500ms;}
.swiper-next { position:absolute; z-index:50;width:10%; height:100%;right:0;top:0;text-align:center;cursor:pointer;transition:transform 500ms;-webkit-transition:transform 500ms;}
.swiper-prev:hover { transform:translate(-10%,0);-webkit-transform:translate(-10%,0);}
.swiper-next:hover { transform:translate(10%,0);-webkit-transform:translate(10%,0);}
.swiper-prev:before { content:"";display:inline-block;width:28px; height:100%;background-position:left  center;background-repeat:no-repeat;}
.swiper-next:before { content:"";display:inline-block;width:28px; height:100%;background-position:right center;background-repeat:no-repeat;}
.swiper-prev-white:before { background-image:url(../image/common/prev-white.png);}
.swiper-next-white:before { background-image:url(../image/common/next-white.png);}
.swiper-prev-black:before { background-image:url(../image/common/prev-black.png);}
.swiper-next-black:before { background-image:url(../image/common/next-black.png);}
.swiper-prev-color:before { background-image:url(../image/common/prev-color.png);}
.swiper-next-color:before { background-image:url(../image/common/next-color.png);}
.swiper-lazy { min-width:100px; min-height:80px;background:url(../image/common/loading.gif) #f9f9f9 no-repeat center; background-size:16px auto;}
.swiper-lazy-img{ visibility:hidden; height:0;}
.swiper-lazy-img-loaded{ visibility:visible; height:auto;}
.alone .swiper-prev,.alone .swiper-next,.alone .swiper-pagination{ display:none;}
/* */
.swiper-scale { position:relative;}
.swiper-scale:before { content:""; display:inline-block;height:0; padding-bottom:34.85%;}
.swiper-scale .swiper-mask{position:absolute; width:100%;height:100% !important;left:0;top:0;}
.swiper-scale ul{position:absolute;height:100% !important;left:0;top:0;}
.swiper-scale ul li{ height:100% !important;}
.swiper-scale li img{ max-width:100%;}
/* auto-height */
.swiper-auto { position:relative;}
.swiper-auto ul{height:auto !important;}
.swiper-auto ul li{ height:auto !important;}
.swiper-auto li img{ max-width:100%;}



/***************
 * wordimg
 **************/
.imgword { overflow:hidden; position:relative;}
.imgword .img { float:left; width:50%;}
.imgword .img img {width:100%;}
.imgword .img p img {width:auto;}
.imgword .word { position:absolute;left:50%;top:0;right:0;bottom:0; height:100%;overflow:hidden; display:block; white-space:nowrap;}
.imgword .word:before,.imgword .word:after{ content:""; display:inline-block;width:0;height:100%;vertical-align:middle;}
.imgword .word-inner { display:inline-block; vertical-align:middle;margin:auto;padding:0 6%; white-space:normal;}
.imgword .word h2 { margin:auto;}
.imgword .word h2 b { font-weight:normal;}
.imgword .word h2 span {}
.imgword .word p  {font-size: 1.3em; margin:auto;margin-top:1em; color:#000; line-height:2;}
.imgword .word .readmore{ margin-top:3em; font-size:1.4em;}
.imgword .word .readmore .icon{ margin-top:-.2em; margin-left:.4em;}
.imgword .word h2 + *  {margin-top:2.5em;}
.imgword-left  .img { float:left;}
.imgword-left  .word  { left:50%;right:0;}
.imgword-right .img { float:right;}
.imgword-right .word  { left:0;right:50%;}
.imgword-top .word { position:relative;left:auto;right:auto;}
/*.wrap-buy .imgword-left .word{ width:55%;}*/


.wordimg .word{ float:left; width:62%;}
.wordimg .word-inner{margin-left: 15%;}
.wordimg .img { overflow: hidden;text-align:center;}
.wordimg .img img {width:100%;}
.wordimg-left  .word { float:left;}
.wordimg-left  .word-inner {padding-left: 0;}
.wordimg-right .word { float:right;}


/*****************
 * aboutus-index
 *****************/
/*.imgword-index  {padding: 4em 0;}*/
.imgword-index .img {width: 53%;}
.imgword-index .imgword-left  .word {left: 53%;}
.imgword-index .imgword-right .word {right: 53%;}
.imgword-index .h2 {font-size: 2em;display: inline-block; vertical-align: middle;margin-left: 0.2em;}
.imgword-index .more-list {white-space: nowrap;background: #eee;text-align: center;letter-spacing: -0.35em;margin-top: 2em;font-size: 1.2em;}
.imgword-index .more-list li {display: inline-block;padding: 0.5em 0;letter-spacing: 0;line-height: 1;}
.imgword-index .more-list li a{display: block;padding: 0.5em 0;color: #000;}
.imgword-index .more-list li a:hover{color:#008DD5;}
.imgword-index .more-list li + li a {border-left: 1px #aaa solid;}
.imgword-index .more-list-2x li {width: 50%;}
.imgword-index .more-list-3x li {width: 33%;}
.imgword-index .more-list-4x li {width: 25%;}
.imgword-index .more-list-5x li {width: 20%;}




.proshop-search-bd { width:100%;height:2em;display:block;color:#666; padding-left:.5em; font-weight:normal;}
.proshop-search-bd.select{background:#fff; border:1px #e5e5e5 solid;padding:0;width:13em;}
.proshop-search-bd.select:before { background-image:url(../image/common/arrow-gray.png);}
.select select{height: 2em;line-height: 2em;width: 13em;}


/* page */
.search-category-top     { position:relative; overflow:hidden;display: none;margin-top:35px;margin-bottom:20px}
.media-mobile .search-category-top     {margin:0 10px;}
.search-category-nav     {width:100%;white-space:nowrap; text-align:center; overflow:hidden;}
.search-category-nav:before {content:""; display:block;position:absolute;left:0;bottom:0;width:100%; height:3px;background:rgba(239,232,218,1);}
.search-category-nav:after  {content:""; display:block;position:absolute;left:0px;bottom:0;width:14%; height:3px;background:#F7B52D; transition:transform 500ms;-webkit-transition:transform 500ms;}
.media-mobile .search-category-nav:after  {content:""; display:block;position:absolute;left:0;bottom:0;width:70px; height:3px;background:#F7B52D; transition:transform 500ms;-webkit-transition:transform 500ms;}
.search-category-nav-1:after  {transform:translate(0,0);-webkit-transform:translate(0,0);}
.search-category-nav-2:after  {transform:translate(100%,0);-webkit-transform:translate(100%,0);}
.search-category-nav-3:after  {transform:translate(200%,0);-webkit-transform:translate(200%,0);}
.search-category-nav-4:after  {transform:translate(300%,0);-webkit-transform:translate(300%,0);}
.search-category-nav-5:after  {transform:translate(400%,0);-webkit-transform:translate(400%,0);}
.search-category-nav-6:after  {transform:translate(500%,0);-webkit-transform:translate(500%,0);}
.search-category-nav-7:after  {transform:translate(600%,0);-webkit-transform:translate(600%,0);}
.search-category-nav-8:after  {transform:translate(700%,0);-webkit-transform:translate(700%,0);}
.search-category-nav-9:after  {transform:translate(800%,0);-webkit-transform:translate(800%,0);}
.search-category-nav-10:after {transform:translate(900%,0);-webkit-transform:translate(900%,0);}
.search-category-nav li  { float:left; width:14%;  position:relative;padding:10px 0;font-size:16px;cursor:pointer;}
.media-mobile .search-category-nav li  { float:none; width:70px;  position:relative;padding:10px 0;font-size:14px;display: inline-block;}
.search-category-nav li a{ position:absolute;left:0;bottom:0;width:100%; height:100%;}
.search-category-nav li a:before {content:"";display:inline-block; width:0;height:100%; vertical-align:middle;}
.search-category-nav li a img{ width:69.44444%; opacity:.6;transition:opacity 300ms;-webkit-transition:opacity 300ms;}
.search-category-nav li a i{ display:none;position:absolute;left:0;bottom:0;width:100%; height:3%; background:#ddd; overflow:hidden; transition:background 300ms;-webkit-transition:background 300ms;}
.search-category-nav li a:hover img { opacity:1;}
.search-category-nav li.active a img{ opacity:1;}
.search-category-nav li a:hover i { background:#F7B52D;}
.search-category-nav li.active a i{ background:#F7B52D;}
.media-mobile .search-category-nav{ overflow: visible;}
.media-mobile .search-category-top{width:370px;overflow-x: scroll;white-space: nowrap;}
.media-mobile .search-category-ul{display:inline-block;font-size:0;margin-bottom:0;}
/*.search-category-nav .search-category-scroll{overflow-x: auto; list-style: none; white-space:nowrap; width: auto;}*/
/*.search-category-nav .search-category-scroll li{  display: inline-block; }*/

.search-box dl dd .tableHotSearch{width:100%;text-align: left;font-size:14px;}
.search-box dl dd .tableHotSearch td{height:50px;}
.search-box dl dd .tableHotSearch td a{color:#666666;}
.search-box .search-bar-content{
  height: 2em;
  position: relative;
  z-index: 10;
  margin: auto;
  width: 100%;
  height: 50px;}
.media-mobile .search-box .search-bar-content{height:40px;}
.search-box .search-bar-content .tips-dialog{position: absolute;left:0;right:96px;font-size:16px;top:100%;background-color: #ffffff;border:1px solid rgba(215,215,215,1);padding:15px 20px 25px;display:none;}
.media-mobile .search-box .search-bar-content .tips-dialog{padding:10px 16px 20px;}
.search-box .search-bar-content .tips-dialog .tips-result{font-size:0;}
.search-box .search-bar-content .tips-dialog .item{display:inline-block;margin-right:1%;width:24%;margin-bottom:10px;font-size:14px;text-align: center;cursor: pointer;}
.search-box .search-bar-content .tips-dialog .item a{position:relative;}
.search-box .search-bar-content .tips-dialog .item label{position: absolute;font-size:16px;font-weight: normal;color:#fff;left:0;right:0;margin:0 auto;top:0;}
.search-box .search-bar-content .tips-dialog img{width:100%;}
.media-mobile .search-box .search-bar-content .tips-dialog .item{width:49%;}
.search-box .search-bar-content .tips-dialog .divHotLinks{margin-bottom:10px;}
.search-box .search-bar-content .tips-dialog a{font-size: 16px;font-weight: normal;color: #999;}
.search-box .search-bar-content .tips-dialog .tips-services{border-top:1px solid rgba(216,216,216,1);}
.search-box .search-bar-content .tips-dialog .tips-services label{font-size: 16px;margin: 15px 0;color: #333333;display:block;}
.search-box .search-bar-content .tips-dialog .tips-services img{width: 147px;height:60px;margin-right:28px;}

.media-mobile .search-box .search-bar-content .tips-dialog{right:0;}
.media-mobile .search-box .search-bar-content .tips-dialog .tips-services img{width:120px;height:50px;}
.search-box .search-bar-content .search-bar-input{
  display: inline-block;
  width: 80%;
  height: 100%;
  vertical-align: middle;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(151,151,151,1);
  box-sizing: border-box;
  overflow: hidden;
}
.search-box .search-bar-content .search-bar-input .search-bar-keyword{
  overflow: hidden;
  display: block;
  height: 100%;
  white-space: nowrap;
  text-align: left;font-size:14px;margin-left:1em;
}
.search-box .search-bar-content .search-bar-input .search-bar-keyword:before{
  content: "";
  display: inline-block;
  width: 2px;
  height: 100%;
  vertical-align: middle;
}
.search-box .search-bar-content .search-bar-input .search-bar-keyword img{
  vertical-align: middle;width: 18px;text-align: center;
}
.search-box .search-bar-content .search-bar-input .search-bar-keyword input{width: 100%;
  line-height: 1;font-size: 16px;
  text-indent: 1em;appearance: none;
  border: none;background: #fff;
  vertical-align: middle;position: relative;font-weight: normal;
}
.search-box .search-bar-content .search-bar-submit{display: inline-block;
  width: 96px;
  font-size:16px;
  height: 100%;
  vertical-align: middle;
  background:rgba(7,134,211,1);
  color: #fff;
  border: none;}
.media-mobile .search-box .search-bar-content .search-bar-submit{width:60px;}
.search-box .search-bar-content .search-bar-submit *{vertical-align: middle;}
.search-box .search-bar-content .search-bar-submit:before{content: "";
  display: inline-block;
  height: 99%;
  vertical-align: middle;}


/* button */
.btn { font-size:12px;padding:.4em 2em; line-height:1.1; background-color:#000000; color:#fff; border-radius:4px; border:none; white-space:nowrap;}
.btn:focus,.btn:active,.btn:visited,.btn:hover {color:#fff !important;background-color:#6a6869;!important;background:-webkit-linear-gradient(left, #6a6869 0%,#b4b6b5 50%,#6a6869 100%);border:none;}
.pagination{display: none;}
.search-container .media-pc{margin-top:26px;display: inline-block !important;width: 100%;}
.hot-product{margin-bottom:30px;}
.media-pc .hot-product{float:left;width:220px;margin-right:40px;background:rgba(247,247,247,1);text-align: center;}
.media-pc .hot-product dt{font-size:18px;text-align: left;margin-bottom:12px;}
.media-pc .hot-product dl{padding:14px 20px 0;margin-bottom:0;}
.media-pc .hot-product dd h3{font-size:14px;margin:10px 0;}
.media-pc .hot-product dd img{width:180px;height:180px;}
.media-pc .hot-product dd .item{margin-bottom:30px;}
.media-pc .search-box{overflow: hidden;}
.media-pc .search-box dd h2{font-size: 20px;margin-top:45px;margin-bottom:23px;}
.media-pc .search-box dd .result-tip{font-size: 12px;color: #999999;font-weight: 100;display:none;margin-bottom:20px;}
.media-pc .search-box dd .recommend-box{margin-bottom:45px;}
.media-pc .search-box dd .recommend{background: rgba(247,247,247,1);padding: 20px 0;border-bottom:1px solid #fff;position: relative;}
.media-pc .search-box dd .recommend.no-bgc{background:#ffffff;}
.media-pc .search-box dd .recommend .recommend-tip{position: absolute;left: 230px;}
.media-pc .search-box dd .recommend i{margin-left:20px;margin-right:15px;}
.media-pc .search-box dd .recommend label{margin:0;}
.media-pc .search-box dd .recommend label.title{font-size: 18px;width:30%;color: #333333;cursor: pointer;}
.media-pc .search-box dd .recommend label.content{font-weight: normal;color: #666666;font-size:14px;cursor: pointer;}
.media-pc .search-box dd .result-box{padding:10px 20px 10px 0px;background:rgba(247,247,247,1);position: relative;display:none;}
.media-pc .search-box dd .result-item{padding:15px 0 15px 28px;position: relative;}
.media-pc .search-box dd .result-item:before{content:"";position:absolute;left: 188px;bottom:0px;width: 100%;height: 1px;background-color: rgba(255,255,255,1);}
.media-pc .search-box dd .result-item .image{width:160px;}
.media-pc .search-box dd .result-item .image img{width:160px;height:120px;max-width: none;}
.media-pc .search-box dd .result-item .content-box{margin-left: 28px;width:81%;}
.media-pc .search-box dd .result-item .content-box .title{margin-bottom: .7em;}
.media-pc .search-box dd .result-item .content-box .title a{font-size: 18px;font-weight: bold;color:#333333;}
.media-pc .search-box dd .result-item .content-box .content{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.media-pc .search-box dd .result-item .content-box .content a{font-size: 12px;color: #666666;}
.media-pc .search-box dd .services-box{padding: 30px 30px 35px;background-color: rgba(247,247,247,1);display: inline-block;display:none;}
.media-pc .search-box dd .services-box div{margin-right:5%;margin-bottom:35px;text-align:center;width:30%;float:left;}
.media-pc .search-box dd .services-box img{width:100%;}
.media-pc .search-box dd .services-box label{font-size: 20px;margin: 10px 0 0;font-weight:normal;color:#333333;}
.media-pc .search-box dd .services-box div.marginr-none{margin-right:0;}
.media-pc .search-box dd .services-box div.marginb-none{margin-bottom:0;}
.media-pc .search-box .shortcut-bar-r{text-align: center;width:70px;border-radius: 5px;background: #fff;position:fixed;right:10px;top:30%;z-index: 100;box-shadow: 0px 0px 11px 0px rgba(212,212,212,0.5);}
.media-pc .search-box .shortcut-bar-r .bar-item{padding: 15px 0px;position: relative;cursor: pointer;}
.media-pc .search-box .shortcut-bar-r .bar-item.line:before{content:"";position:absolute;left:0;right:0;margin:0 auto;bottom:0px;width: 70%;height: 1px;background-color:#D8D8D8;}
.media-pc .search-box .shortcut-bar-r .bar-item #divSalesPerson{padding: 30px 60px;position: absolute;right: 75px;top: -10px;background-color: white;display: none;box-shadow: 0px 0px 11px 0px rgba(212,212,212,0.5);}
.media-pc .search-box .shortcut-bar-r .bar-item #divSalesPerson .salesp-title{font-size:1.7em;font-weight: bold;white-space: nowrap;}
.media-pc .search-box .shortcut-bar-r .bar-item #divSalesPerson .salesp-tip{font-size:12px;color:#999;}
.media-pc .search-box .shortcut-bar-r .bar-item #divSalesPerson .salesp-phone{color:rgba(7,134,211,1);font-size:2.2em;font-weight: bold;margin-top: .5em;}
.media-pc .search-box .shortcut-bar-r label{font-size: 12px;font-weight: normal;color: #666666;margin-top:8px;}
/*-webkit-transform-origin-x: 0;-webkit-transform: scale(0.80);*/
.media-pc .search-box .shortcut-bar-r img{width:20px;}
.media-pc .search-box .shortcut-bar-r img.club{width:36px;}

.media-mobile .search-box{overflow: hidden;}
.media-mobile .search-box .hotSearchBox{padding:0 10px;}
.media-mobile .search-box dl{margin-bottom:0;}
.media-mobile .search-box dt{padding:0 10px;}
.media-mobile .search-box dd h2{font-size: 14px;font-weight: normal;margin-top:15px;margin-bottom:10px;margin-left:10px;color:#666666;}
.media-mobile .search-box dd .result-tip{font-size: 8px;color: #999999;font-weight: 100;margin-left:10px;margin-top:10px;display:none;}
.media-mobile .search-box dd .recommend{background: rgba(247,247,247,1);padding: 14px 10px 14px 0px;position:relative;font-size:14px;margin-bottom:2px;border-bottom:1px solid #fff;}
.media-mobile .search-box dd .recommend.no-bgc{background: #fff;}
.media-mobile .search-box dd .recommend i{margin-left:10px;margin-right:28px;}
.media-mobile .search-box dd .recommend label{margin:0;}
.media-mobile .search-box dd .recommend label.title{font-size: 18px;width:100%;color: #333333;cursor: pointer;}
.media-mobile .search-box dd .recommend label.content{font-weight: normal;color: #666666;font-size:14px;cursor: pointer;margin-left:50px}
.media-mobile .search-box dd .result-box{padding:5px 10px 5px 10px;background:rgba(247,247,247,1);position: relative;display:none;}
.media-mobile .search-box dd .result-item{padding:7px 0 ;position: relative;}
.media-mobile .search-box dd .result-item:before{content:"";position:absolute;left: 18%;bottom:0px;width: 100%;height: 1px;background-color: rgba(255,255,255,1);}
.media-mobile .search-box dd .result-item .image{width:110px;}
.media-mobile .search-box dd .result-item .image img{width:110px;height:83px;zoom: 1;max-width: none;}
.media-mobile .search-box dd .result-item .content-box{margin-left: 14px;width:81%;}
.media-mobile .search-box dd .result-item .content-box .title{margin-bottom: .7em;}
.media-mobile .search-box dd .result-item .content-box .title a{font-size: 16px;font-weight: bold;color:#333333;}
.media-mobile .search-box dd .result-item .content-box .content{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.media-mobile .search-box dd .result-item .content-box .content a{font-size: 12px;color: #666666;}
.media-mobile .search-box dd .services-box{padding: 2em;background-color: rgba(247,247,247,1);display: inline-block;display:none;}
.media-mobile .search-box dd .services-box div{margin-right:6%;margin-bottom:10px;text-align:center;width:47%;float:left;}
.media-mobile .search-box dd .services-box img{width:100%;}
.media-mobile .search-box dd .services-box label{font-size: 16px;margin-top: 15px;}
.media-mobile .search-box dd .services-box div.marginr-none{margin-right:0;}
.media-mobile .search-box dd .services-box div.marginb-none{margin-bottom:0;}

.media-mobile .search-box .shortcut-bar-t{text-align: center;width:100%;background: #fff;display: inline-block;font-size:0;box-sizing: border-box;margin:15px 0;}
.media-mobile .search-box .shortcut-bar-t .bar-item{padding: 10px 0px;position: relative;display:inline-block;background-color:#F3F3F3;border-radius: 5px;width:24%;margin-right:1%;font-size:12px;cursor: pointer;white-space: nowrap;overflow: hidden;}
.media-mobile .search-box .shortcut-bar-t .bar-item .item:before{content: "";display: inline-block;height: 99%;vertical-align: middle;}
.media-mobile .search-box .shortcut-bar-t .bar-item .item  img{vertical-align: middle;zoom:.8}
.media-mobile .search-box .shortcut-bar-t label{font-size: 12px;font-weight: normal;color: #666666;margin:0px;display: inline-block;vertical-align: middle;}
.media-mobile .search-box .shortcut-bar-t img{width:20px;}

.media-mobile .hot-product dl{margin-bottom:0;}
.media-mobile .hot-product{width:100%;margin-right:20px;background:rgba(247,247,247,1);text-align: center;}
.media-mobile .hot-product dd{background-color:#F7F7F7;padding:25px 10px 25px 10px;font-size:0;}
.media-mobile .hot-product dt{font-size:14px;font-weight: normal;color:#666666;text-align: left;padding:20px 0 15px 10px;background-color:#fff;}
.media-mobile .hot-product dd h3{font-size:9px;margin:10px 0;}
.media-mobile .hot-product .item{display: inline-block;width: 47%;}
.media-mobile .hot-product .item.left{margin-right: 6%;}
.media-mobile .hot-product .item img{width:100%;zoom:1;}



@media only screen and (min-width: 768px) and (max-width: 1024px){

  .wrap {width: auto!important;}

  .imgword .word p {font-size: 1em;}
  .imgword .word h2 + * {margin-top: 1em;}
  .imgword .word .readmore {margin-top: 1em;}

}

/*mobile*/
@media (max-width: 767px){
  html, body {font-size: 10px;}
  .frame-relative {
    margin-top: 50px;
  }
  .media-pc, .container-body  .media-pc { display:none !important}

  .swiper-risora-products .swiper-wrapper {margin: 0;}
  .swiper-risora-products .swiper-wrapper li {width: 100%;font-size: 1rem;}
  .swiper-risora-products .swiper-wrapper li .swiper-slide-inner {padding: 0;border-right:10px solid #fff;}
  .swiper-risora-products .swiper-wrapper li .swiper-slide-inner img + h3 {margin-top: 10px;}



  .imgword-left  .img { float:none;width:auto;}

  .wordimg .img {margin-top: 1em;}
  .wordimg-left  .word{float: none;width: auto;}
  .wordimg-right .word{float: none;width: auto;}
  .wordimg .word-inner{padding: 0;}


  /*****************
     * aboutus-index
     *****************/
  /*.imgword-index  {padding: 1em;}*/
  .imgword-index .imgword + .imgword {margin-top: 1em;}
  .imgword-index .img {float: none;width: 100%;padding-top: 7em;}
  .imgword-index .word {position:static;left: 0;right: auto;padding:0em 1em 1em 1em;}
  .imgword-index .word:before, .imgword-index .word:after {display: none;}
  .imgword-index .word-inner {display: block;padding: 0;}
  .imgword-index .word-inner h2{width: 100%;text-align: center;color: #555555;}
  .imgword-index .word-inner h2 .icon,
  .imgword-index .word-inner .h4{display: none;}
  .imgword-index .more-list {margin-top: 0;font-size: 0.8em;}
  .imgword-index .more-list li a {padding: 0.8em 0}
  .imgword .word h2 + * {margin-top: 0em;text-align: center;}


  .proshop-search-bd.select{width:7em;display: inline-block;vertical-align: middle;}
  .select select{width:7em;}

  .swiper-risora-products{padding-bottom: 2em;}
  .swiper-pagination{bottom:0;}


}