/*
Theme Name: trade
Author: leonstarr
*/
@charset "utf-8";

/*通用*/

html{font-family:'Open Sans',Arial,Helvetica,sans-serif;overflow-y: scroll;}
.active{background:#fff!important;}
#topbar{height:36px;color:#444;line-height:36px;overflow:hidden;border: 1px solid #e2e2e2;background-color:#efefef;}
#logobar{height:96px;color:#fff;overflow:hidden;}
.line{border-top: 1px solid  #e0e0e0;border-bottom: 1px solid #fff;margin-top:0px;}
.thumbnail{overflow:hidden;}
.thumbnail img{padding-bottom:12px;width:100%;height:auto;}
.thumbnail p{padding-left:5px;padding-right:5px;}
#totop{height: 40px;position: fixed;right: 15px;width: 40px;z-index: 9999;bottom: 0;background-color: #404040;font-size: 16px;color: #08c;  text-align: center;line-height: 1;padding: 11px 0;display: none; border-radius: 5px 5px 0 0;}
#totop i{color:#fff;}

/*loadmore*/
.masonry{margin-bottom:30px;overflow: hidden; }/* must add hidden */
#loadMore{-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;display: inline-block;border: 2px solid #F17E6F;font-size: 12px;font-weight: bold;letter-spacing: 0.5px;
    color: #F17E6F;text-align: center;padding: 12px 0 10px;cursor: pointer;background-color: transparent;width: 150px;display: block;
	text-transform: uppercase;text-decoration:none;display:block;margin:0 auto;}
#loadMore:hover{color:#fff;background: #F17E6F;text-decoration:none;}
.productsImg{width:245px;height:auto;cursor: pointer;transition: all 0.6s;}

.productsImg:hover{transform: scale(1.4);}





.container-fluid {padding: 20px;}
.box {margin-bottom: 20px;float: left;width: 220px;}
.box img {max-width: 100%;}


/*导航*/
.menu li a{text-transform:uppercase;}
.menu-item a{text-transform:uppercase;}	 
#mainNav{height:43px;background:#ff3334;color:#fff;line-height:43px;overflow:hidden;}
#mainNav2{height:43px;background:#fff;color:#fff;line-height:43px;overflow:hidden;text-transform:uppercase;}
.menu{height:43px;padding-left:0;}
.menu li{color:#fff;float:left;list-style:none;line-height:43px;}
.menu li a{line-height:43px;padding-right:23px;color:#fff;font-size:14px;font-weight:550;text-shadow: 0.1em 0.1em #666;}
.menu li a:hover{text-decoration:none;}

.menu2{height:43px;padding-left:0;color:#666;}
.menu2 a{line-height:43px;color:#666;font-size:14px;font-weight:550;}
.menu2 a:hover{text-decoration:none;}


.logo{display:block;line-height:96px;}
.logo img{width:320px;height:37px;}
.homeTel{float:right;height:96px;margin-top:24px;color:#444;}
.homeTel h1{line-height: 13px; font-size: 13px; color: #444;margin:0;padding:0;line-height:22px;}
.homeTel a{color:#444;font-weight:600;}
.homeTel i{color:#444;}
.date{color:#777;}
.print a{color:#777;}

/*search*/
.form-search{margin-top:28px;padding-left:30px;width:500px;}
#search{border:0;width:300px;height:38px;color:#414141;padding-left:16px;border-radius: 19px 0px 0px 19px;outline:none;display:inline-block;border:1px solid #e4e4e4;}
.search-button{width:85px;border-radius:0px 19px 19px 0px;height:38px;border:0;background:#444444;}


/*页脚*/
#footer{background:#ededed;padding-top:30px;padding-bottom:36px;color:#fff;border-top:1px solid #ddd;}
#footer h1{font-size:16px;font-weight:700;color:#444;}
#footer p{color:#666;}
#footer i{color:#444;}
#footer a{color:#666;}
#footer i{color:#444;}

.social-icons a{width: 48px;height: 48px;display:inline-block;background-color:#666;color:#fff;}
.social-icons a:hover{text-decoration: none;}
.social-icons i{color:#fff;text-align:center;line-height:1;display:block;line-height: 48px;}
.input-box{height:48px;width:340px;color:#a8a8a8;margin-top:25px;text-aglin:center;}  
.emailInput{padding-left:15px;height:48px;background:#fff;border-radius: 24px 0px 0px 24px;outline: none;border:0;}
.emailBtn{height:48px;border-radius: 0px 24px 24px 0px;outline: none;border:0;background:#666;text-transform:uppercase;}
.emailText{padding-right:16px;padding-left:16px;color:#fff;}
.footerLink{padding-left:0;}
.footerLink li{list-style:none;}
.footerLink li a{color:#8a8a8a;}
.footerContact{padding-left:0;}
.footerContact li{list-style:none;width:100%;}
.footerContact li a{color:#8a8a8a;}
.footerContact li i{text-align:left;display:inline-block;vertical-align:top;margin-top:7px;margin-right:5px;}
.footerContact li p{text-align:left;display:inline-block;vertical-align:top;}
.footerContact li strong{line-height:28px;}
.qrCode{width:200px;height:200px;margin-top:5px;margin-bottom:20px;}
.fa{z-index:9999;}
	
/* 首页 */
#underSlide{padding-top:30px;padding-bottom:30px;}
.bannerAd{border:1px solid #d1d1d1;background-color:#fff;}
.bannerAd span{display:block;}
.bannerTitle{color:red;font-weight:700;font-size:17px;padding-top:10px;}
.bannerSub{padding-bottom:10px;padding-right:10px;}

.bannerAd2{border:1px solid #d1d1d1;background-color:#fff;}
.bannerTitle2{font-size:15px;color:#444;text-align:center;line-height:1.2;font-weight:700}
.bannerSub2{font-size:14px;color:#7a6666;padding-bottom:10px;padding-right:10px;text-align:center;line-height:1;}


#featured{background:#cccccc;color:#313131;}
#special{background:#e6e6e6;color:#313131;}
.homeProductTitle{padding-top:25px;padding-bottom:25px;font-size: 16px;font-weight: 300;line-height: 42px;margin: 0;color: #313131;text-transform: uppercase;background:url(img/hometitleline.png) no-repeat;background-position:center;}
.homeProductTitle strong{background:#e6e6e6;padding-right:26px;}
.products{overflow:hidden;position:relative;background:#fff;padding-bottom:20px; box-shadow: 0 0 10px 10px #ddd;margin-bottom:30px;height:330px;}
.products1{position:relative;background:#fff;padding-top:10px;padding-bottom:20px; box-shadow: 0 0 10px 10px #c7c5c5;margin-bottom:30px;}
.productsImg{width:100%;height:auto;}
.productClass{color:#777;font-size:14px;text-align:center;letter-spacing:3px}
.productName{line-height:16px;color:#5b5b5f;font-size:14px;text-align:center;}
.productName a{color:#5b5b5f;}
.saleProductIcon{background:red;color:#fff;border-radius:20px;padding-right:6px;padding-left:6px;position:absolute;top:12px;left:12px;text-transform: uppercase;}
.newProductIcon{background:#0fc567;color:#fff;border-radius:20px;padding-right:6px;padding-left:6px;position:absolute;top:12px;left:12px;text-transform: uppercase;}
#newsList{padding-top:30px;background:#fff;padding-bottom:30px;}
.featured{box-shadow: 0 0 10px 10px #cccbcb;}


/*组件*/
.breadCrumbs{padding-top:15px;padding-bottom:20px;text-align: center;}
.breadCrumbs a{color:#8e8e8e;}
/* 文章页 */
.pageContent{padding-bottom:55px;}

/* 产品页 */
.Xcontent06{width: 318px;height: 318px;float: left;margin-left: -15px; }
.Xcontent06 img{width:100%;height:100%;}
.Xcontent08{float: left;width: 32px;height: 330px;padding-left:15px;}
.Xcontent07{width: 72px;height: 72px;border: 1px solid #e8e8e8;}
.Xcontent07>img{width: 100%;height: 100%;}
.Xcontent09{width: 72px;height: 72px;margin-top: 10px;border: 1px solid #e8e8e8;}
.Xcontent09>img{width: 100%;height: 100%;}
.Xcontent10{width: 72px;height: 72px;margin-top: 10px;border: 1px solid #e8e8e8;}
.Xcontent10>img{width: 100%;height: 100%;}
.Xcontent11{width: 72px;height: 72px;margin-top: 10px;border: 1px solid #e8e8e8;}
.Xcontent11>img{width: 100%;height: 100%;}
.Xcontent12{width: 72px;height: 72px;border: 1px solid #e8e8e8;margin-top: 10px;}
.Xcontent12>img{width: 100%;height: 100%;}
.Xcontent13{width: 554px;height: 484px;float: right;}
.productsPage{margin-bottom:55px;padding-right:140px;}
.productsPage strong{color:#777;line-height: 2em;margin-top:40px;display:block;}
.productsPage ul li{color:#777;line-height: 2em;}
.productsPage p{margin-bottom:40px;margin-top:30px;color:#777;line-height: 2em;}
.sku{color:#777;font-size:14px;}
/* 分类页 */
.catePro{border:1px solid #dae2e6;margin-bottom:50px;padding-bottom:30px;}
.catePro h2{line-height:22px;font-size: 13px;font-weight: 700;text-transform: uppercase;padding-top:10px;padding-bottom:4px;margin-top:0;padding-left:10px;background:#f5f5f5;border-bottom:1px solid #dae2e6}
.cateLi li{list-style-type:none;}
.cateLi{margin-left:10px;padding-left:0;margin-bottom:15px;}
.cateLi li a{font-size:14px;line-height:33px;color:#7a7d82;}
.itemLi{margin-bottom:20px;border:1px solid #ddd;}
.itemLi img{width:100%;height:auto;padding-bottom:10px;}
.itemLi:hover{box-shadow: 0 0 10px 10px #ddd;}
.productsTitle{color:#777;font-size:14px;weight:700;padding:8px;text-align:center;}
.productName a{padding-left:4px;padding-right:4px;}
/**/
.sidebar{margin-bottom:40px;}


.fontawesome-icon-list .fa-hover a .fa {
    width: 32px;
    font-size: 14px;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
}