@charset "utf-8";
* {
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	/* background-color: rgba(0, 0, 0, 0.1); */
	}
body{
	margin:0;
	padding:0;
	font-size:12px;
	background-color:#FFF;
	font-family:"Microsoft YaHei",Helvetica, Arial, sans-serif;
	color: #666;
	overflow-x:hidden;  
	min-width:1000px; }
a:link,a:visited{
	text-decoration: none;
} 

img {
	border:0;}
.l{
	float:left;}
.r{
	float:right;}
.clear{
	clear:both;}	
.header{
	width:1000px;
	margin:0 auto;
	padding:10px 0;}
.header a{
	color:#666;}	
.header a:hover{
	color:#AC6625}	
.logo{
	width:200px;
	float:left;}
.serach select{
	color:#666;
	width:80px;
	height:42px;
	border: 0;
	line-height: 42px;
	vertical-align: middle;}	
.serach{
	width:798px;
	padding-top:5px;
	padding-left:100px;
	float:left;}
.serach form {
	border:2px solid #AC6625;	
	position:relative;
	width:600px;}
.serach input {
	border: 0px;
	width: 415px;
	height:42px;
	padding-left:13px;
	vertical-align: middle;}
.serach button {
	height:42px;
	width:100px;	
	cursor:pointer;
	position:absolute;
	border:0;
	top:0;
	right:0;
	background:#AC6625;}
.serach a {
	display: inline-block;
	margin-top: 5px;
	margin-left: 5px;
}
.serach button:before {
	content:"搜 索";
	font-size:14px;
	color:#FFF;}	
.main{
	position:relative;
	margin-left:-1050px;
	left:50%;
	background-color:#333;
	width:2100px;
	height:441px;}
.sideBar{
	z-index:10;
	position:absolute;
	width:150px;
	left:550px;
	opacity:0.9;
	height:441px;
	background-color:#000;}
	
.sideBar ul{
	list-style:none;
	padding:0;
	text-align:center;}		
.sideBar a{
	color:#CCC;}
.sideBar a:hover{
	color:#FFF;
	display:block;
	background-color:#AC6625;}			
.sideBar ul li{
	font-size:18px;
	list-style:none;
	line-height:50px;}	
.lmask{
	z-index:10;
	position:absolute;
	width:550px;
	opacity:0.7;
	height:441px;
	background-color:#000;}	
.rmask{
	z-index:10;
	position:absolute;
	left:1550px;
	width:550px;
	opacity:0.7;
	height:441px;
	background-color:#000;}	
.rightbar{
	z-index:10;
	position:absolute;
	width:150px;
	left:1400px;
	opacity:0.9;
	height:441px;
	background-color:#000;}
.rightbar a{
	color:#666;}	
.rightbar a:hover{
	color:#AC6625;}		
.rightbar >p{
	background-color:#333;
	color:#CCC;
	font-size:14px;
	line-height:30px;
	padding:0 10px;}
.rightbar >p >a{
	font-size:14px;
	float:right;}
.rightbar ul{
	padding:5px 10px;
	list-style:none;}
.rightbar hr{
	border:1px dotted #666666;}	
.rightbar ul li span{
	color:#CCC;}
.user{
	line-height:25px;
	margin-top:15px;
	text-align:center;}	
.user a{
	color:#666;}			
.user a:hover{
	color:#AC6625;}	
.user span{
	font-size:14px;
	font-weight:bold;}
.usermenu a{
	color:#666;}
.usermenu a:hover{
	color:#AC6625;}				
.usermenu{
	margin-top:20px;
	text-align:center;}
.usermenu ul {
	list-style:none;
	padding:0;
	margin:0;}	
.usermenu ul li{
	font-size:14px;	
	line-height:30px;
	height:30px;
	border:1px solid #CCC;
	background:#FFF;
	margin-top:10px;}		
.nav{
	position:relative;	
	margin-left:-1050px;
	left:50%;
	background-color:#333;
	width:2100px;
	height:40px;}
.menu{
	height:40px;
	position:relative;		
	left:550px;
	width:1000px;}	
.menu ul{
	list-style:none;
	padding:0;
	margin:0;}		
.menu a{
	color:#CCC;}
.menu a:hover{
	color:#FFF;
	display:block;
	background-color:#AC6625;}			
.menu ul li{
	text-align:center;
	float:left;
	width:120px;
	margin-right:20px;
	font-size:16px;
	list-style:none;
	line-height:40px;}	
.main-left{
	width:780px;
	float:left;
	font-size:14px;}
.main-right{
	margin-left:20px;
	width:200px;
	float:left;
	}	
	
.main-left h2{
	text-align:center;
	line-height:20px;}	
.detail-left{
	height:750px; 
	width:780px;
	border:1px solid #F2F2F2;}
.pay-left{
	line-height:60px;
	height:500px;
	width:780px;
	border:1px solid #F2F2F2;
	padding:20px;}	
	
.pay-left .set{
	float:left;
	margin-right:20px;
	cursor:pointer;
	line-height:24px;
	text-align:center;
	height:150px;
	width:150px;
	border:1px solid #F2F2F2;
	padding:20px 0;}	
.pay-left .payimg{
	border:1px solid #F2F2F2;	
	cursor:pointer;}			
.pay-left .set span{
	font-size:24px;}	
.pay-left h2{
	text-align:left;}	
.pay-left button {
	border:0;
	height:30px;
	line-height:30px;
	width:160px;
	color:#FFF;
	background:#F90;}	
.detail-right{
	margin-top:50px;
	height:505px;
	padding:10px;
	background-color:#F2F2F2;}
.user-left{
	min-height: 500px;
	width:780px;
	border:1px solid #F2F2F2;
	padding:20px;}
.user-left td a{
	color:#666;}
.user-left td a:hover{
	color:#AC6625;}		
.user-right{
	margin-top:50px;
	height:500px;
	padding:10px;
	background-color:#F2F2F2;}	
	
.user-right .info{
	line-height:40px;}		
	
.article-right{
	height:500px;
	padding:10px;
	background-color:#F2F2F2;}	
.article-right a{
	color:#666;}
.article-right a:hover{
	color:#AC6625;}	
.article-right ul{
	margin:0;
	padding:20px;
	font-size:14px;
	line-height:30px;}					
.ad_01{
	margin-top:15px;
	height:200px;
	width:200px;}
.ad_02{
	margin-top:15px;
	height:83px;
	width:1000px;}	

.btn{
	text-align:center;
	display:inline-block;
	height:30px;
	width:100px;	
	font-size:14px;
	line-height:30px;
	color:FFF;
	background-color:#AC6625;
	border:1px solid #AC6625;}
.down{
	margin-top:15px;	
	width: 180px;
	color:#FFF;}

.pay,.fav {
	width:85px;
	margin-top:15px;
	border:1px solid #AC6625;
	background-color:#FFF;	
	color:#AC6625;}	
.pay:hover,.fav:hover{
	width:85px;
	margin-top:15px;

	background-color:#AC6625;	
	color:#FFF;}		
.faved{
	background-color:#AC6625;
	color: #FFF;}	
.des{
	line-height:30px;}
.des span{
	font-size:14px;
	font-weight:bold;}	
.main-bottom{
	width:1000px;
	height:150px;
	margin-top:15px;
	background-color:#F2F2F2;
	padding:10px;}
.main-bottom span{
	font-size:14px;}
.main-bottom p{
	line-height:20px;}
.content{
	width:1000px;
	margin:0 auto;}
.category p>span:first-child{
	color:#AC6625;
	font-size:16px;
	font-weight:bold;}
.category{
	margin-top:30px;
	width:1000px;}	
.category a{
	color:#666}
.category a:hover{
	color:#AC6625;}
.case{
	border:1px solid #E6E6E6;
	width:240px;
	height:210px;
	float:left;
	margin: 5px;}
	.case a{
		width: 100%;
		display: inline-block;
	}	
.case:hover{
	box-shadow: 1px 1px 10px #CCC;}
	
.right{
	margin-right:0;}
	
.image{
	height:180px;
	width:240px;	
	display:table-cell;
	text-align:center;
	vertical-align:middle;

	background-image:url(background.jpg);
	background-repeat:no-repeat;}
.image img{
	max-width:238px;
	max-height:179px;}
.control{
	height:30px;
	width:240px;
	padding:0 10px 0 10px;
	line-height:30px;}

.pagination{ float:right;margin:20px 0;}  
.pagination li{ vertical-align:middle; height:40px; width:30px; text-align:center;margin:0 10px; border:1px solid #e6e6e6;display:inline-block;} 
.pagination a,.pagination  span{ line-height:40px; display:block; color:#666; }  
.pagination  a:hover{background-color:#DCDCDC;}
.pagination .active span{background-color:#46A3FF;color:#FFF;}  
.pagination .disabled span{color:#aaa;}
.footer{
	position:relative;	
	height:380px;
	margin-left:-1050px;
	left:50%;
	background-color:#333;
	width:2100px;}	
.foot{
	position:relative;	
	left:600px;
	padding-top:20px;
	width:1000px;}
.foot ul{
	float:left;
	margin-right:110px;
	list-style:none;}
.foot  h2{
	color:#999;}
.foot  a{
	color:#666;
	font-size:14px;
	line-height:24px;}	
.foot a:hover{
	color:#AC6625;}		
.copyright{
	margin-top:20px;
	text-align:center;
	border-top:1px solid #666;}
.flink{
	margin:20px 0;}	
.flink a{
	margin-left:10px;}
.noborder{
	border:0;}
.border{
	border:1px solid #F00;}
.register{
	padding:30px;
	height:400px;
	width:400px;
	position:absolute;
	left:600px;
	top:80px;
	background-color:#FFF;
	border-radius:5px;
	opacity:.8;}
.register label{
	width:50px;
	display:inline-block;
	font-size:14px;}	
.register .input {
	margin-top:25px;
	width:280px;
	display:inline-block;
	height:30px;
	font-size:14px;
	color:#333;}
.register .vcode {
	width:130px;}	
.register .button {
	border:0;
	color:#FFF;
	background-color:#348CC4;}
.register h2{
	color:#AC6625;
	text-align:center;}
.register a{
	color:#666;}		
.register a:hover{
	color:#AC6625;}	
.reglogin{
	position:relative;
	margin-left:-1050px;
	left:50%;
	width:2100px;}	
	
.repassword{
	width:400px;
	height:250px;
	margin:0 auto;}	
	
.repassword label{
	width:70px;
	display:inline-block;
	font-size:14px;}	
.repassword .input {
	margin-top:25px;
	width:280px;
	display:inline-block;
	height:30px;
	font-size:14px;
	color:#333;}	
.repassword .button {
	border:0;
	color:#FFF;
	background-color:#348CC4;}
	
.tosupplier{
	width:500px;
	margin:0 auto;}	
	
.tosupplier label{
	width:70px;
	display:inline-block;
	font-size:14px;}	
.tosupplier .input {
	margin-top:25px;
	width:400px;
	display:inline-block;
	height:30px;
	font-size:14px;
	color:#333;}	
.tosupplier .button {
	border:0;
	color:#FFF;
	background-color:#348CC4;}	
	
	
table,td,th{
	border:solid 1px #DCDCDC;
	border-collapse: collapse;
	line-height:40px;
	text-align:center;}
table th{
	background-color:#EEE;}
table tr:hover{
	background:#FAFAFA;}	
.td{
	text-align:left;
	padding-left:20px;}
table{
	margin-top:10px;
	width:100%;}
.img_list{
	position:relative;
	width:170px;
	height:125px;	
	margin:10px 10px 0 0;
	border:solid 1px #DCDCDC;	
	overflow:hidden;}	
.img_list:hover{
	box-shadow: 1px 1px 10px #CCC;}
.img_list img{
	max-width:170px;
	max-height:125px;
	margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;}
.imgdel{
	position:absolute;
	text-align:center;
	width:100%;
	height:25px;
	color:#CCC;
	line-height:25px;	
	background-color:#333;
	bottom:0;
	opacity:0.8;}
.imgdel a{
	text-align:center;
	color:#FFF;
	}
.cateall{
	border: 1px solid #CCC;
	width: 998px;
}
.catesel{
	background-color:#AC6625;
	color: #FFF;
}

.cateraw .catesel a{
	color: #FFF;
}
.cateraw{
	border-bottom: 1px  dotted #CCC;
	height: 50px;
	width: 980px;
	margin: 0 auto;
}
.cateraw label{
	display: inline-block;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	padding-left: 10px;
	vertical-align:middle;
}

.cateall ul{
	display: inline-block;
	list-style:none;
	width: 900px;
	padding:0;
	margin:0;
	vertical-align:middle;
}
.cateall li{
	line-height: 25px;
	vertical-align:middle;
	display:inline;
	font-size:14px;	
	margin-right:18px;}
	
.cateall li a{
	color:#666;	}	
		


.cateall li a:hover{
	color:#FFF;	
	background-color:#AC6625;
	cursor:pointer;}	
	
.cateraw:last-child{
	border-bottom: 0px;
}

.proinfo{
	height: 30px;
	border-bottom: 2px solid #AC6625;
}
.proinfo span{
	padding: 5px;
	height: 30px;
	background-color: #AC6625;
	display: inline-block;
	color: #FFF;
	font-size: 14px;
	line-height: 20px;
}
.company-left{
	padding: 20px;
	background-color: #f8f8f8;
	width:780px;
	border:1px solid #e2e2e2;}

.company-left h2{
	font-size: 24px;
}			
.companylogo{
	mix-blend-mode: multiply;
	height: 60px;
	width: 200px;}	

.company-left ul{
	list-style-type: none;
	padding: 0;}

.company-right{

	background-color:#FFF;
	border: 1px solid #e2e2e2}	
.company-right p{
	font-size: 14px;
	margin: 0px;
	text-align: center;
	color: #FFF;
	height: 35px;
	line-height: 35px;
	background-color:#AC6625;}	

.company-right ul{
	margin: 0;
	padding: 0;
	list-style-type: none;}	

.company-right li{
	cursor: pointer;
	border-bottom: 1px solid #e8e8e8;
	text-align: center;
	height: 35px;
	line-height: 35px;
}	
.company-right li:last-child{

	border-bottom: 0;

}	
.company-right li a{
	color: #666;
display: inline-block;
width: 100%;}		

.company-right li:hover{
	background-color: #e2e2e2;}		
	
.company-left li{
	width: 300px;
	margin-top: 15px;
	height: 35px;
	display: inline-block;
	margin-right: 50px;
	font-size: 14px;}

.company-left li span{
	display: inline-block;
	width: 240px;
	vertical-align: middle;
	}	
.company-left .cname{
	height: 80px;
	border-bottom: 2px solid #CCC;
	}
.icon{
	display: inline-block;
	width: 35px;
	height: 35px;
	background-size: 35px 35px;
	background-position:center;
	background-repeat: no-repeat;
	vertical-align:middle;
	margin-right: 10px;
}
.icon-name{
	background-image:url(../../images/icon-name.png);	
}
.icon-adr{
	background-image:url(../../images/icon-adr.png);	
}
.icon-email{
	background-image:url(../../images/icon-email.png);	
}
.icon-fac{
	background-image:url(../../images/icon-fac.png);	
}
.icon-fox{
	background-image:url(../../images/icon-fox.png);	
}
.icon-phone{
	background-image:url(../../images/icon-phone.png);	
}
.icon-qq{
	background-image:url(../../images/icon-qq.png);	
}
.icon-tel{
	background-image:url(../../images/icon-tel.png);	
}
.icon-web{
	background-image:url(../../images/icon-web.png);	
}
@media screen and (max-width: 1024px) {
.footer,.main,.nav,.reglogin{
	  width:1550px;
	  overflow:hidden;
  }
}