/*
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 .banner dt .bd ul li a, .w_1200 .banner dt .bd img{height: 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)***************************/

.header_outer{/* position: absolute;*/ position: relative;background-color: #000;  left: 0; top: 0;}

/*广告图*/
#banner{ position: relative; width: 100%;}
.banner{width: 100%; 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{ box-sizing: border-box; display: flex; flex-wrap: wrap; padding-top: 120px; padding-bottom: 129px;width: 80%; width: 1536px; min-width: auto; max-width: 1700px;}
.index_top .index_top_item{ width: 23.5%;margin-left: 2%;}
.index_top .index_top_item:first-child{margin-left: 0;}
.index_top .index_top_item .img{ display: block; width: 100%; max-height: 576px; text-align: center;overflow: hidden;}
.index_top .index_top_item .title{ display: block; width: 100%; height: 33px; line-height: 33px; margin-top: 13px; font-size: 16px; color: #111; text-decoration: none;}
.index_top .index_top_item:hover img{transform: scale(1.05);}

.products{ width: 100%; margin: 0 auto;}
.products .title{ position: relative; width: 100%; height: 30px; font-size: 14px; color: #555; font-family: mu; text-align: center;}
.products .title:before{ display: block; content: ''; width: 100%; position: absolute; left: 0; top: 50%; margin-top: -0.5px; border-top: 1px solid #e1e1e1;}
.products .title span{ position: relative; display: inline-block; width: 238px; height: 100%; line-height: 30px; background: #fff; font-size: 14px; color: #555; font-family: mu; font-weight: bold;}
.products .cate_title{ width: 100%; height: 43px; margin-top: 10px; text-align: center;}
.products .cate_title .item{ display: inline-block; height: 100%; line-height: 43px; margin: 0 20px; font-size: 26px; color: #bbb; font-family: mu; text-decoration: none;}
.products .cate_title .item.cur{ color: #111;}
.products .pro_list{ position: relative; width: 100%; height: 800px; margin-top: 49px;/* padding-bottom: 89px;*/ overflow: hidden;}
.products .pro_list .pro_item{ position: absolute; left: 0; top: 0; width: 100%; opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);}
.products .pro_list .pro_item.cur{ opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
.products .pro_list .pro_item .list_outer{ max-width: 1400px; margin: 0 auto;}
.products .pro_list .pro_item .list_outer .list{ width: 100%; height: 604px;}
.products .pro_list .pro_item .list_outer .list .roundabout-moveable-item{ width: 507px; height: 604px;}
.products .pro_list .pro_item .list_outer .list .roundabout-moveable-item:hover img{transform: scale(1.05);}
.products .pro_list .pro_item .list_outer .list .roundabout-moveable-item .pic_img{ display: block;height: 416px;text-align: center;overflow: hidden;}
.products .pro_list .pro_item .list_outer .list .roundabout-moveable-item .pro_title{ display: block; width: 100%; height: 33px; line-height: 33px; margin-top: 19px; font-size: 16px; color: #111; text-align: center; text-decoration: none; overflow: hidden;}
.products .pro_list .pro_item .list_outer .list .roundabout-moveable-item .brief{ width: 100%; height: 23px; line-height: 23px; font-size: 14px; color: #333; font-family: ml; text-align: center;}
.products .pro_list .pro_item .list_outer .list .roundabout-moveable-item .price{ width: 100%; height: 22px; line-height: 22px; font-size: 14px; color: #333; font-family: ml; text-align: center;}
.products .pro_list .pro_item .list_outer .list .roundabout-moveable-item .price del{color:#aaaaaa;margin-left: 5px;}

.products .pro_list .pro_item .list_outer .list .roundabout-moveable-item.roundabout-in-focus{ width: 500px;}
.products .pro_list .pro_item .list_outer .list .roundabout-moveable-item.roundabout-in-focus .pic_img{ height: 500px;}
.products .pro_list .pro_item .list_outer .switcher{ width: 100%; height: 11px; margin-top: 46px; text-align: center;}
.products .pro_list .pro_item .list_outer .switcher li{ display: inline-block; width: 11px; height: 100%; margin:0 7px; border: 1px solid #666; font-size: 0; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
.products .pro_list .pro_item .list_outer .switcher li.active{ background: #666;}

.brand{ width: 100%;}
.brand .title{ position: relative; width: 100%; height: 30px; font-size: 14px; color: #555; font-family: mu; text-align: center;}
.brand .title:before{ display: block; content: ''; width: 100%; position: absolute; left: 0; top: 50%; margin-top: -0.5px; border-top: 1px solid #e1e1e1;}
.brand .title span{ position: relative; display: inline-block; width: 238px; height: 100%; line-height: 30px; background: #fff; font-size: 14px; color: #555; font-family: mu; font-weight: bold;}
.brand .brief{ width: 100%; height: 44px; line-height: 44px; margin-top: 10px; font-size: 26px; color: #111; font-family: mu; text-align: center;}
.brand .con{ position: relative; width: 100%; margin-top: 48px;}
.brand .con .img{ width: 100%;}
.brand .con .con_txt{ display: table; position: absolute; right: 70px; top: 0; bottom: 0; width: 580px; height: 400px; margin: auto; background: #fff;}
.brand .con .con_txt .con_txt_in{ display: table-cell; padding: 0 67px; vertical-align: middle; text-align: center;}
.brand .con .con_txt .con_txt_in .top{ width: 100%; height: 184px; line-height: 46px; font-size: 34px; color: #333; font-family: mb; overflow: hidden;}
.brand .con .con_txt .con_txt_in .bot{ width: 100%; height: 56px; line-height: 28px; margin-top: 42px; font-size: 14px; color: #111; font-family: mu;overflow: hidden;}

.follow_us{ box-sizing: border-box; width: 100%; max-width: 1920px; margin: 180px auto 0;display: flex;}
.follow_us .img{ overflow: hidden;text-align: center;}
.follow_us .img.big_img{position: relative; width: 33.334%;padding-top: 33.334%;}
.follow_us .img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: block; font-size: 0; }
.follow_us .img:hover img{transform: scale(1.05);}
.follow_us .mid{ position: relative; width: 33.334%;}
.follow_us .mid .min_box { display: flex;flex-wrap: wrap; }
.follow_us .mid .min_box .img{ position: relative; display: block; font-size: 0; width: 50%;padding-top: 50%; overflow: hidden;text-align: center;}
/* .follow_us .mid .img:hover img{transform: scale(1.05);} */
.follow_us .follow_info{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 300px; height: 90px; margin: auto; padding: 10px 0; background: rgba(255, 255, 255, 0.75);}
.follow_us .follow_info .txt{ width: 100%; height: 30px; line-height: 30px; font-size: 16px; color: #666; font-family: pi; text-align: center;}
.follow_us .follow_info .btn{ display: block; width: 100%; height: 40px; line-height: 40px; font-size: 25px; color: #333; font-family: mb; text-align: center; text-decoration: none;}


.index_img{margin-top: 3vw}
.index_img.img{text-align: center;font-size: 0;}
.index_img.img img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
.index_img.img span{display: inline-block;vertical-align: middle;height: 100%;}

#footer_outer .footer_nav .footer_item .list .item { height: unset; line-height: 22px; padding: 4px 0; }

@media screen and (max-width: 1600px) {
    .brand .con .con_txt { width: 500px; }
    .brand .con .con_txt .con_txt_in { padding: 0 30px; }
}

@media screen and (max-width: 1440px) {
    .index_top { width: 92%; padding-top: 80px; padding-bottom: 89px; }

    .brand .con .con_txt { height: 330px; right: 35px; }
    .brand .con .con_txt .con_txt_in .top { height: 140px; line-height: 34px; font-size: 24px; }

    .follow_us { margin-top: 100px; }
    .follow_us .follow_info { width: 240px; }
    .follow_us .follow_info .txt { font-size: 14px; }
    .follow_us .follow_info .btn { font-size: 17px; }
}

@media screen and (max-width: 1366px) {
    .brand .con .con_txt { background: rgba(255, 255, 255, .8); }
}

@media screen and (max-width: 1000px) {
    .index_top { width: 100%; justify-content: space-between; padding: 49px 30px; }
    .index_top .index_top_item { width: 48.406%; margin: 11px 0; }

    .brand .title span { font-size: 24px; }
    .brand .brief { font-size: 24px; }
    .brand .con { margin-top: 50px; }
    .brand .con .con_txt { width: 84%; height: 300px; right: 0; left: 0; }
    .brand .con .con_txt .con_txt_in { padding: 0 15px; }
    .brand .con .con_txt .con_txt_in .top { height: 150px; line-height: 36px; font-size: 34; }
    .brand .con .con_txt .con_txt_in .bot { font-size: 19px; margin-top: 6px; }
    
    .index_img { margin-top: 60px; }
}

@media screen and (max-width: 768px) {
    .follow_us { flex-wrap: wrap; padding: 0 30px; margin-top: 60px; margin-bottom: 118px; }
    .follow_us .img.big_img { width: 100%; padding-top: 100%; }
    .follow_us .mid { width: 100%; margin: 60px 0; }
    .follow_us .follow_info { width: 81.16%; height: 150px; padding: 22px 0; }
    .follow_us .follow_info .txt { font-size: 24px; }
    .follow_us .follow_info .btn { font-size: 34px; margin-top: 4px; }
}

@media screen and (max-width: 600px) {
    .index_top { padding: 25px 15px; }
    .index_top .index_top_item { margin: 5px 0; }

    .brand .title span { width: 100px; }
    .brand .brief { height: 35px; line-height: 35px; font-size: 14px; margin-top: 0; }
    .brand .con { margin-top: 17px; }
    .brand .con .con_txt { height: 185px; }
    .brand .con .con_txt .con_txt_in .top { height: 95px; line-height: 22px; font-size: 17px; }
    .brand .con .con_txt .con_txt_in .bot { line-height: 17px; font-size: 12px; margin-top: 6px; }

    .index_img { margin-top: 30px; }
    
    .follow_us { padding: 0 15px; margin-top: 30px; margin-bottom: 60px; }
    .follow_us .mid { margin: 30px 0; }
    .follow_us .follow_info { height: 75px; padding: 12px 0; }
    .follow_us .follow_info .txt { height: 22px; line-height: 22px; font-size: 14px; }
    .follow_us .follow_info .btn { height: 30px; line-height: 30px; font-size: 17px; margin-top: 0; }
}