/*
Powered by ueeshop.com		http://www.ueeshop.com
广州联雅网络科技有限公司		020-83226791
*/

/***************************宽屏样式(start)***************************/
.w_1200 #banner .banner{width: 100%;}
.w_1200 #banner .banner dt{width: 100%;}
.w_1200 .banner dt .bd ul li, .w_1200 .banner dt .bd ul li a, .w_1200 .banner dt .bd img{ width: 100%;}
.w_1200 #main .pro_right{width: 100%;}
.w_1200 #banner .banner dd li{width:136px; padding:0 50px 0 110px;}
.w_1200 #banner .banner dd li.middle{width:184px;}
.w_1200 #banner .banner dd li .img{left:50px;}

/*.w_1200 .prod_box{width:210px; margin-left:20px; min-height:375px;}*/
.w_1200 .prod_box .prod_box_pic{height:206px;}
.w_1200 .prod_box .prod_box_pic .thumb_hover{width:210px; height:210px;}
.w_1200 .prod_box .prod_box_button .wishlist, .w_1200 .prod_box .prod_box_button .compare{width:40px;}
.w_1200 .prod_box.first, .w_1200 .prod_box:first-child{margin-left:0;}

.w_1200 .prod_box_0{min-height:inherit;}

.w_1200 .prod_box_1{margin-bottom:0;}

.w_1200 .prod_box_2{width:208px; min-height:300px; margin-bottom:30px;}
.w_1200 .prod_box_2 .prod_box_pic{height:208px;}
.w_1200 .prod_box_2 .add_cart_box .add_cart_bg{top:173px; width:208px;}
.w_1200 .prod_box_2 .add_cart_box .add_cart{top:173px; width:208px; background-position:48px -140px;}

.w_1200 .prod_box_3{width:188px; padding:10px 10px 0; min-height:310px;}
.w_1200 .prod_box_3 .prod_box_pic{height:184px;}

.w_1200 .prod_box_4 .prod_action .addtocart{margin-left:5px;}

.w_1200 .prod_box_5{min-height:inherit;}
.w_1200 .prod_box_5 .prod_box_pic{height:200px;}
.w_1200 .prod_box_5 .prod_box_pic.pic_enlarge{height:210px;}

.w_1200 .prod_box_6{min-height:inherit;}
.w_1200 .prod_box_6 .prod_box_pic{height:210px;}
/***************************宽屏样式(end)***************************/

/*广告图*/
#banner{/* background-color:#eee; */}
.banner{width: 100%; /* min-height: 200px; max-height: 640px; */ overflow: hidden;}
.banner dt{display:block; width: 100%; background-color:#fff; overflow:hidden;}
.banner dt .bd li, .banner dt .bd li a, .banner dt .bd img{ width: 100%;}
.banner dd{border:1px solid #dedede; background-color:#fff; height:96px; margin-top:14px;}
.banner dd li{width:134px; height:56px; float:left; display:block; padding:0 20px 0 76px; margin:20px 0; border-left:1px solid #e1e1e1; position:relative;}
.banner dd li:first-child{border:none;}
.banner dd li.middle{width:160px;}
.banner dd li a{text-decoration:none;}
.banner dd li .img{width:56px; height:56px; overflow:hidden; position:absolute; left:20px; top:0;}
.banner dd li h2{font-size:14px; font-weight:bold; height:28px; line-height:28px; overflow:hidden;}
.banner dd li span{display:block; height:32px; line-height:16px; overflow:hidden;}

.index_top_ban{ margin-top: 43px;}
.index_top_ban .index_ban{ width: 585px; height: 247px;text-align: center;}
.index_top_ban .index_ban:first-child{ width: 600px; height: 510px;}
.index_top_ban .index_ban:nth-child(2){ margin-bottom: 16px;}

.featured{ margin-top: 50px;}
.featured .page_title{ position: relative; width: 100%; height: 45px; text-align: center;}
.featured .page_title:before{ display: block; content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 2px; background: #ff2297; margin-top: -1px;}
.featured .page_title .text{ display: inline-block; position: relative; /*width: 317px;*/padding:  0 20px; height: 100%; line-height: 45px; background: #fff; z-index: 1; font-size: 32px; color: #333; font-family: fm;}
.featured .page_title .show_more{ position: absolute; top: 0; right: 0; display: inline-block; height: 22px; line-height: 22px; font-size: 18px; color: #ff2297; font-family: vi; text-decoration: none;}
.featured .prod_list{ width: 100%; margin-top: 40px;}
.featured .prod_list .prod_box{ width: 284px; margin-left: 21px;}
.featured .prod_list .prod_box:first-child{ margin-left: 0;}
.featured .prod_list .prod_box .prod_box_pic{ display: block; width: 100%; height: 282px; border: 1px solid #eee;}
.featured .prod_list .prod_box .time{ width: 100%; height: 40px; line-height: 40px; background: #ffecf6; text-align: center;}
.featured .prod_list .prod_box .time .text{ display: inline-block; padding-left: 32px; background: url('/static/themes/default/images/time_icon.png') no-repeat left center; font-size: 14px; color: #fc1788;}

.index_new_arr{ height: 763px; margin-top: 51px;}
.index_new_arr .left{ width: 360px;}
.index_new_arr .prod_list{ width: 820px; height: 100%; overflow: hidden;}
.index_new_arr .prod_list .prod_box{ width: 258px; height: 370px; margin-right: 20px; margin-bottom: 19px; border: 1px solid #eee;}
.index_new_arr .prod_list .prod_box:nth-child(3n){ margin-right: 0;}
.index_new_arr .prod_list .prod_box .prod_box_info{ position: relative; width: 232px; margin: 0 auto;}
.index_new_arr .prod_list .prod_box .prod_box_info .buy_now_btn{ position: absolute; right: 0; bottom: -5px;}

.index_info{ width: 100%; padding: 52px 0; margin-top: 52px; background: #f8f8f8;}
.index_info .info_list{ height: 414px;}
.index_info .info_list .item{ width: 386px; height: 100%; margin-left: 20px; text-align: center;}
.index_info .info_list .item:first-child{ margin-left: 0;}
.index_info .info_list .item .img{ display: block; width: 100%; height: 216px;}
.index_info .info_list .item .img img{ max-width: 100%; max-height: 100%;}
.index_info .info_list .item .title{ display: block; width: 100%; height: 36px; line-height: 36px; margin-top: 22px; font-size: 22px; color: #000; font-family: fm; text-decoration: none; overflow: hidden;}
.index_info .info_list .item .brief{ width: 100%; height: 72px; line-height: 24px; margin-top: 8px; font-size: 14px; color: #666; overflow: hidden;}
.index_info .info_list .item .btn{ display: inline-block; height: 34px; line-height: 34px; padding: 0 24px; margin: 0 auto; margin-top: 26px; border: 1px solid #ccc; font-size: 14px; color: #666; text-align: center; text-decoration: none;}
.index_info .info_list .item:hover .btn{ background: #f4379b; border-color: #f4379b; color: #fff;}

.customers{ margin-top: 41px;}
.customers .page_title{ width: 100%; height: 45px; line-height: 45px; font-size: 32px; color: #222; font-family: fm; text-align: center;}
.customers .img_list{ width: 100%; margin-top: 26px;}
.customers .img_list .img{ position: relative; width: 200px; height: 200px; overflow: hidden;text-align: center;}
.customers .img_list .img:first-child{ width: 400px; height: 400px;}
.customers .img_list .img .img_con{ position: absolute; left: 0; top: 0; display: table; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); text-decoration: none; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);}
.customers .img_list .img .img_con_in{ display: table-cell; vertical-align: middle;}
.customers .img_list .img .img_con_in .con_img{ width: 32px; height: 32px; margin: 0 auto; text-align: center;}
.customers .img_list .img .img_con_in .con_img img{ max-width: 100%; max-height: 100%;}
.customers .img_list .img .img_con_in .con_btn{ width: 96px; height: 34px; line-height: 34px; margin: 0 auto; margin-top: 21px; border: 2px solid #fff; font-size: 16px; color: #fff; font-family: osb; text-align: center;}
.customers .img_list .img:hover .img_con{ -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

.customers .bot_text{ width: 100%; height: 329px;}
.customers .bot_text .text_item{ width: 592px; height: 100%; margin: 39px 0 46px 0; padding: 12px; background: #eee;}
.customers .bot_text .text_item .item_in{ width: 100%; height: 100%; padding: 24px 23px; background: #fff;}
.customers .bot_text .text_item .item_in .item{ width: 100%; padding-bottom: 22px; border-bottom: 1px dashed #dcdcdc;}
.customers .bot_text .text_item .item_in .item:first-child{ margin-bottom: 16px;}
.customers .bot_text .text_item .item_in .item .title{ display: block; width: 100%; height: 40px; line-height: 40px; font-size: 26px; color: #333; font-family: fm; text-align: center; text-decoration: none; overflow: hidden;}
.customers .bot_text .text_item .item_in .item .brief{ width: 100%; height: 72px; line-height: 24px; margin-top: 8px; font-size: 14px; color: #888; font-family: or; overflow: hidden;}
.customers .bot_text .text_item .item_in .item:nth-child(2){ padding: 0; border: 0;}
.customers .bot_text .text_item .item_in .item:nth-child(2) .brief{ height: 48px;}
.customers .bot_text .text_item .item_in .item .brief .more_btn,.customers .bot_text .text_item .item_in .item .top .text .more_btn{ font-size: 14px; color: #333; font-family: or; text-decoration: underline;font-weight: bold;}

.customers .bot_text .text_item:nth-child(2) .item_in{ padding: 31px 18px 34px;}
.customers .bot_text .text_item:nth-child(2) .item_in .item{ border-bottom: 0;}
.customers .bot_text .text_item .item_in .item .top{ width: 100%; height: 200px; margin-top: 15px;}
.customers .bot_text .text_item .item_in .item .top .img{ width: 98px;/*  height: 100%; */margin-right: 15px;}
.customers .bot_text .text_item .item_in .item .top .text{ width: 100%; height: 100%; line-height: 25px; font-size: 14px; color: #888; overflow: hidden;}
.customers .bot_text .text_item:nth-child(2) .item_in .item .brief{ height: 96px; margin-top: 15px;}

.customers .bot_text .text_item:hover{ background: #ffecf6;}
.customers .bot_text .text_item .item_in .item:hover .title{ color: #f4379b;}
.customers .bot_text .text_item .item_in .item:hover .top .text .more_btn,.customers .bot_text .text_item .item_in .item:hover .more_btn{ color: #004eff;}