@charset "utf-8";
/*导航栏*/
.header_bg{ background:#fff;}
.main_nav{background:#fff; box-shadow: 0 0 4px #cfcbcb; height: 44px;}
.main_nav li a{color:#333; font-size:16px; font-weight:bold; }
.main_nav li a:hover,.main_nav li.cur a{ background:none; border-bottom:4px solid #3fbff0; color: #333; }

/*头部*/
.header_bg{ background:#fff;}

/*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 .lr-btn{ position:absolute; display:block; top:50%; width:30px; height:60px; margin-top:-30px; z-index:99; background-image:url("../images/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 .banner-list li a{display:block; position:absolute; top:0px; bottom:0px; left:0px; right:0px;}
.bannerlist-container .button-area{ position:absolute; height:30px; bottom:20px; left:50%; margin-left:-94px; width: 187px; height: 47px; background:#fff; border-radius: 6px;  text-align:center; z-index:66; }
.bannerlist-container .button-area a{ display:inline-block; width:15px; height:15px; margin:15px 6px; vertical-align:middle; cursor:pointer; border-radius:50%; background:#727171;}
.bannerlist-container .button-area a.cur{ background:#3fbff0;}




/*产品展示*/
.h_show_list{ width: 100%;  margin-top:4px; background:#f2f5f7;}
.h_show_list .bd{ position: relative;}
.h_show_list .prev, .h_show_list .next{cursor:pointer; width:28px; height:51px;background:url("../images/shop21/arrow.png") no-repeat; overflow:hidden; text-indent:-10000px;}
.h_show_list .prev{ position:absolute; top:130px; left:-100px;}
.h_show_list .next{ background-position:-34px 0;position:absolute; top:130px; right:-100px;}
.h_show_list ul li{ float: left; width: 300px; height: 300px; position: relative; z-index: 1; text-align: center;}
.h_show_list .bd .pic {
        /*非IE的主流浏览器识别的垂直居中的方法*/
        display: table-cell;
        vertical-align:middle;

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

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

        width:300px;
        height:300px; overflow:hidden; background:#e7ecf0;
}
.h_show_list .bd .pic img{vertical-align:middle;max-height:300px;max-width:300px;-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_show_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-hot-list{ padding-bottom: 80px;}
.h-hot-list .hd{  padding:70px 0 46px 0; position: relative; border-bottom:1px solid #ddd;  }
.h-hot-list .hd h2{ text-align: center; font-size: 36px; color: #727171; font-weight: bold;}
.rx-hot-icon{ width:35px; height: 35px; background:url("../images/shop14/popular_icon.png") no-repeat; position: absolute; top:50%; margin-top:-4px;  right:50%; margin-right:-120px;  }
.h-hot-list ul{ margin-right:-20px;}
.h-hot-list ul li{ float:left; width: 283px; position: relative; z-index: 1; text-align: center; border: 1px solid #ddd; border-bottom: 4px solid #3fbff0; margin: 20px 20px 0 0;}
.h-hot-list .bd .pic {
        /*非IE的主流浏览器识别的垂直居中的方法*/
        display: table-cell;
        vertical-align:middle;

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

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

        width:283px;
        height:283px; overflow:hidden;
}
.h-hot-list .bd .pic img{vertical-align:middle;max-height:283px;max-width:283px;-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-hot-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-hot-list .bd .text{font-size:16px; line-height:26px; padding:15px 0 14px 0;} 
.h-hot-list .bd .text a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color: #2f4052; cursor: pointer;}

/*新品上市*/
.h-new-con{ background:#f2f5f7; width: 100%; padding: 60px 0 80px 0; }
.h-new-list ul{ margin-right:-20px;}
.h-new-list ul li{ width: 285px; height: 285px; float: left; margin:20px 20px 0 0;}
.h-new-list ul li.last_one{margin-right: 0;}
.h-new-list .new_til .n-con-til{ background: #3fbff0; width: 285px; height: 285px; display: block;}
.h-new-list .new_til .n-con-til h2{ font-size: 36px; color: #fff; border-bottom: 1px solid #fff; margin: 110px 60px 0 60px; text-align: center;}
.h-new-list .pic-box{ position: relative; width: 285px; height: 285px; margin: 0 auto; text-align: center; background: #fff; overflow: hidden; }
.h-new-list .pic-box .pic{
        /*非IE的主流浏览器识别的垂直居中的方法*/
        display: table-cell;
        vertical-align:middle;

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

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

        width:283px;
        height:283px; overflow:hidden;
}
.new-text-bg{ zoom:1; position: absolute; width: 100%; background: url("../images/shop14/new_bg.png"); filter:alpha(opacity:0); opacity:0; top:0px; bottom:0px; left:0px; z-index:60;}
.new-text-bg .new-small-til{ margin:50px 50px; background: #d3d7db; border:2px solid #2f4052; padding: 15px 15px; font-size: 16px; color: #2f4052; text-align: center;  }
.new-text-bg .new-small-til .new-xp-til{ height:50px; line-height: 28px; overflow:hidden; width: 150px;}
.new-text-bg .new-small-til .new-xp-til a{ color: #2f4052;}
.new-text-bg .new-small-til p{ padding-top: 5px;}
.new-text-bg .new-decoration{ width: 20px; height: 20px; background: url("../images/shop14/sanjiaoxing_tu.png") no-repeat; position: absolute; right:10px; bottom: 10px;  }

/*公司简介*/
.h_about_bg{ background: #2f4052; width: 100%; padding: 80px 0;}
.h-a-con{ position: relative; padding-left:600px; color: #fff; min-height: 370px;}
.ab_pic{ width: 560px; height: 370px; position: absolute; left:0; top:0;}
.ab_pic img{width:560px; height:370px;}
.ab_con{ line-height: 30px; height: 370px; overflow: hidden;}
.ab_con .about-title{ color: #fff; font-size: 36px; font-weight: bold; padding-bottom: 40px;}
.ab_con p{ font-size: 16px; text-indent: 2em;}
.f34{ font-size: 34px;}
.ab-con-01{ height: 310px; overflow: hidden;}


/*颜色*/
a:hover,.highlight{color:#3fbff0;}
.sidebar_mod .hd{background:#6d7986; border-bottom:3px solid #6d7986;}
.sidebar_mod .hd i{background-color:#3fbff0;}
.sidebar_mod .bd{border:1px solid #ddd;}
.sidebar_mod .border_b{ border-bottom:1px solid #ddd;}
.sidebar_menu .bd .til a:hover{ color:#f1683a;}
.sidebar_menu_til a:hover{ background:url("../images/shop14/sidebar_menu.png") no-repeat 0 -25px;}
.tab_hd li.hover{ border-bottom:1px solid #f1683a; color:#f1683a;}/*诚信档案选项卡*/
.tab_hd li i{border-color:transparent transparent #f1683a transparent;}/*诚信档案选项卡*/