/**
 * 首页
 */
.header-search-wrap > ul li{color:#1b85df;}
.header-search-wrap > ul li:hover{background-color:#daeeff;}
.header-search-wrap > ul li.active{color:#fff;background-color:#1b85df;}
.header-search{border:2px solid #1b85df;}
.header-search button{background-color:#1b85df;}
.header-search button:hover{background:#3091e4;}
.main-nav{background-color:#1380d8;}
.top-hfgg{overflow:hidden;height:140px;}
.top-hfgg a{display:block;}
.top-hfgg img{display:block;position:absolute;left:50%;top:0;margin-left:-960px;z-index:1;}
.top-hfgg em{display:block;position:absolute;bottom:6px;right:6px;z-index:1;width:56px;height:23px;cursor: pointer;background: url(../../statics/images/close_hfgg.png) no-repeat;}
/*
                   █╗                █╗   
                   █║                █║   
 ███╗  ███╗ █╗██╗ ███╗   ███╗ █╗██╗ ███╗  
█╬══╝ █╬══█╗██╬═█╗╚█╔╝  █╬══█╗██╬═█╗╚█╔╝  
█║    █║  █║█╔╝ █║ █║   █████║█╔╝ █║ █║   
█║  █╗█║  █║█║  █║ █║ █╗█╔═══╝█║  █║ █║ █╗
╚███╬╝╚███╬╝█║  █║ ╚██╬╝╚███╗ █║  █║ ╚██╬╝
 ╚══╝  ╚══╝ ╚╝  ╚╝  ╚═╝  ╚══╝ ╚╝  ╚╝  ╚═╝ 
*/
.main-type{height:500px;width:210px;margin-left:-605px;position:relative;top:0;left:50%;z-index:20;}
.category-type{height:36px;line-height:36px;font-size:16px;color:#f1f4bc;width:210px;text-indent:15px;background:#00b18e url(../../statics/images/main_type.png) no-repeat 190px 13px;position:absolute;top:-36px;left:0;z-index:1;}
.category-nav{width:208px;height:499px;background-color:#f7f7f7;position:absolute;left:0;top:0;z-index:1;border:1px solid #ebebeb;border-top:none;}
.category-nav li{width:178px;padding:0 13px 0 17px;height:71px;font-size:14px;position:relative;}
.category-nav li:hover{background-color:#fff;}
.category-l{height:64px;padding-top:7px;padding-left:10px;border-bottom:1px solid #ebebeb;}
.category-l.no-b-b{border-bottom: none;}
.category-l p{line-height:28px;font-size:14px;}
.category-l p > a{color:#333;}
.category-l p i{display:block;float:left;width:20px;height:20px;margin-top:5px;margin-right:6px;background:url(../../statics/images/easyicon.png) no-repeat;}
.category-l p i.easyicon0{background-position: -20px 0px;}
.category-l p i.easyicon1{background-position: -20px -72px;}
.category-l p i.easyicon2{background-position: -20px -143px;}
.category-l p i.easyicon3{background-position: -20px -213px;}
.category-l p i.easyicon4{background-position: -20px -284px;}
.category-l p i.easyicon5{background-position: -20px -354px;}
.category-l p i.easyicon6{background-position: -20px -428px;}
.category-l > div{line-height:24px;font-size:12px;}
.category-l > div a{color:#999;margin-right:4px;}
.category-l > div a:hover,.category-r a:hover,.category-l p > a:hover{color:#f60;text-decoration:underline;}
.category-r{position:absolute;top:0;left:209px;background-color:#fff;width:670px;padding:26px 26px 0 26px;font-size:12px;display:none;border: 1px solid #eee;border-left: none;}
.category-r:before{display:block;content:'';width:1px;height:70px;background-color:#fff;position:absolute;left:-1px;top:0;}
.category-r4:before{top:120px;}
.category-r0{}
.category-r1{}
.category-r2{}
.category-r3{}
.category-r4{top: -120px;}
.category-r5{}
.category-r6{}
.category-r a{display:inline-block;border-left:1px solid #ccc;float:left;color:#666;text-indent:8px;margin-right:20px;margin-bottom:26px;}
.category-nav li:hover .category-r{display:block;}
/*
█╗                                  
█║                                  
█║██╗  ███╗ █╗██╗ █╗██╗  ███╗ █╗██╗ 
██╬═█╗ ╚══█╗██╬═█╗██╬═█╗█╬══█╗██╬═█╗
█╔╝ █║ ████║█╔╝ █║█╔╝ █║█████║█╔╝ ╚╝
█║  █║█╬══█║█║  █║█║  █║█╔═══╝█║    
████╬╝╚████║█║  █║█║  █║╚███╗ █║    
╚═══╝  ╚═══╝╚╝  ╚╝╚╝  ╚╝ ╚══╝ ╚╝
*/
.newsletter{width:240px;position:absolute;overflow:hidden;z-index:19;top:50px;left:50%;margin-left:365px;}
.newsletter > p{background-color:#fff;text-align:right;padding:0px 15px 20px;}
.newsletter > p a{color:#f60;}
.newsletter-tt{width:240px;height:104px;background-color:#fefae6;border-bottom:1px solid #e5e5e5;}
.newsletter-tt-top{height:5px;width:240px;background:url(../../statics/images/user_icon.png) no-repeat 0 -322px;}
.newsletter-tt-con{padding:15px 13px 14px;}
.newsletter-tt-con img{width:70px;height:70px;border-radius:50px;float:left;}
.newsletter-tt-con div{}
.newsletter-tt-con p{line-height:34px;text-indent:10px;color:#333;}
.newsletter-tt-con a{display:inline-block;width:58px;height:24px;line-height:24px;color:#fff;background-color:#ff8d41;text-align:center;float:left;margin-left:10px;border-radius:3px;}
.newsletter-tt-con span{display:inline-block;line-height:30px;text-indent:10px;color:#f60;font-weight:bold;width:144px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-top: 10px;}
.newsletter-tt-con em{display: block;width: 48px;height: 16px;background:url(../../statics/images/user_icon.png) no-repeat 0 -350px;    margin-left: 80px;}
.newsletter-tt-con em.audit_wait{background-position: 0 -384px;}
.newsletter-tt-con em.auditing{background-position: 0 -367px;}
.newsletter-tt-con em.audit_success{background-position: 0 -350px;}
.newsletter-tt-con em.audit_fail{background-position: 0 -401px;}
.newsletter-con{background-color:#fff;padding:16px 18px 0;overflow:hidden;}
.newsletter-con li{margin-bottom:11px;}
.newsletter-con li a{color:#333;}
.newsletter-con li a:hover{text-decoration:underline;}
.newsletter-con li span{color:#ff9000;}
.newsletter-con li p{color:#666;line-height:18px;width:200px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
/*==========================================================*/
/*==========================================================*/
.banner{margin-top:-500px;height:500px;overflow:hidden;}
.banner-box{position:absolute;left:50%;top:0;margin-left:-960px;height:500px;width:1920px;}
.banner > a{display:block;height:500px;}
.banner-item{position:absolute;width:1920px;left:0;top:0;opacity:0;filter:alpha(opacity=0);}
.banner-item a{display:block;}
.banner-item img{display:block;}
.banner-dot{position:absolute;z-index:1;bottom:10px;left:50%;width:500px;margin-left:-250px;text-align:center;}
.banner-dot i{display:inline-block;width:20px;height:20px;background:url(../../statics/images/banner_icon.png) no-repeat;cursor:pointer;margin-right:15px;}
.banner-dot i.active{background-position:0 -50px;}
/*==========================================================*/
/*==========================================================*/
.area-con{}
.area-con a{float:left;border-right:1px solid #fff;font-size:0px;width:241px;height:170px;overflow:hidden;}
.floor-bg{height:62px;line-height:62px;background:url(../../statics/images/floor.gif) repeat-x center;position:relative;}
.floor-bg a{font-size:14px;position:absolute;right:0;top:0;background-color:#fff;display:block;width:70px;text-align:center;color:#666;cursor:pointer;}
.floor-bg span{display:block;margin:0 auto;width:150px;height:62px;line-height:62px;color:#666;font-size:20px;font-weight:bold;background:#fff url(../../statics/images/floor_icon.png) no-repeat;text-indent:50px;}
.floor-bg span.floor1{background-position:15px 18px;}
.floor-bg span.floor2{background-position:15px -32px;}
.floor-bg span.floor3{background-position:15px -82px;}
.floor-bg span.floor4{background-position:15px -132px;}
.floor-con{}
.floor-con > a{font-size:0px;}
.floor-con ul{border-top:1px solid #e5e5e5;}
.floor-con ul li{float:left;width:249px;height:218px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.floor-con ul li.grid{height:219px;}
.floor-con ul li a{display:block;overflow:hidden;padding-top:25px;padding-left:22px;}
.floor-con ul li span{font-size:16px;line-height:16px;color:#333;display:inline-block;width:225px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.floor-con ul li p{font-size:14px;line-height:14px;margin-top:10px;margin-bottom:4px;}
.floor-con ul li img{width:140px;height:140px;float:right;margin-right:5px;transition:all .3s;}
.floor-con ul li:hover img{margin-right:10px;}
.floor1-con ul li p{color:#1aaf8e;}
.floor2-con{margin-bottom:15px;}
.floor2-con ul li p{color:#0aa6e8;}
.full-banner{margin-top:15px;margin-bottom:25px;height:90px;overflow:hidden;}
.full-banner a{font-size:0px;}
/*===================热销品牌================================*/
/*==========================================================*/
.hot-brand-con > img{display:block}
.hot-brand-slide{width:595px;height:200px;overflow:hidden;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5}
.hot-brand-slide ul{position:absolute;left:0;top:0;width:1000px}
.hot-brand-slide ul li{width:198px;height:200px;text-align:center;float:left}
.hot-brand-slide ul li a{display:block;width:198px;height:200px}
.hot-brand-slide img{width:140px;height:140px;margin:13px auto}
.hot-brand-slide ul li a p{text-align:center;font-size:14px;color:#666}
.brand-slide-doc{}
.brand-slide-doc a,
.bx-wrapper .bx-controls-direction a{display:block;width:28px;height:62px;background:url(../../statics/images/cutover_icon.png) no-repeat 0 0;position:absolute;top:70px;z-index:1;margin-top:0}
.bx-wrapper .bx-controls-direction a.bx-prev{left:0}
.bx-wrapper .bx-controls-direction a.bx-next,
.bx-wrapper .bx-next{background-position:0 -62px;right:0}
.hot-brand-list{}
.hot-brand-list ul{width:614px;height:440px;overflow:hidden;border-top:1px solid #e5e5e5;border-right:1px solid #e5e5e5;margin-right:-1px}
.hot-brand-list li{float:left;width:152px;height:109px;border-left:1px dashed #e5e5e5;border-bottom:1px dashed #e5e5e5}
.hot-brand-list li a{display:block;margin-left:18px;margin-top:21px}
/*===================排行榜================================*/
/*==========================================================*/
.leaderboard{width:1208px;margin:0 auto 20px;border:1px solid #e5e5e5;height:325px;}
.leaderboard img{display:block;}
.sales-ranking,
.supplier-ranking{width:428px;border-right:1px solid #e5e5e5;}
.ranking-tt{height:48px;line-height:48px;font-size:18px;color:#333;border-bottom:1px solid #e5e5e5;text-indent:20px;}
.ranking-list{height:254px;padding-left:20px;padding-top:17px;}
.ranking-list li{margin-bottom:15px;float:left;}
.ranking-list li > a{float:left;border:1px solid #e5e5e5;margin-right:10px;}
.sales-ranking .ranking-list img{width:48px;height:48px;}
.supplier-ranking .ranking-list img{width:96px;height:48px;}
.sales-ranking-info{}
.sales-ranking-info a{font-size:15px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:345px;display:block;}
.sales-ranking-info a:hover{text-decoration:underline;}
.supplier-ranking .sales-ranking-info a{width:300px;}
.sales-ranking-info p{font-size:12px;color:#666;}
.sales-ranking-info span{font-size:14px;color:#ff6128;margin-right:20px;}
.sales-ranking-info b{font-size:14px;color:#c98e67;}
.suggestions{width:330px;padding-left:20px;padding-top:13px;}
.suggestions-con{}
.suggestions-con p{color:#333;line-height:36px;}
.suggestions-con textarea{width:289px;height:123px;padding:10px;border:1px solid #c9c9c9;margin-bottom:18px;}
.suggestions-con button{width:311px;height:42px;line-height:42px;border:none;background-color:#e5e5e5;font-size:18px;color:#666;cursor:pointer;border-radius:5px;}
.suggestions-con button:hover{color:#fff;background-color:#f90;}
.nav-wrapper a:hover,
.nav-wrapper a.active{color:#1aaf8e;}
.nav-tt{width:45px;height:44px;background:url(../../statics/images/nav.png) no-repeat 0 0;}
.nav-back{width:45px;height:44px;background:url(../../statics/images/nav.png) no-repeat -45px 0;cursor:pointer;}
/*=====================================================*/
/* slider-carousel */
.slider-carousel{position:relative;width:587px;margin:20px auto 0 auto;}
.slider-carousel .item{height:600px}
.slider-carousel .slidesjs-navigation{width:42px;height:42px;display:block;position:absolute;text-indent:-9999em;top:160px;z-index:100;opacity:0}
.slidesjs-previous{background:transparent url(img/prev.png) no-repeat;left:10px}
.slidesjs-next{background:transparent url(img/next.png) no-repeat;right:10px}
.slidesjs-pagination{overflow:hidden;zoom:1;margin-top:25px;margin-left:260px}
.slidesjs-pagination-item a{float:left;width:16px;height:17px;text-indent:-9999em;margin-right:10px;background-color:#ade8d2;border-radius:20px}
.slidesjs-pagination-item a:hover,
.slidesjs-pagination-item a.active{background-color:#fff}

/* 公告 */
.bulletin{overflow:hidden;margin-bottom:100px;}
.bulletin-tt{height:43px;border-bottom:1px solid #ddd;}
.bulletin-tt li{width:92px;float:left;height:31px;padding-top:11px;padding-left:30px;cursor:pointer;display:block;}
.bulletin-tt li.first.active{width:91px;padding-left:30px;border-left:none;height:33px;border-top:3px solid #1aaf8e;border-right:1px solid #ddd;background-color:#fff;padding-top:8px;}
.bulletin-tt li.active{width:91px;height:33px;padding-left:29px;border-top:3px solid #1aaf8e;border-left:1px solid #ddd;border-right:1px solid #ddd;background-color:#fff;padding-top:8px;}
.bulletin-tt li:hover{color:#1aaf8e;}


.bulletin-con li{float:left;padding:22px 0 21px 0;border-bottom:1px solid #eee;width:100%;}
.bulletin-con li:last-child{border-bottom:none;}
.bulletin-con .fa_image{margin-left:10px;width:186px;height:116px;float:left;overflow:hidden;vertical-align:middle;text-align:center;display:table-cell;}
.bulletin-con .fa_image img{-webkit-transition:transform .2s ease-out;-moz-transition:transform .2s ease-out;-ms-transition:transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out;width: 186px;height: 116px;}
.bulletin-con .fa_image img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.bulletin-con .fa_image a:hover{z-index:1;}
.bulletin-con .fa_text{float:left;width:960px;margin-left:20px;}
.bulletin-con .fa_text a{color:#666;}
.bulletin-con .fa_text .headli{font-size:16px;margin-bottom:14px;font-weight:300;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bulletin-con .fa_text .headli a{color:#333;}
.bulletin-con .fa_text .headli a:hover{color:#1aaf8e;}
.bulletin-con .fa_text .date{font-size:14px;margin-bottom:15px;width:960px;float:left;color:#666;}
.bulletin-con .fa_text .date span{float:left;}
.bulletin-con .fa_text .date .date_c{color:#a5a5a5;margin-right:25px;}
.bulletin-con .fa_text .date i{color:#a5a5a5;}
.bulletin-con .fa_text .date i a{color:#999;float:left;}
.bulletin-con .fa_text .date i a:hover{color:#1aaf8e;}
.bulletin-con .fa_text .conte{height:40px;overflow:hidden;}
.bulletin-con .fa_text .conte a{font-size:14px;color:#888;width:960px;height:40px;float:left;overflow:hidden;}
.bulletin-con .fa_text .conte a:hover{color:#666;}
