body{font-family:Poppins,Helvetica,Arial,sans-serif;}
.wapper{width:1200px;}
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:#201f1f;}
#top_box{background:#000;color:#fff;}
#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_txt{line-height:13px;}
#top_box .currency_txt i{background:none;width:auto;height:auto;margin:0;vertical-align:middle;font-size:12px;-webkit-transform: scale(0.84);transform: scale(0.84);}

#header_box{width:100%; box-sizing:border-box; position:fixed; left:0; top:0; z-index:999;}
#header_box .header{ position:relative; z-index:1001; padding:20px 30px; transition:all 0.3s ease-in-out 0s; box-sizing:border-box;}
#header_box .wapper{ 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 10px; box-sizing:border-box;}
#header_box .logo{ width:16.66667%; height:60px; 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:58.33333%; 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 5px; display:inline-block; float:none; text-align:left;}
#header_box .nav li a{border:0;font-size:14px;height:20px;line-height:20px; padding:20px; text-transform:capitalize; color:#a3a3a3; display:block; font-weight:500;}
#header_box .nav li a:hover,#header_box .nav li:hover a,#header_box .nav li.home a{ color:#323232;}

#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: 10px 20px; min-width: 220px; 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); width:auto; border:none; box-sizing:border-box; display:block;}
#header_box .nav .sub_nav li{width:100%;}
#header_box .nav .sub_nav li a{color:#a3a3a3; padding:5px 0; 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:#bd8448;background:none;}
#header_box .nav>li.on .sub_nav{ top:100%; visibility:visible; opacity:1;} 

#header_box .search_icon{ float:left; font-size:14px;}
#header_box .search_icon i{display:inline-block; text-align:center;cursor:pointer; font-size:22px; font-weight:bold; margin:4px 0 -7px 0;}
#header_box .search_box{padding:0;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;text-align:center;display:none;}
#header_box .search_bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9;}

#header_box .search{margin:auto;padding:0;background:#fff;width:600px;height:270px;position:fixed;left:0;right:0;top:0;bottom:0;-webkit-box-shadow: 0 0 0 27px rgba(255, 255, 255, 0.2);box-shadow: 0 0 0 27px rgba(255, 255, 255, 0.2);z-index:10;}
#header_box .search .search_txt{ min-height:30px;}
#header_box .search h3{margin-top:35px;font-weight:normal;font-size:24px;}
#header_box .search p{margin-top:15px;font-size:13px;color:#6e6e6e;}
#header_box .search_input{display:block;width:476px;height:37px;border:1px solid #d5d5d5;padding:0;margin:30px auto 0;float:none;font-family:Oswald;}
#header_box .btn_search{width:94px;height:33px;text-align:center;line-height:33px;color:#fff;background:#445c71;font-size:13px;text-transform:uppercase;float:none;margin:15px auto 0;font-family:Oswald;}
#header_box .searchform{width:100%;height:auto;border:0;overflow:hidden;}
#header_box .search .search_close{position:absolute;right:-27px;top:-65px;width:25px;height:25px;line-height:25px;text-align:center;color:#333;background:rgba(255, 255, 255, 0.2);color:#000;font-size:18px;cursor:pointer;}
#header_box .search .search_close:hover{background:#bd8448;color:#fff;}

#header_box .header_rt{ width:25%; 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 20px; padding:0; border:none; box-sizing:border-box; float:right;}
#header_box .cart_txt{padding:0;line-height:24px; font-size:14px;}
#header_box .cart_txt i{ margin-bottom:-7px; font-size:20px;}
#header_box .cart_box span a{ color:#3e2d29;}
#header_box .cart{ top:38px;}

#header_box .login{ position:relative; padding:5px 0;}
#header_box .login_menu{ padding:10px; box-shadow:0 2px 5px #f1f1f1; position:absolute;  top:100%; min-width:150px; background:#fff; box-sizing:border-box; display:none;}
#header_box .login_menu li a{ display:block; height:30px; padding:8px 10px; font-size:14px; color:#bbb; box-sizing:border-box; line-height:14px;}
#header_box .login_menu li a:hover{ color:#bd8448;}

#header_box.fixed_header .header{ background:rgba(255,255,255,0.9); padding:10px 30px;}
#header_box.fixed_header .nav li a,#header_box.fixed_header .search_icon span,#header_box.fixed_header .cart_txt,#header_box.fixed_header .login a{ color:#3e2d29;}


#body_box{width:1200px; padding-top:90px;}
.index_default{width:100% !important; padding-top:0 !important;}
.index_default .wapper,#bottom_box .wapper{ padding:0 20px; box-sizing:border-box;}

.index_default .banner_box{ float:none; width:100%; height:auto; min-height:500px;}
.index_default .banner_box img{ width:100%;}
.index_default .banner_box .text{ position:absolute; top:50%; transform:translateY(-50%); width:100%; color:#323232;}
.index_default .banner_box .text h3{ font-size:36px; line-height:40px; font-weight:600; margin-bottom:20px; -webkit-animation-duration:2.2s; animation-duration:2.2s;}
.index_default .banner_box .text p{ max-width:640px; font-size:14px; margin-bottom:10px;-webkit-animation-duration:2.8s; animation-duration:2.8s;}
.index_default .banner_box .text .more{ display:inline-block; line-height:37px; padding:6px 40px; border:2px solid #201f1f; color:#201f1f; font-size:14px; font-weight:600; text-transform:uppercase; margin-top:40px;-webkit-animation-duration:3.4s; animation-duration:3.4s;}
.index_default .banner_box .swiper-pagination{ bottom:180px;}

.index_default .home_ad{ padding:10px; width:1200px; margin:0 auto; background:#fff; margin-top:-130px; position:relative; z-index:10; box-sizing:border-box;}
.index_default .home_ad .ad{ float:left; width:33.3333%; padding:10px; margin-bottom:15px; box-sizing:border-box;}
.index_default .home_ad .ad a{ display:block;}
.index_default .home_ad .ad a img{ width:100%;}

.index_default .pro{ min-height:50px;}

.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; display:none;}
.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:0 0 20px; 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;}
.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; background:#fff;}
.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:0;}
.common_pro_list1 li .name,.common_pro_list1 li .price{ text-align:left; font-size:14px;}
.common_pro_list1 li .name{ color:#8c8c8c;}
.common_pro_list1 li:hover .name{color:#bd8448;}
.common_pro_list1 li .price{ margin-bottom:5px; font-weight:500; line-height:20px;}
.common_pro_list1 li .price .sale{ color:#ff0b0b;}
.common_pro_list1 li .timer_box{ text-align:left;}
.common_pro_list1 li .timer_box i{ background:none; font-size:15px; margin:0 0 -6px 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:#fff; color:#969696; line-height:50px; text-align:center; position: absolute; right: -20px; bottom: 10px; 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:#bd8448; color:#fff;}
.common_pro_list1 li:hover .quickview{ right: 10px; 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>li{width:285px;border:0;margin:15px 20px 5px 0;}
.index_default .common_pro_list1 li.other{width:100%;margin:0;}
.index_default .common_pro_list1 li.none{margin-right:0;}
.index_default .common_pro_list1 li .pic{width:275px;height:366px;overflow:hidden;  position:relative;}
.index_default .common_pro_list1 li .pic img{max-width:275px;max-height:366px;-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 .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 .name{ padding:0px 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 -10px;}
.index_default .news li{ width:33.333%; padding:0 10px; box-sizing:border-box; float:left;}
.index_default .news li img{ width:100%;}
.index_default .news li h5{ margin:20px 0 5px; line-height:1.1;}
.index_default .news li h5 a{ font-size:20px; color:#201f1f; font-weight:400;}
.index_default .news li h5 a:hover{ color:#bd8448;}
.index_default .news li .time{ padding:5px 0; display:block; color:#8c8c8c;}
.index_default .news li p{ font-size:14px; line-height:24px; color:#606060; padding:5px 0;}

.product_detail_2017 .viewfontright{ width:555px;}


#bottom_box{width:100%;background:#232323;}
#bottom_box .link_box dl{padding:0;width:23.3333%;padding-right:30px; box-sizing:border-box;}
#bottom_box .link_box dl dt{text-transform: uppercase;color:#fff; font-size: 16px; margin-bottom: 20px; font-weight:600;}
#bottom_box .link_box dl dd a{padding:5px 0;color:#6c6c6c;font-size:14px;}
#bottom_box .link_box dl dd a:hover{ color:#bd8448;}
#bottom_box .link_box dl.newsletter{ width:30%;}
#bottom_box .link_box dl dd.newsletterform label{display:block; color:#7e7b7b; margin-bottom:15px; line-height:24px; font-size:14px;}
#bottom_box .link_box dl dd.newsletterform .newsletter_txt{background:#fff;box-shadow: inset 0 1px 2px rgba(10,10,10,.1);border:0;padding:0;height:40px;width:100%;border-radius:5px; text-indent:15px;}
#bottom_box .newsletter_btn{margin:0;background:#bd8448;border-radius:5px;margin-top:15px;font-size:16px;width:100%; box-shadow:inset 0 -3px rgba(0,0,0,0.1); transition:all 200ms ease 0s; text-transform:uppercase; height:38px; line-height:38px;}

#bottom_box .foot{min-height:30px; text-align:center;color:#fff; border-top:1px solid rgba(255,255,255,0.1); 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;}
#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:#fff;}
#bottom_box .shartto a:hover{text-decoration:none;color:#bd8448;}

/*1200列表页修改*/
.common_pro_list1>li{width:285px;margin-right:20px;border:0;}
.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:285px;height:380px;line-height:normal;}
.product_list_2017 .common_pro_list1 li .pic img,.common_pro_list1 li .pic img{max-width:285px;max-height:380px; width:100%;}

/*快速弹窗*/
.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,#search_icon:hover{ color:#bd8448;}