/* 
* @Author: zty
* @Date:   2016-02-05 13:09:11
* @Last Modified by:   zty
* @Last Modified time: 2016-02-15 16:28:41
*/
body{
	background: url(../images/zicontact.jpg) no-repeat center center;
	background-size: 100% 100%;
	overflow:hidden;
}
.bread,.bread a{
	color: #fff;
	text-align: right;
	line-height: 54px;
}
.bread span{
	color: #fff;
}
.nav_list{
	text-align: center;
	font-size: 18px;
}
.nav_list a:hover{
	color: #f7a300;
}
.nav_list a{
	transition:color 1s;
	-moz-transition:color 1s; /* Firefox 4 */
	-webkit-transition:color 1s; /* Safari and Chrome */
}
.nav_list span{
	padding: 0 31px;
}
.img_box{
	border: 1px solid #fff;
	width: 342px;
	float: left;
}
.img_box img{
	display: block;
	margin: 2px;
	border: 1px solid #fff;
}
.sec_img_list{
	margin-top: 50px;
	float: left;
	min-height:697px;
}
.sec_text_box{
	float: left;
	margin-left: 58px;
	width: 785px;
}
.img_title,.img_date{
	font-size: 18px;
	line-height: 32px;
}
.img_text,.read_more{
	font-size: 12px;
	line-height: 36px;
	height:75px;
	overflow:hidden;
}
.sec_img_list li{
	margin-bottom: 42px;
}
.pager{
	width: auto;
	height: 36px;
	margin: 0 auto 20px;
	text-align:center;
}
.pager li{
	margin-right: 19px;
	padding: 2px;
	border: 1px solid #818181;
	display:inline-block;
}
.pager a{
	display: block;
	padding: 0 21px;
	line-height: 30px;
	background: rgba(130,130,130,0.3);
}
.pager a:hover{
	background: rgba(130,130,130,0.5);
}
.product_list li{
	width: 372px;
	height: 312px;
	padding: 4px;
	position: relative;
	float: left;
	margin: 0 30px 32px 0;
}
.product_list li:nth-child(3n){
	margin-right: 0;
}
.product_list li img{
	border: 1px solid #fff;
}
.w_line{
	position: absolute;
}
.hl{
	width: 190px;
	height: 1px;
	background: #fff;
}
.dl{
	height: 160px;
	width: 1px;
	background: #fff;
}
.ltr,.ltd{
	left: 0;
	top: 0;
}
.rtl,.rtd{
	right: 0;
	top: 0;
}
.ldr,.ldt{
	left: 0;
	bottom: 0;
}
.rdl,.rdt{
	right: 0;
	bottom: 0;
}
.product_list li .hl{
	transition: width 1s ease-out;
	-moz-transition: width 1s ease-out;
	-webkit-transition: width 1s ease-out;
}
.product_list li .dl{
	transition: height 1s ease-out;
	-moz-transition: height 1s ease-out;
	-webkit-transition: height 1s ease-out;
}
.product_list li:hover .hl{
	width: 14px;
}
.product_list li:hover .dl{
	height: 14px;
}
.product_list li img{
	transition: filter 1s;
	-moz-transition: filter 1s;
	-webkit-transition: filter 1s;
	filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}
.product_list li:hover img{
	filter: grayscale(0);
	-moz-filter: grayscale(0);
	-webkit-filter: grayscale(0);
}
.product_list li:hover .bg_mask_border{

	opacity: 1;
}
.bg_mask_border{
	transition: opacity 1s;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	transition-delay: 1s;
	-moz-transition-delay: 1s;
	-webkit-transition-delay: 1s;
	position: absolute;
	left: 65px;
	top: 90px;
	z-index: 10;
	opacity: 0;
	display: block;
}
#list{
	margin-top: 30px;
	min-height:730px;
}


.wheelarea{
/*	background-color:#FFF;
	 opacity:0.8; */
	background: url(../images/tou.png) repeat;

	margin-top: 40px;
}
.wheelarea .imgleft{ float:left;}


.wheel_title{
	font-size: 18px;
}
.wheelarea p{
	line-height: 28px;
	font-size: 14px;
	padding-right: 15px;
}
.prod_img{
	margin-top: 180px;
	margin-left: 65px;
	border: 14px solid transparent;
	border-image: url(../images/border_03.png) 14 14 round;
	-webkit-border-image: url(../images/border_03.png) 14 14 round;
}
.prod_name{
	font-size: 18px;
	width:400px;
	margin-left:65px;
}
.pagechanger{
	line-height: 28px;
}
.pagechanger a:hover{
	color: #4c7546;
}
.sec_img_list img{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	transition: filter 2s;
	-moz-transition: filter 2s;
	-webkit-transition: filter 2s;
}
.sec_img_list img:hover{
	filter: grayscale(0);
	-moz-filter: grayscale(0);
	-webkit-filter: grayscale(0);
}
.div_scroll .ulnew li .imgbg{ background: url(../images/newimg.png) no-repeat center center;background-size:100% 100%; }
.div_scroll .ulnew .li0 .imgbg{ float:left;}
.div_scroll .ulnew .li1 .imgbg{ float:right;}

.div_scroll .imgbg img{border: solid 5px #FFF;display:block;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; margin-top:10px; margin-left:20px;}
.div_scroll .ulnew{  overflow:hidden; padding-right:10px;}
.div_scroll .ulnew li h3{ float:left; color:#333333;}
.div_scroll .ulnew li {  float:left; }
.div_scroll .ulnew li span{ font-size:16px; color:#555555; display:block;  float:left; overflow:hidden; float:left; } 

.newshow h3{margin:10px auto; }
.newshow{ text-align:center;color:#333333;}
 .pagechanger li a{ color:#333333;font-size:16px; text-align:left; display:block; }
.newshow .blue{ font-size:14px; color:#1e63a4; margin-left:10px;}
.newshow .show{ text-align:left;}
.newshow hr{ color:#999999;margin:20px auto;}



@media only screen and (min-width: 800px) and (max-width: 1920px){
.wheelarea{height:300px;padding:30px;}
.wheelarea .imgleft img{ width:76%;}
.product_box{ margin-top:5px;padding-bottom: 20px;}
.product_box{display:inline-block; zoom:1; *display:inline; vertical-align:middle; text-align:left; width:1000px;}
.wheelarea{ height:100%; overflow:hidden; display:inline-block;  overflow:hidden; margin-left:-1px; zoom:1; *display:inline; *margin-top:-1px; _margin-top:0; vertical-align:middle;}

.div_scroll .ulnew li{width:680px; margin-bottom:10px;}
.div_scroll .ulnew li span{width:510px; height:54px;line-height:27px; font-size:16px; }
.div_scroll .ulnew{width:700px; }
.div_scroll .ulnew li .imgbg{width:160px; height:140px;}
.div_scroll .imgbg img{width:90px;height:90px; }
.div_scroll .ulnew li h3{ padding-top:7px; padding-bottom:7px; font-size:17px; }
.newshow h3{font-size:16px;}
.newshow{  font-size:14px;}
}
@media only screen and (min-width:1920px){

.wheelarea{height:400px;padding:50px;}
.product_box{ margin-top: 40px;padding-bottom: 40px;}
.product_box{display:inline-block; zoom:1; *display:inline; vertical-align:middle; text-align:left; width:1180px;}
.wheelarea{ height:100%; overflow:hidden; display:inline-block;  overflow:hidden; margin-left:-1px; zoom:1; *display:inline; *margin-top:-1px; _margin-top:0; vertical-align:middle;}
.div_scroll .ulnew li{ width:738px;margin-bottom:40px;}
.div_scroll .ulnew li span{width:539px; height:94px;line-height:30px; }
.div_scroll .ulnew{width:718px; }
.div_scroll .ulnew li .imgbg{width:186px; height:166px;}
.div_scroll .ulnew li h3{  padding-top:10px; padding-bottom:10px; font-size:18px; ;}
.newshow h3{font-size:18px;}
.newshow{  font-size:16px;}
}