@font-face {
  font-family: 'sjky';
  src:  url('../font/sjky.eot');
  src:  url('../font/sjky.eot#iefix') format('embedded-opentype'),
    url('../font/sjky.ttf') format('truetype'),
    url('../font/sjky.woff') format('woff'),
    url('../font/sjky.svg#sjky') format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon-font{
  
  font-family: 'sjky' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 16px;
  position:relative;top:-1px;

  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-stroke-width: 0.2px;
	vertical-align: middle;
}

.grey-bg{background-color: #f5f5f5;}

.btn-round:hover{color: #e40011;border-color:#e40011;}
.btn-red{display:inline-block;height: 38px;padding:0 20px;text-align:center;line-height: 38px;letter-spacing:1px;color:#fff;background-color:#e40011;font-size:14px;transition-duration: .3s;}
.btn-red:hover{background-color: #c50011;}

.receiving{position:relative;display:inline-block;zoom:1;width: 200px;height:28px;line-height:28px;padding-right: 26px;border: 1px solid #d2d2d2;background: #fff;font-size: 14px;-webkit-user-select: none;vertical-align: middle}
.express{position:relative;display:inline-block;zoom:1;width: 200px;height:28px;line-height:28px;padding-right: 26px;border: 1px solid #d2d2d2;background: #fff;font-size: 14px;-webkit-user-select: none;vertical-align: middle;margin-left:20px;}
.select .selected{text-indent: 10px;color:#666;cursor:pointer;}
.select .select-drop{height:28px;border: 1px solid #d2d2d2;background: #fff;text-indent: 10px;border-radius: 2px;line-height:28px;color:#666;cursor:pointer;}
.select .selected .icon{display:block;position:absolute;top:4px;right:3px;width:20px;height:20px;background:url(../image/icons8.png) -262px -170px no-repeat;
	-webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;}
.select .on .icon{
	-webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
.select .select-drop{position:absolute;top:34px;left:0;width:100%;height:auto;max-height:150px;overflow:auto;font-size: 12px;z-index:2;display:none;}
.select .selected,.select .select-drop li{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.select .select-drop li:hover{ background:#e40011;color:#fff;}

.list-col-2,.list-col-4{margin-left:-8px;zoom:1;}
.list-col-3{margin-left:-12px;zoom:1;}
.list-col-2 .list-item{width:596px;margin-left:8px;margin-bottom:8px;position: relative;}
.list-col-3 .list-item{width:392px;margin-left:12px;margin-bottom:12px;position: relative;}
.list-col-4 .list-item{width:294px;margin-left:8px;margin-bottom:8px;position: relative;}
.list-col-2 .list-item,.list-col-3 .list-item,.list-col-4 .list-item{float:left;}
@media (max-width:1260px){
	.list-col-3{margin-left:-10px;}
	.list-col-2,.list-col-4{margin-left: -12px;}
	.list-col-2 .list-item{width:484px;margin-left: 12px;margin-bottom:12px;}
	.list-col-3 .list-item{width:320px;margin-left:10px;margin-bottom:10px;}
	.list-col-4 .list-item{width:236px;margin-left: 12px;margin-bottom:12px;}
}


.tag{width: 60px; height: 50px; font-size: 14px; color: #fff;position: absolute;right: 7px; top:-3px; line-height: 50px;text-align: center;z-index:6;background-color: #E40011;}
.waveline-f5{position:absolute;left:0;height: 4px;width: 100%;background:  url(../image/icons_waveline.png) repeat-x;z-index: 2;;bottom:-1px;}


.head{background-color: #fff;min-width: 1200px;}
@media (max-width:1260px){
	.head{min-width: 980px;}
}
.head-banner{ position:relative;margin:0px auto; height:60px; background-position:center;background-repeat: no-repeat;}
.head-banner a{ position:absolute;display:block; width:100%; height:60px;}
.head-banner .close-banner{width:20px;height:20px;top:10px;right:47px;line-height:20px; background:rgba(255,255,255,.8);}
.head-banner .close-banner:hover{color:#e40011;}
.head-top{height: 36px;background: #f0f0f0;line-height: 36px;text-align: right;}
.head-top .nav{padding:0 6px;display: inline-block;color: #666;letter-spacing: 1px;font-size: 12px;}
.head-top .nav:hover{background-color: #fff;}
.head-top .icon{display: inline-block;width: 22px;height: 22px;background: url(../image/icons8.png) no-repeat;vertical-align: middle;}
.head-top .icon-arrow{background-position: 0 0;}
.head-top .icon-font{vertical-align: middle;margin-right: 4px;color: #515151;}
.head-top .icon-phone{font-size: 18px;}
.head-top .icon-home{font-size: 14px;color: #e40011;}
.head-top .nav-drop{position:absolute;top:36px;right:0;z-index:10;width: 240px;padding:10px;background-color: #fff;text-align:left;line-height:1.4;font-size:12px;border: 1px solid #f0f0f0;border-top:0;display: none;}
.head-top .nav-wrap{position:relative;display: inline-block;height: 36px;z-index: 22}
.head-top .nav-wrap:hover .nav{position: relative;z-index: 11;}
.head-top .phone .code{width: 80px;height: 80px;float: left;}
.head-top .phone:hover .nav-drop{display:block;}
.logo-area{float:left;width: 292px;height: 112px;text-align: center;}
.logo-area img{margin-top:30px;}
.head-mid .keywords{height: 36px;line-height: 36px;margin-top:10px;font-size: 12px;}
.head-mid .keywords a:hover{color:#e40011;}
.search-box{float:left;position: relative;}
.search-box .search-input{font-size:16px;float:left;width: 570px;height: 38px;border:1px solid #d1d1d1;box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;outline: none;text-indent: 10px;}
@media (max-width:1260px){
	.logo-area{width:242px ;}
	.search-box .search-input{width: 440px;}
	}
.search-box .btn-search{float:left;margin-left:-1px;width: 56px;height: 38px;border: 1px solid #e0e0e0;text-align: center;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e7e7e7)) url(../image/icons8.png) 0 -28px no-repeat;
	background: -webkit-linear-gradient(#f2f2f2, #e7e7e7);
	background: -moz-linear-gradient(#f2f2f2, #e7e7e7);
	background: -o-linear-gradient(#f2f2f2, #e7e7e7);
	background: linear-gradient(#f2f2f2, #e7e7e7);
	background: #f5f5f5 \9;
	}
.search-box .btn-search .icon{display: inline-block;width: 22px;height: 22px;margin-top:8px;background: url(../image/icons8.png) -74px 0 no-repeat;}
.head-mid .cart-box{float:left;margin-left:60px;position: relative;z-index:21;}
@media (max-width:1260px){
	.head-mid .cart-box{margin-left:40px;}
	}
.head-mid .cart-box .btn-cart{display:block;width: 138px;height: 38px;border: 1px solid #d1d1d1;text-align: center;font-size: 16px;line-height: 38px;background-color:#fff;position: relative;z-index: 2;}
.head-mid .cart-box .btn-cart .icon{display: inline-block;width: 24px;height: 24px;background: url(../image/icons8.png) -102px 0 no-repeat;vertical-align: middle;margin-right: 10px;position: relative;}
.cart-box .badge{position:absolute;top:-6px;left:16px;min-width: 18px;height: 18px;line-height: 18px;border-radius: 50%;background-color: #e40011;text-align:center;color: #fff;font-style: normal;font-size: 12px;letter-spacing: 0;}
.cart-list{position:absolute;top:38px;right:0;z-index:1;width: 300px;background-color: #fff;border: 1px solid #d1d1d1;display: none;font-size: 12px;}
.cart-list ul{padding:0 20px;max-height: 400px;overflow-y: auto;}

.cart-list li{width:260px;margin-bottom:-1px;padding:10px 0;height: 50px;border-bottom: 1px solid #e0e0e0;line-height:20px;position: relative;}
.cart-list .pro-img{width: 50px;height: 50px;display: table-cell;text-align: center;vertical-align: middle;}
.cart-list .pro-img img{max-width: 100%;max-height: 100%;}
.cart-list .pro-name{float:left;width: 100px;height:40px;margin:5px 10px 0;overflow: hidden;}
.cart-list .pro-name:hover a,.cart-list .btn-delete:hover{color: #e40011;}
.cart-list .pro-price{float: left;margin-top: 5px;}
.cart-list .btn-delete{position:absolute;top:14px;right:0;width: 20px;height: 20px;font-size:20px ;line-height: 20px;text-align: center;-webkit-user-select: none;-ms-user-select: none;-moz-user-select: none;display: none;}
.cart-list li:hover .btn-delete{display: block;}
.cart-list .foot{padding: 15px 20px;background-color: #f5f5f5;overflow: hidden;line-height: 1.1;}
.cart-list .foot .empty{text-align: center;font-size: 14px;color: #b0b0b0;}
.cart-list .foot .icon-empty{display: inline-block;width: 42px;height: 42px;background: url(../image/icons8.png) -347px -395px no-repeat;vertical-align: middle;}
.cart-box:hover .btn-cart{border-bottom: 0;}
.cart-box:hover .cart-list{display: block;}
.nav-bar{height: 38px;line-height: 38px;margin-left: 292px;}
.nav-bar .nav{font-size: 16px;margin:0 25px;}
.nav-bar .nav:hover{color: #e40011;}
.nav-bar .nav.on{font-weight: bold;}
@media (max-width:1260px){
	.nav-bar .nav{margin:0 15px;}
	.nav-bar{margin-left: 242px;}
	}
.menu{width: 292px;position: absolute;top:0;left: 0;z-index: 10;}
.menu-title{width: 100%;height:38px;line-height: 38px;text-align: center;font-size: 16px;cursor: pointer;}
.menu-tab{float: left;display: block;width: 50%;}
.menu-tab.on{background-color: #4c4c4c;color: #fff;}
.menu-tab .icon{display: inline-block;width: 10px;height: 10px;background: url(../image/icons8.png) -52px -5px no-repeat;vertical-align: middle;margin-left: 10px;}
.menu-nav{position:absolute;top:38px;left: 0;width: 292px;height: 432px;padding:14px 0;background-color:rgba(56,56,56,.9);background-color: #656565 \9;z-index:1;}
.menu-nav-item{height: 40px;line-height: 40px;padding-left: 30px;color: #fff;font-size: 14px;cursor: pointer;-webkit-user-select: none;}
.menu-nav-item.on{background-color: #fff;color: #333;}
.menu-nav-item a{color: #fff;display: inline-block;max-width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.menu-nav-item.on a{color: #333;}
.menu-nav-item:after{float:right;margin-right:16px;display: block;content: ">";font-family: "\5b8b\4f53";font-weight: bold;}
@media (max-width:1260px){
	.menu{width: 242px;}
	.menu-nav{width: 242px;}
	.menu-nav-item{padding-left: 15px;}
	.menu-nav-item:after{margin-right:10px;}
	}
.menu-cont{position: absolute;top:38px;left: 292px;width: 908px;min-height: 460px;background-color: #fff;box-shadow: 2px 2px 7px rgba(0,0,0,.2);border:1px solid #efefef \9;display: none;}
.menu-cont-wrap{padding:0 30px 30px;text-align: center;display: none;}
.menu-cont-list{overflow: hidden;display: -webkit-flex;display: flex;flex-wrap: wrap;}
.menu-cont-list li{float:left \9;width:20%;width:19% \9;margin-top:20px;border-left: 1px solid #efefef;margin-left: -1px;}
.menu-cont-list .pro-img{height: 100px;text-align: center;border-left:1px solid #fff;margin-left:-1px;}
.menu-cont-list .pro-img img{width: 100px;height: 100px;}

.pro-type{text-align: left;display: inline-block;*display: inline;zoom:1;margin-top:6px;max-width: 80%;}
.pro-type a{display: block;line-height: 28px;font-size: 14px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro-type a.fb{line-height: 36px;}
.pro-type a:hover{color: #e40011;}
.menu-cont-wrap .btn-round{height: 24px;padding:0 10px;line-height: 24px;border-width:1px;border-radius:13px;margin-top:30px;}
@media (max-width:1260px){
	.menu-cont{left:242px;width: 738px;}
	.menu-cont-list .pro-img{height: 90px;}
	.menu-cont-list .pro-img img{width:90px;height: 90px;}
	}

.head-hide-menu .menu-nav{display: none;}
.head-hide-menu .menu:hover .menu-nav{display: block;}

.head-mini{box-shadow: 0 2px 5px rgba(0,0,0,.1);}
.head .menu-title.on{background-color: #656565;color: #fff;}

.head-mini .menu-nav{display: none;}
.head-mini .menu:hover .menu-nav{display: block;}
.head-menu,.head-hide-menu,.head-mini .head-bot{position:relative;z-index:10;}


.foot{background-color: #fff;}
.foot-s{background: #f5f5f5; overflow: hidden; padding: 45px 0 35px;}
.foot-s li a{ background: #fff; display:inline-block; }
.foot-s li a,.foot-s li img{ display:block;width:100%;overflow: hidden;-webkit-transition: .3s linear;transition: .3s linear;}
.foot-s li h4{  font-size: 16px;font-weight: bold;margin: 20px 0 30px;text-align: center;}
.foot-s li a:hover img{-webkit-transform:scale(1.05);transform:scale(1.05);}
.foot-s li a:hover h4{color: #e40011;}
.foot-s .list-item:hover{box-shadow:0 0 6px rgba(0,0,0,0.2);}
.foot-t{padding: 40px 0; overflow: hidden; clear: both;}
.foot-t li {float: left;width: 25%;position: relative; }
.foot-t li .icon {width: 58px;height: 58px; background: url(../image/icons8.png) 0 -30px no-repeat;position: absolute; left: 0;}
.foot-t li .text { margin-left: 50px; padding-left: 15px;padding-right: 15px; float:left; color: #b0b0b0;line-height: 18px; font-size: 14px; -webkit-transition: .3s linear; transition: .3s linear;}
.foot-t li.universal .text{ margin-left: 58px;}
.foot-t li .text-tit{ font-size: 18px;font-weight: bold; color: #4c4c4c; line-height: 28px;}

.foot-t .quality .icon { background-position: -79px -30px;}
.foot-t .design .icon { background-position: -147px -30px;}
.foot-t .after-sale .icon { background-position: -217px -30px;}
.foot-m {padding: 20px 0; border-top: 1px solid #e5e5e5; clear: both; overflow: hidden; }
.foot-ml{width:850px;padding-top:25px;float: left; overflow: hidden;font-size: 12px;}
.foot-ml dl{width:25%;*width:24%;float:left;}
.foot-ml dt{font-size: 16px;margin-bottom: 10px; color: #4c4c4c;font-weight: bold;}
.foot-ml dd a{line-height:22px;color:#515151;}
.foot-ml dd a:hover{color: #515151; text-decoration: underline;}
.foot-s li img{ height:191.5px}
@media (max-width:1260px){
  .foot-ml{ width: 630px;}
  .foot-s li img{ height:156.33px}
}
.foot-mr{width:330px;padding-top:25px; float: right; overflow: hidden; }
.foot-mr .wechat{ font-size: 14px; margin-bottom: 10px; text-align: center;color: #4c4c4c;}
.foot-mr .kefu {float: right;margin-top: -10px;}
.foot-mr .kefu .tel {font-size: 26px; color: #4c4c4c; text-align: center;}
.foot-mr .kefu .time {font-size: 12px;color: #4c4c4c;text-align: center;margin-top: 7px;}
.foot-mr .kefu .btn {display: block; padding:0 50px;letter-spacing: 4px;height: 44px;line-height:44px;background: #e40011; font-weight:bold;text-align: center;font-size: 16px;color: #fff;margin-left: auto;margin-right: auto;margin-top:25px;}
.foot-mr .kefu .btn:hover {background-color: #C50011;}
.foot-mr li img{width:94px}

.pro-back-top{position: fixed;bottom: 80px;right: 20px;background-color: #fff;z-index: 10;overflow: hidden;box-shadow:0 0 6px rgba(0,0,0,0.2);}
.pro-back-top li{width: 80px;height:75px;padding-top:15px;text-align: center;line-height: 28px;cursor: pointer;border-top:1px solid #f5f5f5;margin-top: -1px;}
.pro-back-top li:hover,.pro-back-top li:hover a{color: #e40011 ;}
.pro-back-top li .pro_icon{width:42px;height:42px;vertical-align: middle;display: inline-block;background-image: url(../image/icons8.png);}
.back-cart{background-position: 0 -395px;}
.back-top{background-position: -117px -395px;}
.Customer-service{background-position: -234px -395px;}
.pro-back-top li:hover .back-cart{background-position: -53px -395px;}
.pro-back-top li:hover .back-top{background-position: -176px -395px;}
.pro-back-top li:hover .Customer-service{background-position: -289px -395px;}
.pro-back-top li.back-head-top{display: none;}

.QQ-customer-service{ background-position:-410px -395px;}
.QQ-customer-service:hover{ background-position:-457px -395px;}

#search-result{position: absolute;left: 0;top: 40px; width: 625px; border:1px solid #eee; z-index:99;background:#fff}
#search-result{ border:1px solid #d1d1d1; width:627px;}
#search-result a li{ height:28px; line-height:28px;}
#search-result a{ display:inline-block; width:607px;height:28px; line-height:28px;padding:0 10px;float:left }
#search-result a:hover,.close:hover{ background:#eee; display:block; color:#666; cursor:pointer}
#search-result .close{ width:100%; height:30px; line-height:30px; text-align:center; color:#666; border-top:1px solid #efefef; display:inline-block}
.app-con{ width:100%; height:100px; text-align: center; background: #fff; position: fixed; bottom:0; left:0; z-index: 10;}
.mobileImg{ width:166px; height:auto;margin-top:-20px;}
.app-con span{ margin: 10px 60px 0; line-height: 1.5;}
.erwmImg{ width:80px; height:80px; margin-top:10px;}
.dleApp{ margin-top:-10px; margin-left:10px; font-size:30px; color:#666;}
.dleApp:hover{ color:#333;}

.head-top .icon-home{display: inline-block;width: 20px;height: 20px;background: url(../image/icons8.png) -450px -137px no-repeat;vertical-align: middle;margin-right:5px;}
.logo-area img{margin-top:10px;}