@charset "utf-8";
/* CSS Document */
body,td,th,input,textarea,select{
	font-size:12px;
	font-family:'微软雅黑', Arial, Tahoma;
	color:#333;
}
body,dl,dt,dd,p,h3{margin:0;}
img{border:0px none; vertical-align:middle;}
table{border-collapse:collapse;}
ul{display:block; margin:0; padding:0;}
li{list-style:none;}
a{color:#666666; text-decoration:none; outline:none;transition:all ease 0.3s; }
a:hover{color:#C6241F;}
.clear{ clear:both; height:0px !important; overflow:hidden;}
.wrap{width:1000px;margin:0 auto;}
.fl{
	float:left;
	}
.fr{
	float:right;
	}
	
.head{
	height:80px;
	overflow:hidden;
	}
.head .logo{
	display:block;
	width:163px;
	height:70px;
	float:left;
	margin-top:10px;
	background:url(../images/logo.png) no-repeat 0 0;
	}
.head .fr{
	margin-top:30px;
	}
.head .fr a.lan{
	border-left:1px solid #ddd;
	padding-left:10px;
	margin-left:10px;
	}
.head .fr a.lan img{
	margin-right:5px;
	}
.t-taobao img{height: 23px;margin-right: 5px;}
.navbox{
	height:34px;
	background: linear-gradient(to bottom, #E50012, #700E14);
	}	
.nav{
	float:left;
	height:34px;
	}
.nav li{
	float:left;
	background:url(../images/navline.gif) no-repeat right center;
	}
.nav li a{
	display:block;
	float:left;
	color:#fff;
	line-height:34px;
	height:34px;
	padding:0 30px;
	}
.nav li a:hover{
	background: #333;
	}
.navbox .search-box{
	float:right;
	background-color:#fff;
	width:160px;
	height:28px;
	margin-top:2px;
	border-radius:5px;
	overflow:hidden;
	transition:all ease .3s;
	}
.navbox .search-box input[type="text"]{
	float:left;
	padding-left:10px;
	height:28px;
	line-height:28px;
	width:120px;
	border:none;
	background:#fff;
	transition:all 0.3s ease;
	overflow:hidden;
	}
.navbox .search-box input[type="submit"]{
	width:28px;
	height:28px;
	background:url(../images/search.png) no-repeat center  center;
	border:none;
	cursor:pointer;
	}
.navbox .search-box:hover{
	box-shadow:3px 3px 6px rgba(0,0,0,0.7);
	}
.head .search-box input[type="text"]:focus{
	color:#333;
	}
.main{
	margin:20px auto;
	}
.left{
	float:left;
	width:230px;
	}
.left .side-cate .hd{
	height:40px;
	line-height:40px;
	font-size:14px;
	color:#fff;
	padding:0 10px;
	background-color:#333;
	background: linear-gradient(to bottom, #555, #000);
	border-radius:5px 5px 0 0;
	}
.left .side-cate .bd{
	background:#f5f5f5;
	height:368px;
	border-radius: 0 0 5px 5px;
	background: linear-gradient(to bottom, #fff, #f5f5f5);
	border:1px solid #eee;
	overflow-x:hidden;
	overflow-y:auto;
	}
.left .side-cate .bd .prolist_side li{
	background:none;
	}
	
.prolist_side > li{border-top:1px solid #FFF;}
.prolist_side> li >a{
	background:#FACACE !important;
	padding-right:10px !important;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.prolist_side li{
	font-size:12px !important;
	background-color:#eee !important;
	}
.prolist_side li a.A{
	color:#2870BD !important;
	}
.prolist_side_son li a:hover, .prolist_side_son li a:active, .prolist_side_son li a.A{
	border-left: 1px solid #2870BD !important;
	}
.prolist_side li span{
	margin-top:5px !important;
	margin-right:3px !important;
	}

	
	
	
	
.left .ind-down{
	display:inline-block;
	width:218px;
	height:80px;
	background-color:#f5f5f5;
	background: linear-gradient(to bottom, #fff, #f5f5f5);
	padding:10px 0 0 10px;
	margin-top:15px;
	border:1px solid #eee;
	color:#999;
	border-radius:5px;
	}
.left .ind-down img{
	float:left;
	margin-right:10px;
	}
.left .ind-down p,.right .ind-cer p{
	margin-top:15px;
	font-size:14px;
	color:#000;
	transition:all ease 0.3s; 
	}
.left .ind-down:hover,.main .right .ind-cer:hover{
	box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
	color: #B70000;
	}
.left .ind-down:hover p,.right .ind-cer:hover p{
	color: #B70000;
	}
.main .mid{
	float:left;
	width:500px;
	margin-left:15px;
	overflow:hidden;
	}
.gallery-top {
	height: 420px;
	border-radius:5px 5px 0 0;
}
.gallery-thumbs {
	height: 98px;
	box-sizing: border-box;
	background: linear-gradient(to bottom, #fff, #f5f5f5);
	padding:8px 0;
	border:1px solid #eee;
	border-radius: 0 0 5px 5px;
}
.gallery-thumbs .swiper-slide {
	height: 80px;
	width:95px;
	opacity: 0.4;
	text-align:center;
	cursor:pointer;
}
.gallery-thumbs .swiper-slide img{
	height: 80px;
	width:95px;
	}
.gallery-thumbs .swiper-slide-active {
	opacity: 1;
}
.main .right{
	float:right;
	width:240px;
	}
.main .right .ind-about{
	padding-bottom:5px;
	height:406px;
	background: linear-gradient(to bottom, #fff, #f5f5f5);
	border-radius: 0 0 5px 5px;
	overflow:hidden;
	}
.main .right .ind-about .hd{
	height:40px;
	line-height:40px;
	font-size:14px;
	color:#fff;
	padding:0 10px;
	background-color:#333;
	background: linear-gradient(to bottom, #555, #000);
	border-radius:5px 5px 0 0;
	}
.main .right .ind-about .bd{
	padding:10px;
	height:342px;
	border:1px solid #eee;
	overflow-x:hidden;
	overflow-y:auto;
	}
.main .right .ind-about .bd p{
	margin-bottom:10px;
	}
.main .right .ind-cer{
	display:inline-block;
	width:228px;
	height:80px;
	background-color:#f5f5f5;
	background: linear-gradient(to bottom, #fff, #f5f5f5);
	padding:10px 0 0 10px;
	margin-top:15px;
	border:1px solid #eee;
	color:#999;
	border-radius:5px;
	}
.right .ind-cer img{
	float:left;
	margin-right:10px;
	margin-top:-7px;
	}


.foot{
	height:50px;
	border-top:1px solid #ddd;
	background: linear-gradient(to bottom, #eee, #fff);
	text-align:center;
	padding-top:15px;
	line-height:2em;
	 color:#999;
	}
.foot a{
	 color:#999;
	 }
.foot a:hover{
	color:#C6241F;
	}
.foot .ft-contact span{
	margin:0 5px;
	}
.foot .ftnav a{
	margin-left:8px;
	padding-left:8px;
	border-left:1px solid #ccc;
	}
.foot .ftnav a:first-child{
	border:none;
	}
/**********foot END*************/

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar  
{  
    width: 4px;  
    height: 8px;  
    background-color: #F5F5F5;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
    border-radius: 10px;  
    background-color: #fff;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.6);  
    background-color: #888;  
}