body{font-family:Poppins,Helvetica,Arial,sans-serif;}
.wrap_box{ padding:0 60px;}
.wapper{width:1200px; padding:0 15px; box-sizing:border-box;}
a{-webkit-transition: color .25s ease;-moz-transition: color .25s ease;-o-transition: color .25s ease;-ms-transition: color .25s ease;transition: color .25s ease; color:#666;}
#top_box{background:none;color:#666; height:auto;}
#top_box .top_rt{border:0;}
#top_box .login{border-left:1px solid #fff;}
#top_box .login a{text-transform:uppercase;line-height:13px;}
#top_box .login a:hover{color:#ff6699;text-decoration:underline;}
#top_box .currency_box{ margin:0 15px;}
#top_box .currency_txt i{background:none;width:auto;height:auto;margin:0;vertical-align:middle;font-size:22px; height:auto; line-height:normal;}
#top_box .drop_currency{ left:-31px;}
#top_box .currency li a:hover{ background:#ff4136;}

#header_box{width:100%; box-sizing:border-box; position:relative; z-index:999;}
#header_box .header{ position:relative; z-index:1001; transition:all 0.3s ease-in-out 0s; box-sizing:border-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;}
#header_box .logo,#header_box .nav_warp,#header_box .header_rt{ float:left; padding:0 15px; box-sizing:border-box;}
#header_box .logo{ width:16.66667%; height:134px; display:table;}
#header_box .logo a{ max-width:150px; display:table-cell; vertical-align:middle;}
#header_box .logo a img{ max-width:100%;}

#header_box .nav_warp{width:66.66666667%; margin-top:0px;}
#header_box .nav_box{border:0;}
#header_box .nav{margin:0;width:100%; text-align:right;}
#header_box .nav>li{height:auto;padding:0; display:inline-block; float:none; text-align:left;}
#header_box .nav li>a{border:0;font-size:14px;height:auto;line-height:134px; padding:0 20px; text-transform:capitalize; color:#666; display:block; font-weight:500;}

#header_box .nav>li a i{display:inline-block;vertical-align:middle;background:none;font-size:12px; margin:0 0 0 3px; font-weight:bold;}
#header_box .nav .sub_nav{ background: #fff; display: block; text-align: left; top: 150%; padding:0; width: 189px; z-index: 900; visibility: hidden; border-radius: 3px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: 0px 6px 15px rgba(0,0,0,0.12); box-shadow: 0px 6px 15px rgba(0,0,0,0.12); border:none; box-sizing:border-box; display:block;}
#header_box .nav .sub_nav li{width:100%; padding:0; height:auto; border-bottom:1px solid #f4f4f4;}
#header_box .nav .sub_nav li a{color:#333; padding:10px 18px; font-weight:bold; height:24px; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; font-weight:normal;}
#header_box .nav .sub_nav li a:hover{color:#ff4136;background:#fafafa;}
#header_box .nav>li.on .sub_nav{ top:100%; visibility:visible; opacity:1;} 

#header_box .search_icon{ float:left; font-size:14px; color:#666; margin-right:15px;}
#header_box .search_icon i{display:inline-block; text-align:center;cursor:pointer; font-size:25px;}
#search_box{padding:0;position:fixed;left:0;top:0;width:100%; z-index:1000;text-align:center; background:#cfcfcd; box-shadow:0 8px 10px rgba(0, 0, 0, 0.08); transform:translateY(-200%); -webkit-transform:translateY(-200%); z-index:10000;  transition:all 300ms ease 0s;}
#search_box .search{margin:4em auto; width:1170px; padding:0; height:auto; z-index:10; transition:all 300ms ease 0s; position:relative;}
#search_box .search_input{display:block;width:100%;height:60px; background:#fff; padding:0 70px 0 0; float:none;font-family:Oswald; box-sizing:border-box; font-size:30px; text-indent:20px; border:none;}
#search_box .btn_search{width:70px;height:60px;text-align:center;line-height:60px;color:#333;background:none;font-size:25px;text-transform:uppercase; float:none;margin:0; position:absolute; right:0; top:0; border:none; padding:0; font-weight:bold;}
#search_box .searchform{width:100%;height:auto;border:0;overflow:hidden;}
#search_box .search .close_search{position:absolute;right:-50px;top:15px;width:25px;height:25px;line-height:25px;text-align:center;color:#fff;font-size:20px;cursor:pointer; font-weight:bold;}
#search_box.open{ transform:translateY(0); -webkit-transform:translateY(0); transition:all 300ms ease 0s;}


#header_box .header_rt{ width:16.66666667%; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end;}
#header_box .cart_box{ margin:0 15px; padding:0; border:none; box-sizing:border-box; float:right;}
#header_box .cart_txt{ line-height:24px; font-size:14px; padding-right:5px}
#header_box .cart_txt a{ color:#666;}
#header_box .cart_txt i{ margin:2px 5px -7px 0; font-size:20px;}
#header_box .cart{ top:38px;}
#shopping_cart_count{ position:absolute; right:0; top:-10px; display:block; width:21px; height:21px; text-align:center; line-height:22px; border-radius:50%; background:#ff4136; font-weight:normal !important; color:#fff;}

#header_box .login{ position:relative; padding:5px 0; margin-left:15px;}
#header_box .login_menu{ box-shadow: 0px 6px 15px rgba(0,0,0,0.12); position:absolute; right:0; top:100%; min-width:150px; background:#fff; box-sizing:border-box; display:none;}
#header_box .login_menu li{ border-bottom:1px solid #f4f4f4;}
#header_box .login_menu li a{ display:block; height:20px; line-height:20px; padding:8px 18px; font-size:14px; color:#bbb;}
#header_box .login_menu li a:hover{ color:#ff4136; background:#fafafa;}

#header_box.fixed_header{  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; background: rgba(246, 246, 248, 0.9) none repeat scroll 0 0; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); left: 0; margin: 0 auto; position: fixed; right: 0; top: 0; width: 100%;}
#header_box.fixed_header .logo{ height:70px;}
#header_box.fixed_header .nav>li>a{ line-height:70px;}

#body_box{width:1200px; padding-top:90px;}
.body_box{ background:#fff; position:relative; z-index:100;}
.index_default{width:100% !important; padding-top:0 !important;}
.index_default .default_box{ padding:100px 45px 0; background:#f6f6f6 url(../images/body-bg.jpg) repeat-y;}

.index_default .banner_box{ float:none; width:100%; height:auto;}
.index_default .banner_box img{ width:100%;}
.index_default .banner_box .text{ position:absolute; left:18%; top:50%; transform:translateY(-50%); width:40%; height:auto; color:#323232;}
.index_default .banner_box .text h3{ font-size:60px; line-height:1.1; font-weight:500; margin-bottom:20px; color:#000; transition:all 1s ease-in-out 1.2s;}
.index_default .banner_box .text h3 span{ display:block; color:#ff4136;}
.index_default .banner_box .text p{font-size:14px; line-height:24px; transition:all 1s ease-in-out 1.7s;}
.index_default .banner_box .text .more{ display:inline-block; line-height:20px; color:#201f1f; font-size:16px; font-weight:600; text-transform:uppercase; margin-top:20px; transition:all 1s ease-in-out 2s;}
.index_default .banner_box .text .more:hover{ color:#ff4136;}
.index_default .banner_box .text h3,.index_default .banner_box .text p,.index_default .banner_box .text .more{opacity: 0; transform: translateY(40%);}
.index_default .banner_box .swiper-slide-active .text h3,.index_default .banner_box .swiper-slide-active .text p,.index_default .banner_box .swiper-slide-active .text .more{opacity: 1; transform: translateY(0%);}

.index_default .home_ad{ position:relative; z-index:10; box-sizing:border-box;}
.index_default .home_ad .ad{ float:left; width:33.3333%; padding:0 15px; margin-bottom:15px; box-sizing:border-box;}
.index_default .home_ad .ad a{ display:block; position:relative; color:#333;}
.index_default .home_ad .ad a img{ width:100%;}
.index_default .home_ad .ad .txt{ position:absolute; left:30px; top:50%; transform:translateY(-50%);}
.index_default .home_ad .ad h5{ line-height:1.1; font-size:22px; font-weight:400;}
.index_default .home_ad .ad p{ font-size:14px; line-height:24px; margin-top:8px; text-transform:uppercase; font-weight:400; font-family:Dosis; color:#3a3a3a;}
.index_default .home_ad .ad p:hover{ color:#ff4136;}


.index_default .swiper1 .swiper_btn{ position:absolute; top:50%; transform:translateY(-50%); text-align:center; color:#fff; font-size:25px; width:50px; height:50px; background:rgba(0,0,0,0.15); line-height:50px; visibility:hidden; opacity:0; transition:all 0.35s ease;}
.index_default .swiper1 .btn_prev{ left:-100px;}
.index_default .swiper1 .btn_next{ right:-100px;}
.index_default .swiper1:hover .swiper_btn{ opacity:1; visibility:visible; z-index:100;}
.index_default .swiper1:hover .btn_prev{ left:0;}
.index_default .swiper1:hover .btn_next{ right:0;}
.index_default .swiper1 .swiper_btn:hover{ background:#201f1f;}

.index_default .tit{padding:10px 0;height:auto;line-height:40px;border:0; margin:50px 0 0; text-transform:capitalize; position:relative; text-align:center;}
.index_default .tit:before { border-bottom: 1px solid #ebebeb; content: ""; height: 0; left: 0; position: absolute; top: 40px; width: 100%;}
.index_default .tit a{display:inline-block; background:#fff; padding:10px 30px; font-size: 36px;color:#201f1f; float:none; position:relative; z-index:5;}
.index_default .tit a:hover{ color:#445c71;}




.index_default .pro{ min-height:50px; margin-bottom:30px;}
.index_default .pro_box{ overflow:hidden;}
.index_default .pro_change_title{ text-align:center;}
.index_default .pro .tit:before{ display:none;}
.index_default .pro .tit a{ font-size:18px; float:none; padding:8px 15px; display:inline-block; color:#8a8a8a; position:relative; margin:0 15px; border:1px solid #e8e8e8; font-weight:400;}
#productbox_tab{ padding-top:30px;}
.index_default .pro .tit a.actived{ border-color:#ef5619; color:#ef5619;}
.index_default .pro .common_pro_list1{ display:none; overflow:hidden;}

.common_pro_list1{ margin:0 -15px;}
.common_pro_list1 li{ margin:15px 0 30px; padding:0 15px; width:304px; border:none; box-sizing:border-box;}
.common_pro_list1 li .product_inner{ position:relative;}
.common_pro_list1 li .img{ position:relative;}
.common_pro_list1 li .pic{ position:relative;}
.common_pro_list1 li .pic img{ vertical-align:middle;}
.common_pro_list1 li .xj_pic{ backface-visibility:hidden; position:absolute; left:00; top:0; width:100%; height:100%; opacity:0;}
.common_pro_list1 li .xj_pic span{display:inline-block; vertical-align:middle; height:100%;}
.common_pro_list1 li .pic:hover .xj_pic{ opacity:1; transition:all 0.5s ease 0s;}
.common_pro_list1 li .pro_content{ padding:10px 15px 5px; position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; z-index:10; background:rgba(255,255,255,0.4);}
.common_pro_list1 li .name,.common_pro_list1 li .price{ text-align:left;}
.common_pro_list1 li .name,.product_list_2017 .common_pro_list1 li .name{ color:#000; font-size:14px; font-weight:500; padding:0; margin-bottom:3px;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden; max-height:40px; line-height:20px;}
.common_pro_list1 li .name:hover{color:#ff4136;}
.common_pro_list1 li .price{ margin-bottom:5px; font-weight:400; font-size:16px; line-height:24px; color:#333;}
.common_pro_list1 li .price .sale{ color:#ff0b0b;}
.common_pro_list1 li .discount span{ font-size:14px;}
.common_pro_list1 li .timer_box{ text-align:left;}
.common_pro_list1 li .timer_box i{ background:none; font-size:15px; margin:0 0 -8px 0; font-weight:bold;}
span.discount-timer{ background:none; text-indent:5px; padding:0;}
.common_pro_list1 li .sold_out_box span{ left:50%; transform:translateX(-50%); background:rgba(112,113,117,0.7);}

.common_pro_list1 li .quickview{ background:#f6f7f9; color:#969696; line-height:50px; text-align:center; position: absolute; right: -20px; bottom: 20px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); width: 50px; height: 50px; z-index: 99; border-radius: 50%; overflow: hidden; -webkit-transition: all 0.4s ease-in-out 0s;-o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;}
.common_pro_list1 li .quickview i{ font-size:22px; font-weight:bold;}
.common_pro_list1 li .quickview:hover{ background:#ff4136; color:#fff;}
.common_pro_list1 li .product_inner:hover .quickview{ right: 20px; opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
.common_pro_list1 li .change_color li{ float:left; width:auto; margin:0 3px 0 0;}
.common_pro_list1 li .change_color li a{ width:15px; height:15px; border-radius:50%; display:block;}

.index_default .common_pro_list1{ margin:0;}
.index_default .common_pro_list1 li{ width:25%; margin-bottom:30px;}
.index_default .common_pro_list1 li.other{ width:100%; margin:0;}
.index_default .common_pro_list1 li .pic{width:100%;height:100%;overflow:hidden;  position:relative;}
.index_default .common_pro_list1 li .pic img{max-width:100%;max-height:100%;-webkit-transition: 0.5s all ease-in-out;-moz-transition: 0.5s all ease-in-out;-ms-transition: 0.5s all ease-in-out;-o-transition: 0.5s all ease-in-out;transition: 0.5s all ease-in-out;width: 100%;-webkit-backface-visibility: hidden;-webkit-perspective: 1000;}
.index_default .common_pro_list1 li .pro_content{ padding:15px 25px 5px;}
.index_default .common_pro_list1 li .sold_out_box span{ top:50%; transform:translate(-50%,-50%);}

.index_default .categories_pro{ padding:20px 0;}
.index_default .categories li{ width:275px; margin-right:20px; position:relative;}
.index_default .categories li.none{ margin:0;}
.index_default .categories li .pic{ width:275px; height:275px; line-height:normal;}
.index_default .categories li .pic img{ max-height:275px; max-width:275px;}
.index_default .categories li .name{ text-align:left; position:absolute; left:20px; bottom:20px; padding:12px 20px; min-width:150px; box-sizing:border-box; background:#fff;}
.index_default .categories li .name p{ font-size:16px; font-weight:400; color:#666666;}
.index_default .categories li .name p:hover{ color:#bd8448;}
.index_default .categories li .name span{ color:#201f1f; font-size:14px; font-weight:600;}

.index_default .news{ padding:30px 0;}
.index_default .news ul{ margin:0 -15px;}
.index_default .news li{ width:33.333%; padding:0 15px; box-sizing:border-box; float:left;}
.index_default .news li .con{ position:relative;}
.index_default .news li img{ width:100%;}

.product_detail_2017 .viewfontright{ width:555px;}


#bottom_box{width:100%;}
#bottom_box .link_box dl{padding:0;width:18.75%;padding:0 15px; box-sizing:border-box;}
#bottom_box .link_box dl dt{text-transform: capitalize;color:#444444; font-size: 16px; margin-bottom: 20px; font-weight:600;}
#bottom_box .link_box dl dd a{padding:5px 0;color:#666;font-size:14px;}
#bottom_box .link_box dl dd a:hover{ color:#ff4136;}
#bottom_box .link_box dl.newsletter{ width:25%;}
#bottom_box .link_box dl dd.newsletterform .label{ color:#7e7b7b; margin-bottom:15px; line-height:24px; font-size:14px;}
#bottom_box .link_box dl dd.newsletterform form{ position:relative;}
#bottom_box .link_box dl dd.newsletterform .newsletter_txt{background:#fff; border:1px solid #d9d9d9;padding:0;height:40px;width:100%; padding-right:50px; text-indent:15px; box-sizing:border-box;}
#bottom_box .newsletter_btn{margin:0;background:none; border-left:1px solid #d9d9d9; font-size:16px;width:49px; transition:all 200ms ease 0s; text-transform:uppercase; height:38px; line-height:38px; position:absolute; right:0; top:1px; color:#666;}
#bottom_box .newsletter_btn:hover{ color:#fff; background:#ff4136;}
#bottom_box .link_box dl.contact_us dd{min-height:50px;}
#bottom_box .link_box dl.contact_us dd p{ position:relative; padding:0 0 0 30px; color:#8a8a8a; margin:0 0 25px;}
#bottom_box .link_box dl.contact_us dd p i{ position:absolute; color:#000; left:0; top:0; background:none; font-size:17px;}



#bottom_box .foot{min-height:30px; text-align:center;color:#fff; border-top:1px solid #d9d9d9; padding:30px 0; font-size:14px;}
#bottom_box .copyright,#bottom_box .shartto{ float:left; width:50%; min-height:30px;}
#bottom_box .copyright{ text-align:left; padding:0; color:#6c6c6c; line-height:35px;}
#bottom_box .shartto{height:auto;overflow:hidden; text-align:right;}
#bottom_box .shartto li{ float:none; display:inline-block;}
#bottom_box .shartto a{font-size:20px; color:#666;}
#bottom_box .shartto a:hover{text-decoration:none;color:#ff4136;}

/*1200列表页修改*/
.product_list_2017 .common_pro_list1 li.none{margin-right:0;}
.product_list_2017 .common_pro_list1 li .pic,.common_pro_list1 li .pic{width:274px;height:274px;line-height:normal;}
.product_list_2017 .common_pro_list1 li .pic img,.common_pro_list1 li .pic img{max-width:274px;max-height:274px;}

/*快速弹窗*/
.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;}





.common_pro_list1 i,.index_default i,#header_box i{ background:none;}
a:hover{ color:#ff4136;}