@charset "utf-8";
/* CSS Document */
/*初始化开始*/
*{
	margin:0;
	padding:0;
}
li{
	list-style:none;
}
a{
	text-decoration:none;
}
img{
	border:0;
}
.header .tb{
	width:1200px;
	height:120px;
	margin:0 auto;
}
.header .tb .as{
	width:264px;
	float:left;
}
.header .tb .wz{
	margin-left:320px;
	width:916px;
	margin-top:15px;
}
.header .tb .wz ul{
	margin-left:-15px;
	margin-top:14px;
}
.header .tb .wz li{
	float:left;
	margin-right:24px;
}
.header .tb .wz li:nth-of-type(3n){
	margin-right:0;
}
.header .tb .wz h2{
	font-size:30px;
	color:#0056a8;
	font-weight:normal;
}
.header .tb .wz li a{
	font-size:20px;
	color:#262626;
	font-weight:normal;
}
/*导航*/
.dh{
	width:100%;
	height:60px;
	background:url(../images/sy/dh.jpg) center;
}
.nav{
	width:1280px;
	height:60px;
	margin:0 auto;
	line-height:55px;
}
.nav li{
	width:181px;
	float:left;
	height:60px;
	display:block;
	text-align:center;
	font-size:18px;border-right:1px solid #057cdc;
}
.nav li:nth-of-type(1){
	border-left:1px solid #057cdc;
}
.nav li a{
	width:181px;
	height:60px;
	display:block;
	color:#525151;
}
.nav li a:hover{
	color:#0056a8;
}
.nav li a:visited{
	color:#0056a8;
}
/*炒货原料*/
.ylb{
	width:1200px;
	height:440px;
	margin:0 auto;
	margin-top:35px;
}
.ylb h1{
	font-size:26px;
	color:#202020;
	text-align:center;
}
.ylb .zt{
	margin-top:30px;
}
.ylb .t1{
	width:176px;
	height:176px;
	transition:all 0.9s;
	float:left;	
}
.ylb .t1 .img2{
	display:none;
	transition:all 0.9s;
}
.ylb .t1:hover .img1{
	display:none;
}
.ylb .t1:hover .img2{
	display:block;
}
.ylb .t2{
	width:176px;
	height:176px;
	transition:all 0.9s;
	float:left;	
	margin-left:80px;
}
.ylb .t2 .img4{
	display:none;
	transition:all 0.9s;
}
.ylb .t2:hover .img3{
	display:none;
}
.ylb .t2:hover .img4{
	display:block;
}
.ylb .t3{
	width:176px;
	height:176px;
	transition:all 0.9s;
	float:left;	
	margin-left:80px;
}
.ylb .t3 .img6{
	display:none;
	transition:all 0.9s;
}
.ylb .t3:hover .img5{
	display:none;
}
.ylb .t3:hover .img6{
	display:block;
}
.ylb .t4{
	width:176px;
	height:176px;
	transition:all 0.9s;
	float:left;	
	margin-left:80px;
}
.ylb .t4 .img8{
	display:none;
	transition:all 0.9s;
}
.ylb .t4:hover .img7{
	display:none;
}
.ylb .t4:hover .img8{
	display:block;
}
.ylb .t5{
	width:176px;
	height:176px;
	transition:all 0.9s;
	float:left;	
	margin-left:80px;
}
.ylb .t5 .img10{
	display:none;
	transition:all 0.9s;
}
.ylb .t5:hover .img9{
	display:none;
}
.ylb .t5:hover .img10{
	display:block;
}
.ylb .t6{
	width:176px;
	height:176px;
	transition:all 0.9s;
	float:left;	
}
.ylb .t6 .img12{
	display:none;
	transition:all 0.9s;
}
.ylb .t6:hover .img11{
	display:none;
}
.ylb .t6:hover .img12{
	display:block;
}
.ylb .t7{
	width:176px;
	height:176px;
	transition:all 0.9s;
	float:left;	
	margin-left:80px;
}
.ylb .t7 .img14{
	display:none;
	transition:all 0.9s;
}
.ylb .t7:hover .img13{
	display:none;
}
.ylb .t7:hover .img14{
	display:block;
}
.ylb .t8{
	width:176px;
	height:176px;
	transition:all 0.9s;
	float:left;	
	margin-left:80px;
}
.ylb .t8 .img16{
	display:none;
	transition:all 0.9s;
}
.ylb .t8:hover .img15{
	display:none;
}
.ylb .t8:hover .img16{
	display:block;
}
.ylb .t9{
	width:176px;
	height:176px;
	transition:all 0.9s;
	float:left;	
	margin-left:80px;
}
.ylb .t9 .img18{
	display:none;
	transition:all 0.9s;
}
.ylb .t9:hover .img17{
	display:none;
}
.ylb .t9:hover .img18{
	display:block;
}
.ylb .t10{
	width:176px;
	height:176px;
	transition:all 0.9s;
	float:left;	
	margin-left:80px;
}
.ylb .t10 .img20{
	display:none;
	transition:all 0.9s;
}
.ylb .t10:hover .img19{
	display:none;
}
.ylb .t10:hover .img20{
	display:block;
}

/*主营产品*/
.zy{
	width:1200px;
	height:570px;
	margin:0 auto;
	margin-top:55px;
}
.zy h1{
	font-size:26px;
	color:#202020;
	text-align:center;
}
.zy ul{
	margin-top:25px;
}
.zy li{
	width:380px;
	height:482px;
	float:left;
	margin-left:30px;
}
.zy li:nth-of-type(1){
	margin-left:0;
}
.zy li a{
	position:relative;
}
.zy .gd{
	width:126px;
	height:30px;
	border:1px solid #dadada;
	background:none;
	border-radius:10px;
	position:absolute;
	top:-45px;
	font-size:18px;
	color:#a9a7a7;
	margin-left:15px;
	transition:all 0.8s;
	text-align:center;
}
.zy a:hover .gd{
	color:#FFFFFF;
	background:#46a2f9;
	border:none;
}
.zy a .hx{
	width:60px;
	height:1px;
	background:#8C8B8B;
	display:block;
	position:absolute;
	top:-70px;
	transition:all 0.5s;
}
.zy a:hover .hx{
	width:380px;
}
/*公司简介*/
.gs{
	width:1200px;
	margin-top:35px;
	margin:0 auto;
}
.gs h1{
	font-size:26px;
	color:#202020;
	text-align:center;
}
.gs a{
	margin-top:80px;
	display:block;
	position:relative;
}
.gs .jz{
	width:620px;
	height:404px;
	border:3px solid #46a2f9;
	position:absolute;
	top:-50px;
	right:0;
	z-index:-1;
}
.gs .jz h3{
	font-size:24px;
	color:#232323;
	margin-left:70px;
	margin-top:45px;
}
.gs a:hover .jz h3{
	color:#0056a8;
}
.gs .jz h4{
	font-size:20px;
	color:#232323;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	margin-left:70px;
	margin-top:30px;
}
.gs .jz p{
	font-size:20px;
	color:#646464;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	margin-left:70px;
	margin-top:10px;
}
.gs .jz .lj{
	width:230px;
	height:50px;
	border:1px solid #A7A5A5;
	background:none;
	margin-top:35px;
	margin-left:70px;
	font-size:20px;
	color:#0056a8;
	border-radius:10px;
	display:block;
	text-align:center;
	line-height:45px;
	transition:all 0.5s;
}
.gs a:hover .jz .lj{
	background:#46a2f9;
	border:none;
	color:#FFFFFF;
}
/*产品展示*/
.cp{
	width:1200px;
	height:660px;
	margin:0 auto;
	margin-top:30px;
}
.cp h1{
	font-size:26px;
	color:#202020;
	text-align:center;
}
.cp li{
	width:285px;
	height:286px;
	margin-top:25px;
	float:left;
	margin-right:20px;
	overflow:hidden;
	transition:all 0.5s;
}
.cp li:nth-of-type(4n){
	margin-right:0;
}
.cp li:hover{
	box-shadow:0 5px 9px 0 #d3d1d1;
	
}
.cp li a .tp{
	width:285px;
	height:220px;
	overflow:hidden;
}
.cp li .tp img{
	width:285px;
	transition:all 0.4s;
}
.cp li a:hover img{
	width:306px;
}
.cp li a h2{
	font-size:16px;
	color:#5b5959;
	text-align:center;
	margin-top:9px;
}
.cp li a:hover h2{
	color:#0056a8;
}
.ck a{
	width:186px;
	height:40px;
	background:none;
	border:2px solid #e7e5e5;
	margin:0 auto;
	font-size:18px;
	color:#B3B3B3;
	text-align:center;
	display:block;
	line-height:35px;
	margin-top:30px;
	transition:all 0.5s;
}
.ck a:hover{
	border:1px solid #0056a8;
	color:#0056a8;
}
/*客户案例*/
.al{
	width:1200px;
	height:602px;
	margin:0 auto;
	margin-top:25px;
}
.al li{
	width:300px;
	float:left;
	margin-top:25px;
	position:relative;
}
.al h1{
	font-size:26px;
	color:#202020;
	text-align:center;
}
.al .xz{
	width:108px;
	height:38px;
	background:#e6f6fd;
	position:absolute;
	bottom:4px;
	font-size:18px;
	color:#8e8d8d;
	text-align:center;
	line-height:34px;
	transition:all 0.5s;
}
.al li:hover .xz{
	background:#0056a8;
	color:#FFFFFF;
}
.al .xz-1{
	width:108px;
	height:38px;
	background:#e6f6fd;
	position:absolute;
	bottom:304px;
	font-size:18px;
	color:#8e8d8d;
	text-align:center;
	line-height:34px;
	transition:all 0.5s;
}
.al li:hover .xz-1{
	background:#0056a8;
	color:#FFFFFF;
}
.ck-1 a{
	width:186px;
	height:40px;
	background:none;
	border:2px solid #e7e5e5;
	margin:0 auto;
	font-size:18px;
	color:#B3B3B3;
	text-align:center;
	display:block;
	line-height:35px;
	margin-top:90px;
	transition:all 0.5s;
}
.ck-1 a:hover{
	border:1px solid #0056a8;
	color:#0056a8;
}
/*新闻中心*/
.xw{
	width:1200px;
	height:480px;
	margin:0 auto;
	margin-top:30px;
}
.xw h1{
	font-size:26px;
	color:#202020;
	text-align:center;
}
.xw img{
	width:471px;
	height:354px;
	float:left;
	margin-top:30px;
}
.xw ul{
	width:680px;
	height:410px;
	float:right;
	margin-top:25px;
	margin-left:30px;
}
.xw li{
	width:696px;
	height:139px;
}
.xw li .rq{
	width:74px;
	height:66px;
	float:left;
	background:none;
	border:2px dashed #e7e6e6;
	display:block;
	padding-top:7px;
	margin-top:6px;
	transition:all 0.5s;
}
.xw li:hover .rq{
	border:none;
	background:#46a2f9;
}
.xw li .wz{
	width:580px;
	height:92px;
	float:right;
}
.xw li .rq h2{
	font-size:20px;
	color:#262626;
	text-align:center;
	transition:all 0.5s;
}
.xw li:hover .rq h2{
	color:#FFFFFF;
}
.xw li .rq h3{
	font-size:18px;
	color:#7a7878;
	text-align:center;
	transition:all 0.5s;
}
.xw li:hover .rq h3{
	color:#FFFFFF;
}
.xw li .wz h3{
	font-size:20px;
	color:#2e2e2e;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.xw li .wz p{
	font-size:18px;
	color:#7a7878;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	margin-top:10px;
}
.ck-2 a{
	width:180px;
	height:40px;
	background:none;
	border:2px solid #e7e5e5;
	margin:0 auto;
	font-size:18px;
	color:#B3B3B3;
	text-align:center;
	display:block;
	line-height:35px;
	margin-top:-10px;
	transition:all 0.5s;
}
.ck-2 a:hover{
	border:1px solid #0056a8;
	color:#0056a8;
}
/*底部*/
.db{
	width:1920px;
	margin:0 auto;
	margin-top:30px;
}