/*
 * Globals
 */
body {
		margin:0; 
		padding:0; 
		font-size:12px; 
		font-family:"宋体", arial;
		background:url(../../lib/images/bg/bg.jpg) 0px 31px; 
		color:#666666;		
}
h1,h2,h3,h4,h5,h6{
	font-family:'microsoft yahei','微软雅黑体';	
}
h4,h4-title{
	font-family:'microsoft yahei','微软雅黑体';	
	font-size:16px;
}
.middle-body{
	background-color:#fff;
}
/*
 * /////////////////////////////////////////////////////
 */
.container{
	width: 1000px !important; 
}
/*@media (min-width: 768px) {
  .container{
	width: 1000px; 
	}
}*/

.text-gradient {
     color: #fdff08;
	 font-size:16px;
	 font-weight:bold;
    /* background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 128, 0, 1)), to(rgba(51, 51, 51, 1)));*/
			  background-image: linear-gradient(
				90deg,
				rgba(255,151,16,1) 30%, 
				rgba(251,255,6,1) 20%,
				rgba(250,134,1,1) 50%);
			  background-image:-webkit-linear-gradient(
				90deg,
				rgba(255,151,16,1) 30%, 
				rgba(251,255,6,1) 20%,
				rgba(250,134,1,1) 50%);
					
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
}

/*
 * ///////////////////////////[banner]//////////////////////////
 */
.my-banner{
	background:url(../img/sliders/revolution2/banner-bg.jpg);
	background-position:center;
}
/*
 * ///////////////////////////[顶部导航栏]//////////////////////////
 */
.top-headerbar {
  border-top:5px solid #818181;
  position:absolute;
  width:100%;
  z-index:0;
}

.top-nav{
	width:215px;
	height:30px;
	background-color:#818181;
	border-bottom-right-radius:0.5em;
	border-bottom-left-radius:0.5em;
	text-align:center;
}

/* Nav links */
.top-nav-item {
	margin-top:1px;
  position: relative;
  display: inline-block;
  padding: 5px;
  font-weight: 500;
  color: #fff;
}
.top-nav-item:hover,
.top-nav-item:focus {
  color: #f1efef;
  text-decoration: none;
}
/* Active state gets a caret at the bottom */
.top-nav .active {
  color: #343535;
}
/*正三角形指示*/
.top-nav .active:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -5px;
  vertical-align: middle;
  content: " ";
  color:#CCC;
  border-right: 5px solid transparent;
  border-bottom: 5px solid;
  border-left: 5px solid transparent;
}
/*下拉菜单设定*/
.top-headerbar .dropdown{
	display:inline-block;
	width:90px;
	text-align:center;
}
.top-headerbar .drowdownmenu{
	margin-top:0px;
}
.top-headerbar .dropdown:hover{
	border:1px solid rgba(0, 0, 0, .15);
	border-bottom:none;
	background-color: #fff;
}
.top-headerbar .dropdown-menu {
  margin-top:-1px;
  margin-left:-1px;
  min-width: 90px;
  width: 90px;
  font-size: 12px;
  
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-top: none;
  border-radius: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.top-headerbar .dropdown-menu > li > a {
  padding: 3px 5px;
  line-height: 1.42857143;
  color: #333;
}
/*END下拉菜单设定*/
/*
 * /////////////////////////[LOGO，中间导航栏，显示区域]////////////////////////////
 */
.headerbar{
	height:102px;
	background:url(../img/title-bg.jpg) repeat-x;
	border-bottom:5px solid #464646;
	
	/*-moz-box-shadow:投影方式 X轴偏移量 Y轴偏移量阴影模糊半径 阴影扩展半径 阴影颜色;  */
	 -webkit-box-shadow:inset 0 0 8px #C4BCBC;  
	  -moz-box-shadow:inset 0 0 8px #C4BCBC;  
	  box-shadow:inset 0 0 8px #C4BCBC;  	
}
.middle-headerbar .header1{
	min-height:100px;
}
.middle-headerbar .header1 .logo{
	margin-top:25px;
}
.middle-headerbar .header1 .logo img{
	max-height:56px;	
}

/*用户信息,购物车*/
.user-button{
	margin-top:25px;
}

.user-button .btn-default {
	color:#787878;
	font-size:14px;
  border-radius:0;
  FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=red); /*IE 6 7 8*/ 
  background: -ms-linear-gradient(top, #fff,  #f1f1f1);        /* IE 10 */
  background:-moz-linear-gradient(top,#fff,#f1f1f1);/*火狐*/ 
  background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#f1f1f1));/*谷歌*/ 
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f1f1f1));      /* Safari 4-5, Chrome 1-9*/
  background: -webkit-linear-gradient(top, #fff, #f1f1f1);   /*Safari5.1 Chrome 10+*/
  background: -o-linear-gradient(top, #fff, #f1f1f1);  /*Opera 11.10+*/
}
/*搜索框*/
.search{width:524px; height:100%; margin-top:5px; }
.isearch{width:524px; height:32px; border-top:3px solid #d80546; border-bottom:3px solid #d80546; border-left:3px solid #d80546; background-color:#fff; margin-top:23px;}
.isearch input{border:0px; margin:0px; float:left;}
.isearch .text{ height:26px; width:430px; line-height:26px; padding:6px; color:#999999;}
.isearch .text,.isearch .button{ -webkit-appearance: none; -webkit-border-radius: 0;}
.isearch .button{width:91px; height:26px; background-color:#d80546; color:#fff; letter-spacing:5px; font-family:'microsoft yahei'; font-size:15px;f}
.search .keywords{width:auto; height:28px; line-height:28px; margin-left:10px;}

/*=【END】LOGO,搜索，用户面版按钮==*/

/*
 * /////////////////////////[导航栏样式]////////////////////////////
 */
.middle-navigation{
	position:relative;
}
.navbar-souled {
  
  border-color: #e7e7e7;
  border-radius: 0px;
  min-height: 36px;
	border-bottom-right-radius:0.5em;
	border-bottom-left-radius:0.5em;

background-color: #464646;	
 background-image:-webkit-linear-gradient(to top, #2f2f2f, #404040,#464646);
  background-image:linear-gradient(to top, #2f2f2f, #404040,#464646);
  
 filter: progid:DXImageTransform.Microsoft.Shadow(color='#605d5d',Direction=135, Strength=5);/*for ie6,7,8*/  
    background-color: #ccc;  
    -moz-box-shadow:0px 2px 3px #000;/*firefox*/  
    -webkit-box-shadow:0px 2px 3px #000;/*webkit*/  
    box-shadow:0px 2px 3px #000;/*opera或ie9*/    
}

.navbar-souled .container-fluid {
  padding-left: 0px;
}

.navbar-souled .navbar-brand {
  color: #fff;
}
.navbar-souled .navbar-brand:hover,
.navbar-souled .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-souled .navbar-text {
  color: #777;
}
.navbar-souled .navbar-nav > li > a {
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 26px;	
	padding-left:18px;
	padding-right:18px;
  color: #fff;
  font-size:14px;
  font-weight:bold;
 font-family:'SimHei','黑体';
}
.navbar-souled .navbar-nav > li > a:hover,
.navbar-souled .navbar-nav > li > a:focus {
  color: #c40404;
  background-color: transparent;
}
.navbar-souled .navbar-nav > .active > a,
.navbar-souled .navbar-nav > .active > a:hover,
.navbar-souled .navbar-nav > .active > a:focus {
  color: #c40404;
  background-color: #990033;
}
.navbar-souled .navbar-nav > .disabled > a,
.navbar-souled .navbar-nav > .disabled > a:hover,
.navbar-souled .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-souled .navbar-toggle {
  border-color: #ddd;
}
.navbar-souled .navbar-toggle:hover,
.navbar-souled .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-souled .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-souled .navbar-collapse,
.navbar-souled .navbar-form {
  border-color: #e7e7e7;
}
.navbar-souled .navbar-nav > .open > a,
.navbar-souled .navbar-nav > .open > a:hover,
.navbar-souled .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #3d3d3d;
}
/*----导航栏下的产品分类菜单-*/
.navbar-categorymenu {
  float: left;
  height: 40px;
  font-size: 18px;
  width:225px;
  background-color:#d20045;
  text-align:center;
  padding-left:0;
  margin-left:0;
}
.navbar-categorymenu .open{
	/*background-color: #990033;*/
}
.navbar-categorymenu .dropdown:hover{
	/*background-color: #990033;*/
}

.navbar-categorymenu a.dropdown-toggle{
	display:inline-block;
	padding-top:5px;
	padding-bottom:5px;
	line-height:30px;
	
}
.navbar-categorymenu .dropdown-toggle:hover,
.navbar-categorymenu .dropdown-toggle:focus {
  text-decoration: none;
}

.navbar-categorymenu .dropdown-toggle{
	color:#fff;
}
.navbar-categorymenu .dropdown-menu{
	width:225px;	
}

.navbar-categorymenu .active{
	background-color:#990033;
}

.navbar-souled .category-menu{
	background-color:#f5f5f5;
	font-family:'SimHei','黑体'；
	font-size:12px;
}
.category-menu .category-item{
	min-height:50px;
	padding:0px 10px 0px 10px;
}
.category-menu h5{
	color:#666666;
}

.category-menu dl{
	padding-left:5px;	
}
.category-menu dl i{
	color:#ff5f91;	
}
/*=【END】导航栏样式==*/

/*
 * /////////////////////////[grid-list]////////////////////////////
 */
 
 .left-grid-list{
	 padding-right:5px; margin-left:-15px;margin-right:0px;
 }
 .right-grid-list{
	 padding-left:0px; padding-right:0; margin-left:15px; margin-right:0;
 }
 
			.grid-list{
				border:1px solid #dbdbdb;
				padding:0;
			}	
			
			.grid-list .row{
				margin-left:0px;margin-right:0px; margin-top:0px; margin-bottom:0px;
			}
				
			.grid-list .header-title{
				height:40px;
				border-bottom:5px solid #e7231a;	
				padding-left:0px;	
				margin-bottom:0px;
				background-color:#353535;
				  background-image:-webkit-linear-gradient(to bottom, #444444, #1c1d1c);
				  background-image:linear-gradient(to bottom,#444444, #1c1d1c);					
			}
			
			.grid-list .header-noborder-title{
				border-bottom:none;	
			}

			.grid-list .header-title h4{
				display:inline-block;
				text-align:center;
				width:200px;
				margin-top:0px;
				color:#fff;
				line-height:35px;				
				background-color:#d41c1e;
				  background-image:-webkit-linear-gradient(to bottom, #d41c1e, #ed4139);
				  background-image:linear-gradient(to bottom,#d41c1e, #ed4139);						
			}
			
			.grid-list .header-noborder-title h4{
				line-height:40px;	
			}			
			
			.grid-list .header-title small{
				padding-left:10px;
				font-size:12px;
				color:#fff;	
			}
			
			.grid-list .col-md-1,
			.grid-list .col-md-2,
			.grid-list .col-md-3,
			.grid-list .col-md-4,
			.grid-list .col-md-5,
			.grid-list .col-md-6,
			.grid-list .col-md-7,
			.grid-list .col-md-8,
			.grid-list .col-md-9,
			.grid-list .col-md-10,
			.grid-list .col-md-11,
			.grid-list .col-md-12
			 {
				 margin:0;
			  padding-right: 0px;
			  padding-left: 0px;
			  padding-bottom:0px;
			}	
			
			.new-list{
				height:350px;
			}
			
			.tap-category{
				display:inline-block;
				margin-top:5px;
			}
			.tap-category a{
				color:#333;
				font-size:14px;
				font-family:'heiti';
				padding-left:5px;
				padding-right:5px;
				display:inline-block;
				line-height:30px;
				border-top-left-radius:0.5em;
				border-top-right-radius:0.5em;
				  background-image:-webkit-linear-gradient(to bottom, #ffffff, #d3d3d3);
				  background-image:linear-gradient(to bottom,#ffffff, #d3d3d3);			
		
			}
	
			
			.thumbnail-list{
				min-height:500px;
			  background-image: linear-gradient(
				-145deg,
				rgba(226,222,222,1) 1%, 
				rgba(255,255,255,1) 49%,
				rgba(255,255,255,1) 50%);
			  background-image:-webkit-linear-gradient(
				-145deg,
				rgba(226,222,222,1) 1%, 
				rgba(255,255,255,1) 49%,
				rgba(255,255,255,1) 50%);			

			}
			
			.thumbnail-list .thumbnail{
				border:none;
				margin-top:5px;
				margin-bottom:5px;
				background-color: transparent;
			}
			
			.thumbnail-list .thumbnail img{
				border:1px solid #efefef;	
			}
			
			.right-info{
				min-height:627px;
				height:100%;
				  background-image:-webkit-linear-gradient(to top,
				  	rgba(226,222,222,1) 1%, 
					rgba(255,255,255,1) 49%,
					rgba(255,255,255,1) 50%);
				  background-image:linear-gradient(to top,
				  rgba(226,222,222,1) 1%, 
					rgba(255,255,255,1) 49%,
					rgba(255,255,255,1) 50%);
					background-color:#000000;
			}
			
			.grid-body{
				padding:10px 5px 10px 5px;
			}
			.grid-body p{
				line-height:24px;
				font-size:14px;
			}
 
			/* 继承 Bootstrap*/
			.grid-list .header-title .nav > li > a {
			  padding: 9px 10px;
			}
			.grid-list .header-title .nav-tabs {
			  border-bottom: none;
			}
			.grid-list .header-title .nav-tabs > li {
			  margin-bottom: 0px;
			}
			.grid-list .header-title .nav-tabs > li > a {
				color:#FFF;
			  font-size:16px;
			  margin-right: 2px;
			  line-height: 1.42857143;
			  border: none;
			  border-radius:0;
			}
			.grid-list .header-title .nav-tabs > li > a:hover {
			  border-color:transparent;
			  background-color:#e80002;
			}
			.grid-list .header-title .nav-tabs > li.active > a,
			.grid-list .header-title .nav-tabs > li.active > a:hover,
			.grid-list .header-title .nav-tabs > li.active > a:focus {
			  color: #fff;
			  background-color: #e80002;
			  border: none;
			}
			 
			.grid-list .tab-content{
				padding:10px 10px 10px 10px;
			}
	
/*
 * /////////////////////////[grid-list]////////////////////////////
 */
 
.overflow-hidden { overflow:hidden;}		
.recent-work em{
	width:235px;
	height:180px;	
}
.recent-work em.overflow-hidden {
	display:block;
}		
/* Recent Work  */
.recent-work a {
	text-align:center;
	background:#fcfcfc;
	display:inline-block;
}

.recent-work a:hover {
	text-decoration:none;
}

.recent-work a:hover strong {
	color:#555;
}

.recent-work em.overflow-hidden {
	display:block;
}

.recent-work a span {
	display:block;
	padding:10px;
	border-bottom:solid 2px #eee;
}

.recent-work a strong {
	color:#555;
	display:block;
}

.recent-work a i {
	color:#777;
}

.recent-work a img {
   -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;
}

.recent-work a:hover img {
	opacity:0.8;
   -webkit-transform: scale(1.2) rotate(3deg);
   -moz-transform: scale(1.2) rotate(3deg);
   -o-transform: scale(1.0) rotate(3deg);
   -ms-transform: scale(1.2) rotate(3deg);
   transform: scale(1.2) rotate(3deg);
}

.recent-work a:hover span {
	border-bottom:solid 2px #72c02c;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.3s ease-in-out;
}
			
 
 
  /*
 * /////////////////////////[我们优势]////////////////////////////
 */ 
  .youshi img{
	 padding-left:10px;
	 padding-right:10px;	  
  }
 .youshi p{
	 padding-left:10px;
	 padding-right:10px;
	 font-size:12px;
 }
  .youshi .row{
	  border-bottom:1px  dotted #EEECEC;
	  margin-bottom:10px;
	  padding-bottom:10px;
	   }
	   
.q-and-a dl{
	margin-top:10px;
	font-size:12px;	
}
.q-and-a dd{
	margin-bottom:5px;
	border-bottom:1px dotted #ECEAEA;
	
}
 
 /*
 * /////////////////////////[Footer]////////////////////////////
 */ 		
.footer {
  padding: 40px 0;
  color: #848484;
  text-align: center;
  background-color: #1d1d1d;
  border-top: 1px solid #e5e5e5;
}
.footer p:last-child {
  margin-bottom: 0;
}
.bottom-nav{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	width:600px;
	display:block;
	border-radius:10px;
	border:2px solid #2a2a2a;
}

.bottom-nav a{
	color:#848484;
	padding-left:5px;
	padding-right:5px;
	
}