body{font-family:Open Sans, sans-serif;font-size:14px;}
a{color:#4e5254;transition: all .25s ease-in-out;}
a:hover{color:#000;}
.wapper{width:1200px;}
#header_box{width:100%;}
#header_box .header1{height:50px;background:#f7f7f7;position:relative;}
#header_box .header_lt{float:left;height:50px;}
#header_box .shartto{float:right;height:50px;margin-right:20px;}
#header_box .shartto li{display:inline-block;vertical-align:middle;margin-left:15px;}
#header_box .shartto li a{display:block;line-height:50px;font-size:16px;color:#000;}
#header_box .top_txt{position:absolute;left:0;top:0;right:0;margin:auto;width:400px;text-align:center;line-height:50px;height:50px;}
#header_box .header_rt{float:right;padding:0;height:50px;}
#header_box .cart_box{padding:0;margin:0;height:50px;border:0;float:right;}
#header_box .cart_txt{line-height:50px;font-size:14px;}
#header_box .cart_txt a{color:#000;text-transform:uppercase;}
#header_box .cart_txt i{width:auto;height:auto;margin:0 0 0 10px;background:none;vertical-align:top;font-size:18px;}
#header_box .cart_txt span{font-weight:normal;font-size:16px;}
#header_box .cart_txt em{display:inline-block;font-size:12px;margin-left:5px;}
#header_box .cart{top:45px;box-shadow:none;border-color:#eee;}
#header_box .currency_box{float:right;height:50px;margin-right:20px;position:relative;}
#header_box .currency_txt{font-size:13px;font-weight:600;line-height:50px;height:50px;}
#header_box .currency_txt i{display:inline-block;vertical-align:middle;background:none;font-size:12px;margin-left:3px;}
#header_box .drop_currency{ left:-15px; top:45px; width:86px; padding:3px 0; box-shadow:none;border-color:#eee;}
#header_box .currency li a{ color:#4e5254; display:block; overflow:hidden; height:22px; line-height:22px; padding:0 8px;}
#header_box .currency li a:hover{ background:#000; color:#fff;}
#header_box .currency li a span{ float:right;}
#header_box .currency li a b{ font-weight:normal; float:left;}
#header_box .login_box{float:right;height:50px;margin-right:10px;}
#header_box .login_box a{display:block;font-weight:600;color:#4e5254;height:50px;line-height:50px;text-transform:uppercase;}
#header_box .login_box a i{display:inline-block;background:none;vertical-align:top;font-size:26px;}
#header_box .search_box{float:right;padding:0;height:50px;margin-right:20px;}
#header_box .search_box > span{display:inline-block;font-size:22px;line-height:50px;font-weight:bold;color:#000;cursor:pointer;}
#header_box .search{height:100%;padding:0;width:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);display:none; opacity:0;}
#header_box .searchform{border:1px solid #d5d5d5;height:192px;width:390px;padding:10px 20px;position:fixed;background:#fff;left:0;right:0;top:0;bottom:0;margin:auto;}
#header_box .searchform p{font-size:13px;color:#000;text-align:center;padding-top:40px;}
#header_box .search_input{margin:10px auto 0;background:none;line-height:48px;padding:0;width:298px;height:48px;border:1px solid #dfdfdf;text-align:center;float:none;display:block;}
#header_box .btn_search{float:none;background:#000;height:40px;line-height:40px;border:0;padding:0;margin:0;font-size:14px;color:#fff;width:150px;text-align:center;display:block;margin:15px auto 0;}
#header_box #search_close{height:30px;line-height:30px;padding:0;width:30px;text-align:center;font-size:22px;cursor:pointer;position:absolute;right:0;top:0;}

#header_box .logo{text-align:center;height:100px;float:none;width:100%;}
#header_box .logo a{display:inline-block;height:100px;}
#header_box .logo a span{display:inline-block;vertical-align:middle;height:100%;}
#header_box .logo img{max-height:74px;vertical-align:middle;}

#header_box .nav_box{border:0;height:55px;background:#000;}
#header_box .nav{float:none;width:100%;text-align:center;margin:0;}
#header_box .nav li{height:auto;float:none;vertical-align:top;padding:0;display:inline-block;}
#header_box .nav li a{font-size:13px;color:#fff;text-transform:uppercase;border:0;height:55px;line-height:55px;display:block;}
#header_box .nav li a:hover,#header_box .nav li.on a{color:#fff;background:#1e1e1e;}
#header_box .nav li a i{display:inline-block;vertical-align:top;background:none;font-size:12px;margin-left:4px;}
#header_box .nav .sub_nav{width:200px;border:0;padding:10px 0;top:55px;border: 1px solid #ddd;}
#header_box .nav .sub_nav li{width:100%;}
#header_box .nav .sub_nav li a{display:block;padding:0 10px;text-align:left;font-size:13px;font-weight:400;color:#000;text-transform:uppercase;background:none;}
#header_box .nav .sub_nav li a:hover{background:none;color:#000;text-decoration:underline;}

#banner{ position: relative;overflow: hidden;}
#banner .swiper-slide{background-color: #fff;position: relative; background-position: center center; background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;}
#banner img {	width: 100%;	overflow: hidden;	position: relative;	}
#banner .cont {	width: 47%;	box-sizing: border-box;	padding: 0 60px 0 180px ; position: absolute;z-index: 2;left: 0;top: 0;bottom:0;margin:auto;height:270px;}
#banner .cont h4 {font-size: 50px;color: #fff;line-height: 54px;margin-bottom: 20px;}
#banner .cont p {font-size: 24px;color: #fff;line-height: 24px;	margin-bottom: 30px;font-weight: 700;}
#banner .cont a.view {color: #fff;font-size: 14px;line-height: 40px;display: inline-block;font-weight: 700;transition: all .4s;padding: 0 20px; background: #000;}
#banner .cont a.view:hover{color: #fff;background: #000;}
#banner .iconfont {	position: absolute;	height: 40px;width: 40px;background: none;transition: all .4s;line-height: 40px;text-align: center;font-size: 26px;	top: 50%;z-index: 2;	cursor: pointer;color: #000;margin-top: -20px; opacity:0.7;}
#banner .prev{left: 10px; right: auto;}
#banner .next{right: 10px;left: auto;}
#banner .iconfont:hover{padding: 0;color: #000; opacity:1;}
#banner .swiper-pagination-fraction {	color: #fff;	left: auto;	right: 20px;	bottom: 30px;	width: 140px;	text-align: center;	line-height: 90px;	font-size: 40px;}
#banner .swiper-pagination-fraction .swiper-pagination-current{font-size: 70px;font-weight: 700;}
#banner .swiper-pagination-fraction .swiper-pagination-total{}
#banner .swiper-container-cube .swiper-cube-shadow {	opacity: .2;	-webkit-filter: blur(210px);	filter: blur(210px);}

#body_box{width:1200px;}
.index_default{width:100% !important;}
.index_default .banner_top_ad{text-align:center;border-bottom:1px solid #e0e3e4;}
.index_default .home_ad{float:left;margin-right:30px;width:380px;position:relative;overflow:hidden;}
.index_default .home_ad img{max-width:100%;}
.index_default .home_ad3{margin-right:0;}
.index_default .home_ad .cont {text-align:center;position: absolute;top: 50%;left: 0;width: 100%;height: 100%;}
.index_default .home_ad .cont h4 a{display:block;font-size:30px;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;word-spacing: -0.15em;color:#fff;margin-bottom: 10px;font-weight:normal;}
.index_default .home_ad .cont p{opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1.5);transform: scale(1.5);letter-spacing: 1px;font-size:14px;color:#fff;}
.index_default .home_ad:hover h4 a{-webkit-transform: scale(0.9);transform: scale(0.9);}
.index_default .home_ad:hover .cont p{opacity: 1;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
.index_default .tit{border:0;height:40px;line-height:normal;padding:0;text-align:center;position:relative;line-height:40px;}
.index_default .tit a{display:inline-block;float:none;font-size:20px;color:#000;background:#fff;position:relative;z-index:10;line-height:40px;height:40px;padding:0 15px;text-transform:uppercase;font-weight:bold;}
.index_default .tit .line{border-bottom:1px solid #eee;height:1px;width:100%;position:absolute;top:0;bottom:0;margin:auto;z-index:9;}
.index_default .common_pro_list1 li{border:0;width:228px;margin-right:15px;}
.index_default .common_pro_list1 li.none{margin-right:0;}
.index_default .common_pro_list1 li.other{margin:0;padding:0;width:100%;}
.index_default .common_pro_list1 li.actived{border:0;}
.index_default .common_pro_list1 li .pic{width:228px;height:340px;line-height:340px;position:relative;}
.index_default .common_pro_list1 li .pic img{max-width:228px;max-height:340px;}
.index_default .common_pro_list1 li .newin{z-index:10;}
.index_default .common_pro_list1 li .name{font-size:14px;letter-spacing: initial;color:#000;}
.index_default .common_pro_list1 li .name:hover{text-decoration:underline;color:#000;}
.index_default .common_pro_list1 li .price{display:block;text-align:center;font-size:16px;font-weight:normal;color:#000;}
.index_default .common_pro_list1 li span.oldprice{display:block;text-align:center;font-size:14px;font-weight:normal;color:#898989;margin:5px 0;}
.index_default .common_pro_list1 li .change_color{text-align:center;font-size:0;margin-top:10px;}
.index_default .common_pro_list1 li .change_color dd{display:inline-block;width:30px;height:30px;overflow:hidden;text-align:center;border:1px solid #ddd;border-radius:50%;margin:0 3px;cursor:pointer;}
.index_default .common_pro_list1 li .change_color dd img{max-width:30px;max-height:30px;}
.index_default .common_pro_list1 li .change_color dd.on{border-color:#999;}
.index_default .home_ad4{width:100%;position:relative;overflow:hidden;}
.index_default .home_ad4 .img img{max-width:100%;}
.index_default .home_ad4 .cont {text-align:center;position: absolute;top: 50%;left: 0;width: 100%;height: 100%;}
.index_default .home_ad4 .cont h4 a{display:block;font-size:30px;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;word-spacing: -0.15em;color:#fff;margin-bottom: 10px;font-weight:normal;}
.index_default .home_ad4 .cont p{opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1.5);transform: scale(1.5);letter-spacing: 1px;font-size:14px;color:#fff;}
.index_default .home_ad4:hover h4 a{-webkit-transform: scale(0.9);transform: scale(0.9);}
.index_default .home_ad4:hover .cont p{opacity: 1;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
.index_default .news .news_con{overflow:hidden;}
.index_default .news .news_con li{float:left;width:380px;margin-right:30px;}
.index_default .news .news_con li:nth-child(3){margin-right:0;}
.index_default .news .news_con li .time{margin:20px 0 0;}
.index_default .news .news_con li .title a{display:block;color:#000;font-size:20px;margin:15px 0 10px;font-weight:normal;text-align:center;}
.index_default .news .news_con li p{line-height:24px;padding:0 30px;text-align:center;}
.index_default .news .news_con li .bg{display:block;width:380px;height:198px;}
.index_default .consumer_selfies li{float:left;width:180px;margin-right:24px;}
.index_default .consumer_selfies li:nth-child(6){margin-right:0;}
.index_default .consumer_selfies li img{max-width:100%;}
.index_default .consumer_selfies li a{display:block;float:left;}


#bottom_box{width:100%;padding:0;background:#000;color:#fff;}
#bottom_box .links dl,#bottom_box .newsletter{float:left;width:25%;box-sizing:border-box;}
#bottom_box .cus h3,#bottom_box .newsletter h3,#bottom_box .links dt{text-transform: uppercase;font-size: 16px;line-height: 20px;padding: 10px 0;color: #fff;margin-bottom:20px;}
#bottom_box .links dd a{height:26px;line-height:26px;font-size:13px;color:#fff;}
#bottom_box .links dd a:hover{color:#fff;text-decoration:underline;}
#bottom_box .newsletter{margin:0;}
#bottom_box .newsletter_txt{width:240px;height:50px;border:0;padding:0;background:#191919;text-indent:15px;color:#fff;display:inline-block;}
#bottom_box .newsletter_btn{height:50px;line-height:50px;background:none;color:#fff;font-size:40px;width:50px;font-size:16px;}
#bottom_box .shartto{float:none;text-align:center;height:auto;}
#bottom_box .shartto li{display:inline-block;vertical-align:middle;float:none;}
#bottom_box .shartto li a{color:#fff;font-size:24px;}


#bottom_box .copyright{color:#fff;height:34px;line-height:34px;margin:10px 0 0;padding:0;font-size:13px;text-align:center;}
#bottom_box .diy_payment{margin:20px 0 0;text-align:center;}

.common_pro_list1 li{width:230px;}
.product_list_2017 .common_pro_list1 li .pic{width:230px;height:230px;line-height: 230px;position:relative;}
.product_list_2017 .common_pro_list1 li .pic img{max-width:230px;max-height:280px;}
.product_list_2017 .common_pro_list1 li .pic .op_img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:9;opacity:0;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;}
.product_list_2017 .common_pro_list1 li.actived .pic .op_img{ opacity:1;}
.product_detail_2017 .viewfontright{width:555px;}


.product_list_2017 .common_pro_list1 li,.product_list_2017 .common_pro_list2 li{border:0;width:228px;margin-right:15px;}
.product_list_2017 .common_pro_list1 li.none,.product_list_2017 .common_pro_list2 li.none{margin-right:0;}
.product_list_2017 .common_pro_list1 li.other,.product_list_2017 .common_pro_list2 li.other{margin:0;padding:0;width:100%;}
.product_list_2017 .common_pro_list1 li.actived,.product_list_2017 .common_pro_list2 li.actived{border:0;}
.product_list_2017 .common_pro_list1 li .pic,.product_list_2017 .common_pro_list2 li .pic{width:228px;height:340px;line-height:340px;position:relative;}
.product_list_2017 .common_pro_list1 li .pic img,.product_list_2017 .common_pro_list2 li .pic img{max-width:228px;max-height:340px;}
.product_list_2017 .common_pro_list1 li .name,.product_list_2017 .common_pro_list2 li .name{font-size:14px;letter-spacing: initial;color:#000;}
.product_list_2017 .common_pro_list1 li .name:hover,.product_list_2017 .common_pro_list2 li .name:hover{text-decoration:underline;color:#000;}
.product_list_2017 .common_pro_list1 li .price,.product_list_2017 .common_pro_list2 li .price{display:block;text-align:center;font-size:14px;font-weight:normal;color:#000;}
.product_list_2017 .common_pro_list1 li span.oldprice,.product_list_2017 .common_pro_list2 li span.oldprice{font-size:14px;font-weight:normal;color:#898989;margin:5px 0;}
.product_list_2017 .common_pro_list1 li .change_color,.product_list_2017 .common_pro_list2 li .change_color{text-align:center;font-size:0;margin-top:10px;}
.product_list_2017 .common_pro_list1 li .change_color dd,.product_list_2017 .common_pro_list2 li .change_color dd{display:inline-block;width:30px;height:30px;overflow:hidden;text-align:center;border:1px solid #ddd;border-radius:50%;margin:0 3px;cursor:pointer;}
.product_list_2017 .common_pro_list1 li .change_color dd img,.product_list_2017 .common_pro_list2 li .change_color dd img{max-width:30px;max-height:30px;}
.product_list_2017 .common_pro_list1 li .change_color dd.on,.product_list_2017 .common_pro_list2 li .change_color dd.on{border-color:#999;}

.common_pro_list1 li .sold_out_bg{left:0;right:0;margin:auto;top:160px;}
.common_pro_list1 li .sold_out_box span{top:160px;width:100%;}





