body{ font-family: 'Hind', ;font-size: 14px;color:#000;}

/*通用修改 颜色设置*/
.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both;}
.clearfix{zoom:1;}
i, .btn_search { background: none; }
/*.index_default*/
.index_default { width: 100% !important; text-transform: capitalize; }
.index_default a{color:#000;}
.wapper{width:1200px;}
.dropdown { position: absolute; z-index: 99999; background: #fff; border: 0; box-shadow: 0 1px 3px 0 rgba(0,0,0,.6); display: none; color: #131219 }
.row{ display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
#top_box{ background:#fff; padding:0 50px; box-sizing:border-box; height:auto; border-bottom:1px solid #ebebeb;}
#top_box .top_con{ -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; font-size:14px; padding:6px 0 4px; color:#888888; min-height:40px; line-height:22px; box-sizing:border-box;}
#top_box .top_lt{ width:25%;}
#top_box .top_ct{ width:50%; text-align:center;}
#top_box .top_rt{ width:25%; margin:0; height:auto; border:none;}
#top_box .top_ct a{display: inline-block; position: relative; color: #48cab2; text-decoration:underline; font-weight:bold;}
#top_box strong{ color:#333;}

#header_box .view_cart_btn a { background: #00c4d2; color: #fff }
#header_box .view_cart_btn a:hover{background:#000;}
#header_box { width: 100%; position: relative; background:#fff; box-sizing:border-box;}
#header_box .header {text-align:center;position:relative;}

#header_box .header .header_t{display: flex; flex-flow: row wrap; align-items: center; min-height:80px;  padding:0 50px;}

/*-----------T2637-------------*/
#header_box  .top_txt{background:#282828;text-align:center;font-size:12px;color:#fff;text-transform:uppercase;}
#header_box  .top_txt span{display:inline-block;padding:10px;}
/*logo*/
#header_box .logo { overflow: hidden; display: block; max-height: 45px; width: auto; max-width: 210px; }
#header_box .logo a{ display:block;}
#header_box .logo img { max-height: 100%; max-width: 100%; vertical-align:middle;}


/*导航*/
#header_box .nav_wap{ padding:0 50px; background:#fff; width:100%; margin-top:-10px; box-sizing:border-box;}
#header_box .nav_wap .nav_logo{ display:none;}
#header_box .nav_box{ height:auto; border: 0;}
#header_box .nav{width:100%;float:none;margin:0;text-align:center; font-size:0;}
#header_box .nav > li{  position:relative;; font-size:12px;height:auto;padding:0;}
#header_box .nav > li > a{display:inline-block;padding:10px 12px 16px; text-transform:uppercase;border:0; font-size:14px; color:#000; line-height:1.1; font-weight:bold;}
#header_box .nav > li:first-child>a{ padding-left:0; color:#48cab2;}
#header_box .nav > li > a span{ position:relative;}
#header_box .nav > li > a span:before { content: ''; display: block; position: absolute; bottom: -5px; width: 0%; height: 2px; margin: auto; left: 0; right: 0; background-color: #48cab2; -moz-transition: width 0.2s linear; -o-transition: width 0.2s linear; -webkit-transition: width 0.2s linear; transition: width 0.2s linear;}
#header_box .nav > li:first-child>a span:before,
#header_box .nav > li.on > a span:before{ width: 100%;}
#header_box .nav > li.on > a{ color:#48cab2;}
#header_box .nav > li > a:hover{color:#48cab2;}

#header_box .nav .dropdown{left:0; right:auto;top:41px;text-align:center;overflow:auto;max-height:600px;border-right:1px solid #c1c1c1;border-left:1px solid #c1c1c1;padding:15px;border-top:1px solid #48cab2;}
#header_box.fixed .nav .dropdown{ top:55px;}

#header_box .nav .sub_nav{text-align:left;text-transform: none; padding:0; vertical-align:top; display:inline-block ;position:relative;top:0;}
#header_box .nav .sub_nav>li{float:none;height:30px;width:160px;}
#header_box .nav .sub_nav:after{position:absolute;top:0;bottom:0;content:"";right:0;width:0;background:rgba(0,0,0,0.1);min-height:380px;}
#header_box .nav .dropdown .img{ width:290px; height:380px; position:relative;display:inline-block ;margin-left:30px;overflow:hidden;}
#header_box .nav .dropdown .img img{ width:100%; max-height:380px;height:auto; position:absolute; left:0; top:0;}

#header_box .nav .sub_nav li a{padding:0 10px;color:#4d4d4d;font-size:14px; white-space:nowrap;text-overflow: ellipsis; overflow:hidden;height:30px;line-height:30px;}
#header_box .nav .sub_nav li a:hover{color:#000;background:none;}


#header_box .nav > li.has_img{position:static;}
#header_box .nav > li.has_img .dropdown{right:0;border-right:0;border-left:0;padding:30px 100px 50px;}
#header_box .nav > li.has_img .dropdown .sub_nav:after{width:1px;}
#header_box .nav > li.has_img .sub_nav>li{width:250px;}

/*.header.fixed*/
#header_box.fixed .nav_wap{ position: fixed; top: 0; left:0; margin-top:0; z-index:999; display: flex; align-items: center; box-shadow:0 6px 12px 0 rgba(0,0,0,.04);}
#header_box.fixed .nav_logo{ display:block; float:left;}
#header_box.fixed .nav > li>a{ padding:20px 12px;}
#header_box.fixed .header_rt{ position:fixed; right:50px; top:5px; z-index:1000;}

#header_box .header_rt{padding-top:0;}
#header_box .header_rt>li{float:left;padding:0 10px;line-height:50px; height:50px; box-sizing:border-box;}
#header_box .header_rt li i{color:#000;font-weight:700; line-height:inherit;height:auto;}
#header_box .header_rt li.on i{color:#48cab2;}
/*#header_box .search_box.on .currency_txt{color:#48cab2;}*/
/*货币*/
#header_box .currency_box { position: relative; cursor: pointer;text-transform:uppercase;}
#header_box .currency a { color: #333; display: block; text-align: center; padding: 1px 10px; }
#header_box .currency a span { margin-left: 20px; }
#header_box .currency a:hover { background: #eee;}
#header_box .currency_box i { font-size: 12px; padding:0 2px; font-weight: 700; vertical-align: middle; }
#header_box .currency_box.on .currency_txt{color:#48cab2;}
#header_box #currencyCon { top: 50px; font-weight: 400; right: 0; line-height: 26px; background-color: #fff; box-shadow: 0 1px 3px 0 rgba(0,0,0,.6); border: 0;min-width: 100%; }
/*登录*/
#header_box .login li { vertical-align: middle; color: #747474; }
#header_box .login li.nli .iconfont.icon-arrows-copy {	transform: scale(.8);	font-size: 12px;	}
#header_box .login .sub { position: absolute; top: 50px; height: auto; overflow: hidden; right: -10px; font-size: 12px;min-width: 100px;width:auto; line-height: 26px; background-color: #fff; padding: 2px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.6); display: none; z-index:99;}
#header_box .login .sub a { color: #131219 !important; height: 26px; line-height: 26px; display: block; text-align: center; font-size: 14px; }
#header_box .login .sub a:hover {background:#eee; }
#header_box .login .sub_parent { position: relative; display: block; text-align: center; font-size: 20px; cursor: pointer; }
#header_box .login .sub_parent .icon-Account4 { display: block; width: 40px; height: 50px; line-height: 52px; position: relative; }
#header_box .login .sub_parent .icon-Account4:hover { display: block; width: 40px; height: 50px; line-height: 52px; color: rgba(89,195,121,0.80); }
#header_box .login .sub_parent .icon-Account4:hover .icon-arrow-down1 { color: rgba(89,195,121,0.80); }

#header_box .login .icon-arrow-down1 { font-size: 8px; padding: 4px; font-weight: 700; vertical-align: middle; position: absolute; bottom: 14px; left: 22px;}

/*购物车*/
#header_box .cart_box { padding: 0; color: #333; margin: 0; border-left: 0;  }
#header_box .cart_txt { text-align: center; vertical-align: middle; cursor: pointer; color: #F65A5B; float: right;  position: relative; line-height:inherit;}
#header_box .topbar_icons{position:relative;}
#header_box .cart_txt #shopping_cart_count { position: absolute; right: -20px; top:-19px; height: 26px; line-height: 26px; width: 26px; border-radius: 26px; background-color: #fff; font-size: 12px; font-weight: 700;text-align: center;background:#ee3334;border:3px solid #fff;color:#fff;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
#header_box .cart_txt i {margin: 0; vertical-align: middle;  font-weight: 700;}
#header_box #Carts span { }
#header_box .cart { top: 50px;text-align:left;line-height:30px;right:-30px; }
#header_box .view_cart_btn a { border-radius: 3px; color: #fff !important; display: inline-block; font-weight: bold; height: 22px; line-height: 22px; margin: auto; padding: 3px 15px; width: auto; }

/*搜索*/
#header_box .search_box{-ms-flex: 2 1 auto; flex: 2 1 auto; padding:0;}
#header_box .search_box .search{ width:350px; margin-left:40px; position:relative; height:auto; padding:0;}
#header_box .search_box .search_input{ width: 100%; height: 44px; border: 1px solid #e9e7e7; background: #ffffff; padding: 3px 44px 4px 18px; color: #777777; font-weight: 800; font-size: 16px; line-height: 25px; box-shadow: none; outline: none; transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; box-sizing:border-box; float:none; text-indent:0;}
#header_box .search_box .btn_search { position: absolute; z-index: 2; top: 0; right: 0; background: none; border: none; width: 44px; height: 44px; cursor: pointer; color: #333333; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; transition: color 0.2s linear; margin:0; font-size:22px; font-weight:bold;}

#body_box{width:1200px;}
.index_default .banner_box { width: 100%; float: none; height: auto; }
.index_default .ibanner .swiper-slide .li img{ display: block; width: 100%; }
.index_default .ibanner .swiper-button-next,.index_default .ibanner .swiper-button-prev {  top: 50%; width: 38px; height: 38px; margin-top: -22px; z-index: 10; cursor: pointer;  font-size: 22px; color: #d1d1d1; font-weight: 700; background: #fff;text-align:center;line-height:38px;border-radius:38px; }
.index_default .ibanner .swiper-button-next:hover,.index_default .ibanner .swiper-button-prev:hover {background:#000;color:#fff}
.index_default .ibanner .text { position: absolute; right: 0; padding:0 15px; text-transform: uppercase; width:46%; box-sizing:border-box;}
.index_default .ibanner .text h3 { font-size: 48px; color: #fff; text-align: left; font-weight: 900;line-height:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Arial, Helvetica, sans-serif;}
.index_default .ibanner .text p{text-transform:capitalize;font-size:18px;color:#fff;margin-top:20px;line-height:28px;max-height:75px;overflow:hidden;font-family:Arial, Helvetica, sans-serif;}
.index_default .swiper-pagination-bullet{position:relative;border-radius:0;width:24px;height:0;padding:5px 0;background:none;margin:0 5px;}
.index_default .swiper-pagination-bullet:after{position:absolute;content:'';bottom:5px;left:0;right:0;height:1px;background:#535353;transition: opacity .2s ease;opacity:0.8;}
.index_default .swiper-pagination-bullet-active:after{height:3px;background:#535353;}
.index_default .banner_box .swiper-slide-active .text{    animation-name: fadeInRightBig;animation-delay: 1s;}

.index_default .home-ad{ font-size:0; padding:0 5px; margin-bottom:100px;}
.index_default .home-ad .col-sm-6{ width:50%; padding:0 5px; box-sizing:border-box; display:inline-block; vertical-align:top;}
.index_default .home-ad .ad-l,
.index_default .home-ad .ad-r{ padding:0;}
.index_default .home-ad .ad{ margin-top:10px; position:relative; overflow:hidden;}
.index_default .home-ad .ad img{ max-width:100%; -webkit-transition: -webkit-transform .3s; transition: transform 0.6s;}
.index_default .home-ad .ad .ad-tit{ position:absolute; left:0; top:0; right:0; bottom:0; padding:33px 38px; box-sizing:border-box;}
.index_default .home-ad .ad .ad-tit span{display: inline-block; position: relative; overflow: hidden; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; transition: color 0.2s linear;font-size: 24px; line-height: 35px; font-weight: 800;}
.index_default .home-ad .ad .ad-tit span:before { position: absolute; bottom: 5px; left: -100%; width: 100%; border-bottom: 2px solid #333333; border-color: inherit; content: ""; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; transition: left 0.5s;}
.index_default .home-ad .ad a:hover img{-ms-transform: scale3d(1.1,1.1,1); -webkit-transform: scale3d(1.1,1.1,1); -moz-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1);}
.index_default .home-ad .ad a:hover span:before{ left:0;}
 


.index_default .tit{ text-align:center; font-size:35px; line-height:40px; font-weight:500; height: auto; color:#000; border-bottom:none;}
.index_default .tit a{ float:none; display:inline-block; font-size:35px; color:#000;}
.common_pro_list1 li{width:277px;margin:15px 30px 5px 0;border:0;box-sizing:border-box;border-radius:0;padding:0;}
.common_pro_list1 li.none{margin-right:0;}
.common_pro_list1 li .product_item{position:relative;}
.common_pro_list1 li .product_img{position:relative;overflow:hidden;z-index:1;}
.common_pro_list1 li .pic{width:100%;height:auto;line-height:normal;display:block;background:#f8f8f8;}
.common_pro_list1 li .pic img{display:block;max-width:100%;max-height:100%;}

.common_pro_list1 li .newin-box{position:absolute;top:10px;left:10px;z-index:9;text-align:left;}
.common_pro_list1 li .newin{width:auto;background:#327fd9;font-weight:400;color:#fff;padding:0 5px;line-height:21px;font-size:12px;text-transform:uppercase;z-index:2;text-align:center;border-radius:0;height:auto;position:static;display:inline-block;margin-bottom:10px;}
.common_pro_list1 li .pro_content{padding:19px 0 0;text-align:left;}
.common_pro_list1 li .discount{width:auto;background:#e12c43;font-weight:700;color:#fff;padding:0 5px;line-height:21px;font-size:12px;text-transform:uppercase;z-index:2;text-align:center;border-radius:0;height:auto;position:static;display:block;}


.common_pro_list1 li .price-box{position:relative;margin-top:20px;}
.common_pro_list1 li .add-btn{display:inline-block;padding:0 10px;line-height:44px;background:#48cab2;color:#fff;font-size:18px;vertical-align:middle;}
.common_pro_list1 li .add-btn i{font-size:24px;vertical-align:middle;display:inline-block;}
.common_pro_list1 li .price-box:hover .add-btn i{transition:margin 0.45s ease;margin-right:10px;}
.common_pro_list1 li .add-btn span{transition:opacity 0.45s ease, max-width 0.45s ease;width:0;opacity:0;display:inline-block;vertical-align:middle;overflow:hidden;white-space:nowrap;letter-spacing:0.5px;}
.common_pro_list1 li .price-box:hover .add-btn span{opacity:1;width:auto;}
.common_pro_list1 li .price{display:inline-block;text-align:left;vertical-align:middle;margin:0;color:#48cab2;font-size:18px;line-height:22px;font-weight:700;padding-left:16px;transition:all 0.2s;}
.common_pro_list1 li .price-box:hover .price{display:none;}
.common_pro_list1 li span.oldprice{font-weight: 400;color: #333;text-decoration: line-through;font-size:18px;display:block;}
.common_pro_list1 li span.nowprice{color:#f8353e;}
.common_pro_list1 li .name{text-align:left;margin:0;padding:0;font-weight:400;font-size:16px;line-height:16px;height:32px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;}


.common_pro_list1 li .name:hover{text-decoration:underline;}
.common_pro_list1 li .cate_name{font-size:13px;line-height:19px;color:#999;transition:color 0.2s linear;display:inlin-block;}
.common_pro_list1 li .cate_name:hover{text-decoration:underline;}
.common_pro_list1 li .thumb-act{transition:all .5s ease-out 0s;position:absolute;top:10px;right:10px;display:none;}
.common_pro_list1 li .thumb-act a{display:block;color:#282828;width:40px;line-height:40px;transition:all 0.4s ease 0s;text-align:center;}
.common_pro_list1 li .thumb-act a i{font-size:24px;}
.common_pro_list1 li .thumb-act a .icon{fill:#333;width:20px;height:40px;}
.common_pro_list1 li:hover .thumb-act{display:block;}
.common_pro_list1 li .thumb-act a:hover{color:#48cab2;}
.common_pro_list1 li .thumb-act a:hover .icon{fill:#48cab2;}

.common_pro_list1 li .tlike i.cur{color:#c71a1a;font-size:20px;}

.common_pro_list1 li .sold_out_box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;background:rgba(128, 128, 128, 0.9);color: #fff;padding:12px 20px;line-height:1;font-size:12px;text-transform: uppercase;letter-spacing:1px;z-index:2;text-align:center;font-weight:900;}
	
.common_pro_list1 li .change_color{margin-top:10px;}
.common_pro_list1 li .change_color dd{ margin:2px; height:38px; width:38px; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  border-radius:50%; box-sizing:border-box;display:inline-block;vertical-align:top;position:relative;}
.common_pro_list1 li .change_color dd:after{position:absolute;content:'';width:34px;height:34px;top:0;left:0;border:0 solid #333;border-radius:50%;}
.common_pro_list1 li .change_color dd.on:after{ border-width:2px;}
.common_pro_list1 li .pic .xj_pic{ position: absolute; top: 1px; left: 1px; bottom:1px; right:1px; transition: all 0.9s ease 0s; opacity: 0;}
.common_pro_list1 li:hover .pic .xj_pic{ opacity: 1;}

.product_list_2017 .common_pro_list1 li .pic img{ max-width:275px; max-height:100%;}
.index_default .common_pro_list1 li .pic img{ max-height:100%; max-width:100%;}
.index_default .pro_box{ margin-bottom:100px;}



.timer_box{ position:absolute; left:10px; bottom:10px; right:10px; background:rgba(255, 255, 255, 0.9); padding:15px 0;}
.home-discount-timer>div{ display:inline-block; margin:0 10px; color:#333;}
.home-discount-timer>div span{ display:block; font-weight:bold; font-size:20px;}
.home-discount-timer>div b{ display:block; font-weight:normal;}

.index_default .news-box ul{ margin:0 -15px; overflow:hidden;}
.index_default .news-box ul li{ width:380px; padding:0 15px; float:left;}
.index_default .news-box ul li .pic{ height:260px; width:380px; background-repeat:no-repeat; background-size:cover;}
.index_default .news-box ul li .text-box{ margin-top:20px;}
.index_default .news-box ul li .text-box h5{font-size: 24px; line-height: 35px; font-weight: 800; line-height:35px;}
.index_default .news-box ul li .text-box p{ padding-top:10px;}


/*底部*/
#bottom_box {text-align: center;width:100%; color:#888;margin-top:70px;background:#f7f8fa;}
#bottom_box .bottom_t{ background:#48cab2; color:#fff; padding:10px 0;}
#bottom_box .bottom_t .row{display: flex; justify-content: space-between; align-items: center;}
#bottom_box .footer{padding:60px 0px;}
/*订阅*/
#bottom_box .bottom_t .tit{ font-size:18px; font-weight:bold;}
#bottom_box .newletterform { display: inline-block; float: none; vertical-align: middle;position:relative; }
#bottom_box .newletterform .btm_newsletter{ font-size:0;}
#bottom_box .newsletter_txt { width: 500px;padding:0 0 0 10px; color: #888; font-size: 14px; vertical-align: middle;box-sizing:border-box;background:#fff;border:0;height:40px; line-height:40px; border-radius:6px 0 0 6px;}
#bottom_box .newsletter_btn {height:auto;line-height:100%;color: #fff; cursor: pointer; margin-left: 0; vertical-align: middle; border: 0;background:#000;width:auto; padding:0 20px; height:40px; line-height:40px; border-radius:0 6px 6px 0;}

/* help*/
#bottom_box  dl{text-align:left;padding:0 15px;box-sizing:border-box;width:23.33333%;float:left;}
#bottom_box  dl dt{color:#000;text-transform:uppercase;font-size:16px;margin-bottom:20px;position:relative;font-weight:600;letter-spacing:1px;}
#bottom_box  dl dd a{padding:8px 0;text-transform:capitalize;color:#888;display:inline-block;}
#bottom_box .contact_us dd{padding:0;}
#bottom_box dl.contact_us img{display:block;max-height:47px;max-width:100%;margin-bottom:37px;}
#bottom_box dl.newsletter_box{width:35%;}
#bottom_box .footer .contact_us p { position: relative; padding-left: 30px; line-height:32px;}
#bottom_box .footer .contact_us i { background: none; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; line-height: 30px; font-size: 20px;}

#bottom_box .footer .contact_us{ width:30%;}


/*关注*/
#bottom_box .shartto { height: auto; line-height: 100%; font-size: 24px; margin: 0; display: inline-block;}
#bottom_box .shartto li{width:30px;text-align:center;}
#bottom_box .shartto li a { display: block; font-size: 16px; vertical-align: middle; line-height:30px; height: auto; color: #fff; transition:all 0.2s ease-in-out;}
#bottom_box .shartto a:hover { color: #fff;transform:scale(1.4); }

#bottom_box .payway{display:inline-block;}
#bottom_box .foot{ background:#fff; height:70px; padding:10px 0; box-sizing:border-box; line-height:50px;}

/*快速弹窗*/
.mini_detail{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;display:none;}
.mini_detail .mini_detail_bg{position:fixed;left:0;top:0;background:rgba(0,0,0,.5);width:100%;height:100%;z-index:-1;}
#mini_detail{position:fixed;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);left:0;right:0;margin:auto;width:960px;position:relative;}
#mini_detail .icon-iconfontclose{position:absolute;right:10px;top:10px;font-size:30px;background:none;color:#333;cursor:pointer;}

/*产品内页*/
#body_box .product_detail_2017 .viewfontright{width:555px;}
.product_list_2017 .common_pro_list1 li .pic{width:100%;height:auto;line-height:100%;}