/*图标字体*/
#header_box .currency_txt i,#header_box .cart_txt i,#header_box .btn_search,.index_default span.discount-timer-big,span.discount-timer,.index_default .tit i.icon-clock1,span.discount-timer,.discount_timer_wrap i,#bottom_box .contact_us dd.email i,#bottom_box .contact_us dd.phone i,.common_pro_list1 li .discount,.common_pro_list1 li .discount_wrap i,.common_pro_list1 li .add_cart i,.common_pro_list2 li .discount,.common_pro_list2 li .discount_wrap i,.common_pro_list2 li .add_cart i,#top_box .livechat i,.common_pro_list1 li .free_shipping i,.common_pro_list2 li .free_shipping i,#top_box .cart_txt i,#bottom_box .shartto li i,#top_box .login i,#header_box .category_box h4 i,#header_box .searchform .select_box i,.index_default .news .news_con li .time i,#header_box .category_box h4 i{ background-image:none;}/*背景图片为无*/

#top_box .currency_txt i,#header_box .btn_search,.index_default span.discount-timer-big,span.discount-timer,.index_default .tit i.icon-clock1,span.discount-timer,#bottom_box .contact_us dd.email i,#bottom_box .contact_us dd.phone i,.common_pro_list1 li .discount,.common_pro_list1 li .discount_wrap i,.common_pro_list2 li .discount,.common_pro_list2 li .discount_wrap i{overflow:visible;}

#top_box .livechat i{height:auto; width:auto;line-height:25px; font-size:16px; margin:0 5px -9px 0;}/*fackbook*/
#top_box .currency_txt i{width:auto;font-size:12px;  margin:0; transform:scale(0.9); margin-left:3px;}/*选择货币*/


/*显示特价时间图标字体star*/
.index_default span.timer_box{ float:none; margin-left:0;}
.index_default span.discount-timer-big{padding-left:0;}
.index_default .tit i.icon-clock1{ line-height:21px; float:left; font-size:20px; font-weight:bold; margin:-2px 0px 0px 10px;}
span.discount-timer{ text-indent:0;}
.discount_timer_wrap i{ height:16px;line-height:17px; font-size:16px; font-weight:bold; margin:0 2px -4px 0;}
/*显示特价图标字体 end*/

/*圆圈打折字体*/
.common_pro_list1 li .discount_wrap,.common_pro_list2 li .discount_wrap{ position:absolute; left:160px; top:0; width:51px; display:table;}
.index_default .common_pro_list1 li .discount_wrap{ left:20px; top:20px;}
.common_pro_list1 li .discount_wrap i,.common_pro_list2 li .discount_wrap i{ width:50px; height:50px; border-radius:50%; background:#991b1e; opacity:0.75; filter:(opacity=75); font-size:54px;}
.icon-discount-bg1:before{ display:none;}
@-moz-document url-prefix(){.common_pro_list1 li .discount_wrap i{ line-height:49px;} } /*正对火狐兼容*/
.common_pro_list1 li .discount,.common_pro_list2 li .discount{ height:50px; padding-top:0; text-align:center;position:relative; top:0; right:0; display:table-cell; vertical-align:middle; background:#ffeb3b; color:#03a9f4; border-radius:50%; text-transform:uppercase;}
.common_pro_list1 li .discount span,.common_pro_list2 li .discount span{ width:50px;}
.common_pro_list1 li .add_cart_bg,.common_pro_list2 li .add_cart_bg{background:#991b1e;}
.common_pro_list1 li .add_cart_bg, .common_pro_list2 li .add_cart_bg, #header_box .view_cart_btn a, a.common_btn4, .common_btn2, .product_detail .addskutocart_btn a, .common_mini_btn1,#bottom_box .newsletter_btn{ background:#ba3345;}

/*加入购物车*/
.common_pro_list1 li .add_cart,.common_pro_list2 li .add_cart{ text-align:center;color:#fff;}
.common_pro_list1 li .add_cart i,.common_pro_list2 li .add_cart i{ font-size:15px; margin:0 5px -1px 0; color:#fff;}

/*免邮*/
.common_pro_list1 li .free_shipping i,.common_pro_list2 li .free_shipping i{ margin:0 3px -1px 0; font-size:15px; color:#ed3445;}

/*底部分享*/
#bottom_box .shartto{ height:auto; float:none;}
#bottom_box .shartto li{ width:50px; height:50px; text-align:center;float:none;display:inline-block; margin:0 17px 10px 0; line-height:58px; border:2px solid #919191; border-radius:10px;}
#bottom_box .shartto li a{ width:30px; height:30px; border-radius:50%; font-size:25px; line-height:50px; color:#888; display:inline-block;}
#bottom_box .shartto li:hover a{ color:#03a9f4; transform:rotateY(360deg)}

/* 底部联系我们*/
#bottom_box .contact_us dd i{ height:18px; line-height:25px; width:auto; font-size:20px; text-align:center; color:#e55c6e; background:none;}


@font-face {
    font-family: 'Roboto';
    src: url('../font/roboto-regular-webfont.eot');
    src: url('../font/roboto-regular-webfont.eot') format('embedded-opentype'),
         url('../font/roboto-regular-webfont.woff2') format('woff2'),
         url('../font/roboto-regular-webfont.woff') format('woff'),
         url('../font/roboto-regular-webfont.ttf') format('truetype'),
         url('../font/roboto-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*覆盖*/
body{ color:#b1ada8; font-size:12px; font-family:"Roboto", sans-serif}
a{transition:all 0.3s ease-out 0s;}
.wapper{ width:1200px;}
h1,h2,h3,h4,h5,h6{ font-weight:700; color:#000;}
#header_box .logo a{ border:none !important;}


#top_box{ height:51px; background:none; color:#888;}
#top_box .wapper{ border-bottom:1px solid #e5e5e5;}
#top_box .currency_box{ text-transform:capitalize; line-height:49px;}
#top_box .currency_box span.Currencies{ font-size:14px; margin-right:10px; float:left;}
#top_box .currency_txt{ float:right;}
#top_box .currency_txt i{ background:none; color:#c3c3c3; margin-left:10px;}
#top_box .currency_txt i.icon-jiantoushang{ font-size:13px;}
#top_box .drop_currency{ left:auto; top:50px; right:-20px;}
#top_box .currency_box:hover span.name,#top_box .currency_box:hover i,#top_box .open span.name,#top_box .open i{ color:#03a9f4;}

#top_box .currency li a:hover{ background:#03a9f4;}

#top_box .top_rt{ margin:15px 0; border-right:none; border-color:#e5e5e5; height:20px; line-height:20px; padding:0 10px;}
#top_box .login a{ color:#03a9f4; line-height:20px;}
#top_box .login a i{ float:left; line-height:24px; margin-right:10px;}

/*搜索框*/
#top_box .search_box{ position:relative; border-left:none;}
#top_box .search{ width:auto; height:auto; padding:0; background:#fff;}

#top_box .search .searchform{ width:auto; height:20px;  background:none; position:relative;  border:none;}
#top_box .search .search_input{ width:150px; height:20ox; padding:0; line-height:20px;color:#888; font-size:12px; background:none; text-indent:15px; border:none; float:left;}
#top_box .btn_search{ width:20px; height:20px; font-size:20px; text-align:center;line-height:20px; color:#333; border:0; padding:0;background:none; margin:0; cursor:pointer; transition:all 0.3s ease-out 0s; font-weight:bold;}/*搜索框按钮*/
#top_box .btn_search:hover{ color:#888;}

#header_box{ width:100%; background:#fff; padding:26px 0;}
#header_box .wapper{ position:relative; z-index:999;}
#header_box .logo{ height:auto; text-align:center; float:left; width:22%; box-sizing:border-box; padding-right:15px;}
#header_box .logo a{ height:auto; display:table-cell; vertical-align:middle;}
#header_box .logo a img{ max-height:44px;}
#header_box .header_rt{float:right; padding:0; width:13%;}

#header_box .cart_box{ margin:0;  height:auto; border-left:0; box-sizing:inherit; display:inline-block; padding:0; float:right;}
#header_box .cart_txt{ height:auto;  padding:0 0 6px; line-height:38px; font-size:14px; text-transform:uppercase; line-height:normal;}
#header_box .cart_box a{ color:#fff; position:relative; z-index:998; display:inline-block;}
#header_box .cart_txt i{ width:auto; font-size:27px; text-align:center; margin:0; margin:0 10px 0 0; vertical-align:middle; line-height:44px; height:auto; color:#03a9f4;}/*购物车*/
#header_box .cart_box a span{ font-weight:normal; letter-spacing:0.1em; }
#header_box .cart_txt strong{ color:#888; text-align:center; line-height:44px; font-size:16px; float:right; border-radius:50%; width:44px; height:44px; transition:all 0.3s ease-out 0s; background:#e9e8e8;}
#header_box .cart_box:hover strong{ color:#fff; background:#03a9f4;}
#header_box .cart .arr{ display:none;}
#header_box .cart{ box-shadow:none; border-color:#f3f3f5; top:50px; right:0px;}
#header_box .buy_pro li a,#header_box .view_cart_btn a{ padding:0; border:none; border-radius:0;}
#header_box .view_cart_btn a{ background:#39ad8b; color:#fff;}
#header_box .cart_box:hover .buy_pro a{ border:none;}

#header_box .nav_box{border:0;height:44px;float:left; width:65%;}
#header_box .nav{ float:left; padding:0 15px; box-sizing:border-box;margin:0;}
#header_box .nav>li{ float:left; line-height:44px;padding:0; padding-right:30px;height:44px;}
#header_box .nav>li>a{ display:block; font-size:16px; color:#acabab; font-weight:bold; text-transform:uppercase;padding:0;border:0;}
#header_box .nav>li>a:hover{color:#03a9f4;}
#header_box .nav li.home a{ color:#333;}
#header_box .nav>li>a>i{ transform:scale(0.85); margin:0 0 -4px 0; font-size:16px; transition:all 0.3s ease-out 0s; color:#acabab;margin-left:5px; line-height:1;}
#header_box .nav li i{ background:none}
 
#header_box .sub_nav{background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);padding: 10px;box-sizing: border-box;min-width:250px;width:auto;top:44px;}
#header_box .sub_nav li{width:100%;height:30px;float:none;}
#header_box .nav .sub_nav li a{height:30px;line-height:30px;font-size:14px;color:#888;-webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
#header_box .nav .sub_nav li a:hover{padding-left:10px;color:#03a9f4;background:none;}
#header_box .nav .sub_nav li a i{vertical-align:middle;display:inline-block;font-size:12px;margin-right:3px;color:#333;}
#header_box .nav .sub_nav li a:hover i{width:auto;height:auto;float:none;background:none;margin:0;margin-right:3px;color:#03a9f4;}

#bottom_box{ width:100%; padding:0; background:#fafafa; box-sizing:border-box;}
#bottom_box .bottom{ padding:30 0px; border:none;}
#bottom_box .newletter{  width:25%; float:left; padding-right:15px; box-sizing:border-box;}

#bottom_box .newletterform{ float:none;}
#bottom_box .newletterform form{ display:block; position:relative;}
#bottom_box .newletterform label{ display:none;}
#bottom_box .newsletter_txt{ width:188px; height:45px; line-height:45px; border:1px solid #c2c2c2; background:#fff; padding:0; text-indent:10px; color:#728498; float:left; border-radius:6px 0 0 6px; box-sizing:border-box;}
#bottom_box .newsletter_btn{ width:auto; height:45px; background:#03a9f4; margin:0;letter-spacing:1px; font-size:13px;transition:all 0.3s ease 0s; padding:0 15px; text-transform:capitalize; border-radius:0 6px 6px 0;}
#bottom_box .newsletter_btn:hover{ background:#2b88f1;}

#bottom_box .link_box{padding:30px 0 0; margin-top:10px;}
#bottom_box .link_box dl{ width:16.6667%; box-sizing:border-box; padding:0 15px;}
#bottom_box .link_box dl.contact_us{ margin-left:0; padding-right:0; width:25%;}
#bottom_box .link_box dl.contact_us dd{ padding:0;}
#bottom_box .link_box dl.contact_us dd p{ color:#333; font-size:14px; line-height:30px;}
#bottom_box .link_box dl dt{ color:#000; font-weight:700; padding-bottom:15px; margin:0 0 10px 0; font-size:18px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
#bottom_box .link_box dl dd{ margin-bottom:18px;}
#bottom_box .link_box dl dd a{ padding:0; color:#333; display:inline-block; line-height:1.666;  font-size:14px;}
#bottom_box .link_box dl dd a:hover{ color:#00a990;}
#bottom_box dl.contact_us .address{ color:#898e91; font-size:16px; line-height:28px;}
#bottom_box dl.contact_us .phone,#bottom_box dl.contact_us .mail{ color:#aeb4bc; font-size:18px;}
#bottom_box dl.contact_us .phone{ margin:5px 0;}
#bottom_box dl.contact_us .phone p{ line-height:25px;}
#bottom_box .foot{ width:100%; padding:17px 0 16px; line-height:32px;}
#bottom_box .copyright{ color:#666; text-align:center; padding:0;}




#body_box{ width:1200px;}
/*banner*/
.index_default { background:#f4f4f4;}
.index_default .banner_box{ width:100%; height:auto; float:none;}
.index_default .swiper-wrapper li{ height:auto; position:relative;}
.index_default .text{ position:absolute; width:100%; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center;}
.index_default .text h3{ font-size:112px; line-height:114px; letter-spacing:-1px; color:#03a9f4; font-weight:normal;}
.index_default .text p{ font-size:16px; line-height:33px; padding-top:20px; color:#888;margin:0 auto;max-width:600px;}
.index_default .text a{ min-width:170px; display:inline-block; text-transform:uppercase; background:#03a9f4; color:#fff; border-radius:4px; padding:12px 0 13px; font-size:18px; margin-top:40px;}
.index_default .text a:hover{ background:#333; color:#fff;}
.index_default .swiper_btn{ position:absolute; left:-3%; top:50%; transform:translateY(-50%); font-size:16px; font-weight:bold;cursor:pointer;}
.swiper-button-next, .swiper-button-prev{ background:none !important;  width:35px; height:35px; line-height:35px; text-align:center; color:#03a9f4;}
.index_default .btn_next{ left:auto; right:-3%;}

/*广告1*/
.index_default .home_ad{ padding:0 10px; width:100%; box-sizing:border-box;}
.index_default .home_ad a{ float:left; padding:0 5px 10px; width:33.3333%; box-sizing:border-box; position:relative;min-height:50px;}
.index_default .home_ad a img{ width:100%; display:block;}
.index_default .home_ad .ad_txt{ position:absolute; left:38px; top:0; width:50%; height:100%}
.index_default .home_ad .ad_txt h4{ padding-top:30px; font-size:29px; line-height:30px; color:#03a9f4; transition:all 0.2s ease-in 0s;}
.index_default .home_ad .ad_txt p{ padding-bottom:10px; font-size:14px; line-height:26px; color:#888;}
.index_default .home_ad .ad_txt span{ border:1px solid #e5e5e5; background:#fff; width:150px; height:43px; line-height:42px; text-align:center; font-size:17px; font-weight:500; color:#acabab; text-transform:uppercase; border-radius:5px; display:block; position:absolute; bottom:40px; left:0; transition:all 0.2s ease-in 0s;}
.index_default .home_ad a.item-3 p{ color:#333;}
.index_default .home_ad a.item-3 span{ background:#03a9f4; border-color:#03a9f4; color:#fff;}
.index_default .home_ad a.item-4 h4,.index_default .home_ad a.item-4 p{ color:#fff;}
.index_default .home_ad a.item-4 span{ color:#333; border-color:#fff;}
.index_default .home_ad a:hover h4{ color:#333;}
.index_default .home_ad a:hover span{ background:#333; border-color:#333; color:#fff;}
/*广告2*/
.index_default .home_ad1{ width:100%; box-sizing:border-box; position:relative;}

.index_default .home_ad1 img{ width:100%; display:block;}
.index_default .home_ad1 .ad_txt{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:1200px; text-align:center;}
.index_default .home_ad1 .ad_txt h3{ font-weight:300; font-size:112px; line-height:114px; color:#fff;}
.index_default .home_ad1 .ad_txt p{ padding-bottom:10px; font-size:20px; line-height:33px; color:#fff;}
.index_default .home_ad1 .ad_txt a{ background:#ffeb3b; width:210px; padding:16px 0 17px; text-align:center; font-size:17px; font-weight:500; color:#03a9f4; text-transform:uppercase; border-radius:5px; display:inline-block; left:0; transition:all 0.2s ease-in 0s; margin-top:40px; font-weight:bold;}
.index_default .home_ad1 a:hover{ background:#03a9f4; color:#ffeb3b;}

.index_default{ width:100% !important; margin-top:0 !important;}
.index_default .wapper{ padding:30px;}
.index_default .none{ margin-right:0 !important;}

.index_default .swiper{ position:relative;}
.index_default .tit{ border-bottom:none;color:#393e45; font-weight:400; text-align:center; height:auto; line-height:normal; padding:0; text-transform:uppercase; font-size:25px; margin-bottom:20px;}
.index_default .tit a{ font-weight:700; color:#393e45; display:inline-block; font-size:24px; line-height:24px; padding:10px 15px; position:relative; color:#333; float:none;}
.index_default .tit a.first{ margin-left:0;}
.index_default .tit a.first:before{ display:none;}
.index_default .tit .pro_change_title a.actived,.index_default .pro_change_title .tit a:hover{ color:#fff; background:#00a990; border-bottom-color:#00a990;}

#productbox_tab .common_pro_list1{ display:none;}
.common_pro_list1 li,.common_pro_list2 li{ width:275px; margin:0 30px 20px 0; text-align:left; border:none; background:#fff;}
.common_pro_list1 li.other,.common_pro_list2 li.other{ width:100%; border:none;}
.common_pro_list1 li .pic,.common_pro_list2 li .pic{ width:275px; height:275px; overflow:hidden; position:relative; position:relative; background:url(../image/lazy-loader.gif) no-repeat center center;}
.common_pro_list1 li .pic img,.common_pro_list2 li .pic img{ max-height:275px; max-width:275px;}
.common_pro_list1 li .xj_pic,.common_pro_list2 li .xj_pic{ backface-visibility:hidden; position:absolute; left:00; top:0; width:100%; height:100%; opacity:0;}
.common_pro_list1 li .pic:hover .xj_pic,.common_pro_list2 li .pic:hover .xj_pic{ opacity:1; transition:all 0.5s ease 0s;}
.common_pro_list1 li span.oldprice,.common_pro_list2 li span.oldprice{ display:inline;  color:#888; font-size:14px; line-height:20px; margin-top:10px; text-align:left;}
.common_pro_list1 .pro_content,.common_pro_list2 .pro_content{ width:235px; height:auto; padding-left:0;  z-index:998;}
.index_default .product-item-details,{ position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.common_pro_list1 li .price,.common_pro_list2 li .price{ color:#000; margin-bottom:0; font-size:16px; line-height:20px; margin-top:10px; text-align:left;}
.common_pro_list1 li .goodsinfo,.common_pro_list2 li .goodsinfo{ display:inline-block; float:right; margin-top:10px; padding:0;}
.common_pro_list1 li .goodsinfo .glike,.common_pro_list2 li .goodsinfo .glike{ background:none; font-size:25px; color:#00a990; transform:rotateY(90deg); margin-right:-15px; opacity:0; transition:all 0.3s ease 0s;}
.common_pro_list1 li .goodsinfo .glike:hover,.common_pro_list2 li .goodsinfo .glike:hover{ color:#df4c49;}
.common_pro_list1 li:hover .glike,.common_pro_list2 li:hover .glike{ margin-right:0; transform:rotateY(0deg); opacity:1;}

.common_pro_list1 li .name,.common_pro_list1 li .name{ color:#03a9f4; font-weight:400; border:none; font-size:16px; line-height:20px; font-family:"Roboto",sans-serif; text-align:left;}

.common_pro_list1 li .sold_out_box span,.common_pro_list2 li .sold_out_box span{ left:50%; width:auto; padding:5px 10px; background:#e74b54; height:auto; line-height:normal; transform:translateY(120px) translateX(-50%);}
.common_pro_list1 li .view,.common_pro_list2 li .view{ width:100%; height:50px; line-height:50px; text-align:center; border-radius:6px; display:inline-block; margin-top:15px; background:#03a9f4; color:#fff; text-transform:uppercase; font-weight:bold; letter-spacing:2px; font-size:17px;}
.common_pro_list1 li .view:hover,.common_pro_list2 li .view:hover{ background:#2b88f1; color:#fff;}


.index_default .common_pro_list1 li{ margin:0; box-sizing:border-box;padding:20px; width:235px;}
.index_default .common_pro_list1 li .pic{ padding:30px 0; width:235px; height:235px;}
.index_default .common_pro_list1 li .pic img{ max-width:235px; max-height:235px;}

/*新闻*/

.index_default .news img{ width:100%;}
.index_default .news li{ position:relative; width:25%; padding:0 15px; float:left; box-sizing:border-box;}
.index_default .news a.img{ position:relative; display:block;}
.index_default .news a .view{ white-space:nowrap;top:48%;}
.index_default .news a:hover .view{ left:50%; transform:translate(-50%,-50%); opacity:1;}
.index_default .news li figure{ width:100%; overflow:hidden;}
.index_default .news li .item_content{ text-align:left; background:#fff; padding:25px 30px 30px; transition:all 0.2s ease-in 0s;}
.index_default .news li h4{ letter-spacing:1px; margin-bottom:10px; width:100%; font-size:17px; text-transform:uppercase; min-height:50px; line-height:24px;}
.index_default .news li h4 a{ color:#03a9f4;}
.index_default .news li h4 a:hover{ color:#62bfc4;}
.index_default .news li p{ color:#888; margin-bottom:20px; font-size:12px; line-height:20px; font-weight:400;}
.index_default .news li .time{ font-size:12px; line-height:30px; color:#03a9f4; margin-bottom:15px;}
.index_default .news li .time i{ background:none; margin:0 5px -4px 0; font-weight:bold;}
.index_default .news li a.more{ padding:5.5px 8px; font-size:14px; display:inline-block; color:#fff; float:right; color:#03a9f4; margin-top:3px; font-weight:bold;}
.index_default .news li:hover .item_content{ background:#03a9f4;}
.index_default .news li:hover .item_content a,.index_default .news li:hover .item_content p,.index_default .news li:hover .item_content .time{ color:#fff;}

.product_list_2017 .common_pro_list1 li .pic,.product_list_2017 .common_pro_list2 li .pic{ width:273px; height:273px; line-height:273px;}
.product_list_2017 .common_pro_list1 li .pic img,.product_list_2017 .common_pro_list2 li .pic img{ max-width:273px; max-height:273px;}
.product_list_2017 .common_pro_list1 li .price,.product_list_2017 .common_pro_list2 li .price{ font:700 24px/24px "Source Sans Pro",sans-serif;}
.product_list_2017 .viewlistbox{ margin-bottom:20px;}

#left_box ul.superdeals li div.p_info{ width:130px; padding-left:10px;}

.product_detail_2017 .viewfontright{ width:550px;}