@charset "utf-8";
/*
[DTmuban Template] Copyright (c) 2010-2018 www.dtmuban.com
This is not a free template. Please buy the authentic license.
Author: Xiaohei, QQ:2909458585. Version: dz_v6, time: 20181008.
Special note: do not modify this document without permission.
*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

em, i {
    font-style: normal;
}


/*导航栏*/
.header_bg{ background:#fff;}
.main_nav{background:#fff;border-bottom:1px solid #ddd;text-align: center;height: 47px;line-height: 47px;}
.main_nav a{color:#333;font-size: 18px;padding: 0 40px;}
.main_nav a:hover,.main_nav a.cur{background:none;color: #107fdc;}

/*banner CSS*/
.bannerlist-container{ position:relative; overflow:hidden;}
.bannerlist-container .banner-list{display:block; position:absolute; top:0px; bottom:0px; width:100%;}
/*.bannerlist-container .banner-list li{ display:block; position:absolute; top:0px; bottom:0px;}*/
.bannerlist-container .banner-list li{display:block; float:left; position:relative;}/*无缝隙*/
.bannerlist-container .banner-list li a{display:block; position:absolute; top:0px; bottom:0px; left:0px; right:0px;}
.bannerlist-container .lr-btn{ position:absolute; display:block; top:50%; width:30px; height:60px; margin-top:-30px; z-index:99; background-image:url("https://www.qtwb2b.com/ads/skina/css/banner_btn.png"); background-repeat:no-repeat;}
.bannerlist-container .leftbtn{ left:30px; background-position:0 -65px;}
.bannerlist-container .rightbtn{ right:30px; background-position:-42px -65px;}
.bannerlist-container .leftbtn:hover{background-position:0 -3px;}
.bannerlist-container .rightbtn:hover{background-position:-42px -3px;}
.bannerlist-container .button-area{ position:absolute; height:30px; bottom:10px; left:0px; width:100%; text-align:center; z-index:66; }
.bannerlist-container .button-area a{ display:inline-block; width:12px; height:12px; margin:0 6px; vertical-align:middle; cursor:pointer; border-radius:50%; background:#000;}
.bannerlist-container .button-area a.cur{ background:#fff;}

/*精品推荐*/
.b1_list{overflow: hidden;     background: #f2f2f2;}
.container {
    width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.title_Top {
       background: url(title_top.jpg) #fff no-repeat center;
    width: 100%;
    height: 59px;
    font-weight: 500;
    text-align: center;
    font-size: 32px;
    color: #303030;
    line-height: 35px;
    margin: 77px auto 53px;
    padding: 10px;
}
.col-lg-4 {
    width: 33.33333333%;
    float:left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
a.btn.btn-primary {
    color: #fff;
    margin-bottom: 20px;
}
.b1_list ul {
    text-align: center;
	margin-bottom:20px;
}

.b1_list ul > li, .b3_list ul > li, .foot p, .abt1 {
    font-size: 0px;
	background: #fff;
    position: relative;
}
.b1_list ul img {
width: 100%;
    height: 280px;
    transition: all 0.6s;
    border: 1px solid #f5f5f5;
}
.b1_list ul:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.b1_list ul p {
     
    font-size: 15px;
    color: #555555;
	padding: 5px;
	height: 44px;
    overflow: hidden;
}
.price {
    margin-bottom: 10px;
}
.b1_list ul p i {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #1994ff;
    border-radius: 50%;
}
.b1_list ul p span {
    margin: 0 20px;
}

.kfboxs {
	 
		background: #fff;
    position: fixed;
    right: 50%;
    margin-right: -250px;
    top: 35%;
    text-align: center;
    width: 426px;
    line-height: 20PX;
    height: 222px;
    z-index: 999;
    display: none;
    FONT-SIZE: 14PX;
    -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .3);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    
	}

 .top-boxs {
    background: #0d6efd;
    color: #fff;
    padding: 20px 0;
	margin-bottom: 20px;
}
.top-boxs p {
    font-size: 20px;
    margin-top: 20px;
}

.top-boxs h2 {
    font-size: 28px;
}

.btn.btn-default {
    background: #0083fe;
    color: #fff;
    width: 100%;
    margin: auto;
    display: block;
	 
}

 

.kfboxs h2 {
    font-size: 28px;
    margin-bottom:10px;
	margin-top: 0;
}
 
.clos {
    width: 30PX;
    height: 30PX;
    cursor: pointer;
    float: right;
    MARGIN-TOP: -20PX;
    margin-right: -23px;
}

/*热销产品*/
.h_pro_list{ padding:30px 0 20px 0;}
.h_pro_list .hd{ height:80px; line-height:80px; background:#ff1f03; text-align:center;}
.h_pro_list .hd h2{ font-size:30px; color:#fff8db;}
.h_pro_list .bd ul{ margin-right:-24px;}
.h_pro_list .bd li{float:left; width:260px; border:1px solid #fff; background:#fff; padding:10px 10px 20px 10px; margin:30px 24px 0 0; text-align:center; position:relative;}
.h_pro_list .bd li:hover{ border:1px solid #ddd;}
.h_pro_list .hot_ico{background:url("https://www.qtwb2b.com/ads/skina/css/hot.png") no-repeat; display:block; width:41px; height:34px; position:absolute; top:-7px; left:20px;}
.h_pro_list .bd .pic {
        /*非IE的主流浏览器识别的垂直居中的方法*/
        display: table-cell;
        vertical-align:middle;

        /*设置水平居中*/
        text-align:center;

        /* 针对IE的Hack */
        *display: block;
        *font-size: 226px;/*约为高度的0.873，200*0.873 约为175*/
        *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/

        width:260px;
        height:260px; overflow:hidden;
}
.h_pro_list .bd .pic img{vertical-align:middle;max-height:260px;max-width:260px;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s;display:block\0;}  
.h_pro_list .bd .pic:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)}
.h_pro_list .bd .text{ font-size:16px; line-height:60px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.h_pro_list .bd .text a{ color:#333;}
.h_pro_list .bd .text a:hover{ color:#f5473b;}
.h_pro_list .bd .price{ display:inline-block; width:88px; height:28px; line-height:28px; border:1px solid #f5473b; color:#f5473b;}
.h_pro_list .bd .btn{ display:inline-block; width:90px; height:30px; line-height:30px; color:#fff; background:#f5473b;}
.h_pro_list .bd .btn:hover{ background:#f11600;}

/*新品上市*/
.h_new_pro .hd{background:#039dff;}
.h_new_pro .hd h2{color:#fff;}
.h_new_pro .bd .price{border:1px solid #039dff; color:#039dff;}
.h_new_pro .bd .btn{ background:#039dff;}
.h_new_pro .bd .btn:hover{ background:#0091ed;}

/*公司简介*/
.h_about_bg{width:100%;height:460px;  overflow: hidden;background-size: 100% 100%; }
.h_about{   float: left; color:#333;}
.h_about .pic {
    left: 0px;
    width: 400px;
 
    margin-top: 30px;
}
.h_about .text{ line-height:26px; margin:10px 0; height:156px; overflow:hidden;}
.swiper-slide img {
    width: 100%;
}
.sidle {
    float: left;
}
.sidletime img{ width:100px; height:100px;}

.sm-desc {
    float: left;
    margin-left: 50px;
	    margin-top: 30px;
		    color: #333;
			    padding: 20px;
}

.bigpic {
    float: left;
}
.bigpic img{width:300px; height:300px;}
a.btn.btn-success {
    margin-bottom: 20px;
    color: #fff;
}
.price span {
    HEIGHT: 50PX;
    color: #e04445;
    font-size: 15px;
}

/*颜色*/
a:hover,.highlight{color:#f5473b;}
.sidebar_mod .hd{background: #1A95FD;border-bottom: 3px solid #a4ddfd;}
.sidebar_mod .hd i{background-color: #107fdc;}
.sidebar_mod .bd{border: 1px solid #a4ddfd;padding: 10px;}
.sidebar_mod .border_b{ border-bottom:1px solid #ffc9c9;}
.sidebar_menu .bd .til a:hover{ color:#f5473b;}
.sidebar_menu_til a:hover{ background:url("https://www.qtwb2b.com/ads/skina/css/sidebar_menu.png") no-repeat 0 -25px;}
.tab_hd li.hover{ border-bottom:1px solid #f5473b; color:#f5473b;}/*诚信档案选项卡*/
.tab_hd li i{border-color:transparent transparent #f5473b transparent;}/*诚信档案选项卡*/

.gjc {
    position: absolute;
    /* top: 8px; */
    left: 30px;
    line-height: 34px;
    color: #bbb;
    font-size: 12px;
    cursor: text;
    width: 170px;
}
/**/
.sidebar_mod .hd .t01{background: url("shop.png") no-repeat -72px -59px #107fdc;width: 30px;height: 38px;}
.sidebar_mod .hd .t02{background: url("shop.png") no-repeat -245px -59px #107fdc;width: 30px; height: 38px;}
.sidebar_mod .hd .t03{background: url("shop.png") no-repeat 4px -59px #107fdc;width: 30px; height: 38px;}
.sidebar_mod .hd .t04{background: url(shop.png) no-repeat -107px -59px #107fdc;width: 30px;height: 38px;}
.hd01 h2 i.m01{background: url("shop.png") no-repeat -111px 8px #ed6e00;width:40px; height:40px;}
.banner-list img {width:100%;}


/*新品*/
.sellfoot {
    background: #2799f6;
    padding: 40px 0 50px;
    overflow:hidden;
}
.col-lg-3 {
    width: 25%;
    float:left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
}
.foot_swiper{overflow:hidden;}
.text-center {
    text-align: center;
}
.sellfoot .foot_abt {
    margin-top: 30px;
}

.MaskHover {text-align:center}
.MaskHover img {
    transition: all 0.6s;
    border: 1px solid #f5f5f5;
    text-align: center;
}
.MaskHover:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}


/*在线客服*/
.newXinrongSidebar * {
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
    border: none;
    background: none;
    font-size: 12px;
    color: #fff;
    box-sizing: border-box;
    float: none;
    font-weight: normal;
    width: auto;
}
.newXinrongSidebar {
    list-style: none;
    width: 70px;
    height: 159px;
    position: fixed;
    text-align: center;
    top: 0;
    bottom: 200px;
    padding: 0;
    margin: auto;
    background: #4a8bfd;
    box-sizing: border-box;
    padding: 0px;
    z-index: 999999999;
}
.newXinrongSidebar li {
    padding: 20px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    height: auto;
}

@media screen and (max-width: 640px) {
	.kfboxs {
    width: 90%;
}
}