@charset "utf-8";
/* Blood_Wolf专用样式表，支持开源，如有使用或二次开发，请标明出处，谢谢合作！ */
/*#ff8a00; 翰臣科技有限公司VI色系*/
/* 起始样式 */
body {font-family:"微软雅黑";  margin:0 auto; padding:0px; font-size:12px; height:100%; line-height:22px; width:100%;}
div{behavior: url(img/iepngfix.htc)}
div, ul, li, dt, dl, dd, p { margin:0px; padding:0px; list-style-type: none; }

a{ text-decoration:none;}
/*a:hover{ text-decoration:underline;}*/
img{ vertical-align:middle;}
.imgs{ vertical-align:top;}
.lf{ float:left;}
.rg{ float:right;}  
img{border:none;}
html{ overflow-x:hidden;} 
div:hover,li:hover,tr:hover,a:hover{ -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.5s linear, background-image 0.3s linear;}
/*text-decoration:none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; 背景滚动*/
/* 公用样式 */
.box{ width:940px; margin:0 auto;}

/* Main */
.pro{ margin-top:21px;}
.fx{ color:#757474;}
.fx a{ color:#757474;}
.fx a:hover{ background:#00a88e; color:#fff;}
.div_pro{ margin-top:24px; line-height:30px; height:30px;}
.div_pro .lf{ color:#494e51; font-size:24px; line-height:30px; font-weight:bold;}
.div_pro .rg{ width:440px;}
.div_pro .rg .p1{ float:left; background:url(img/2_02.jpg) no-repeat; color:#757474; font-size:14px; font-weight:bold; padding-left:38px; margin-right:20px;}
.div_pro .rg .p2{ float:left; background:url(img/2_03.jpg) no-repeat; color:#757474; font-size:14px; font-weight:bold; padding-left:38px;}
.ul_pro{ margin-top:23px; border-bottom:4px solid #f2f2f2; padding-bottom:27px;}
.ul_pro li{ width:323px; margin-right:16px; float:left;}
.ul_pro .li{ margin-right:0px;}
.ul_pro li .div1{ width:323px; height:154px;}
.ul_pro li .div1 img{ width:100%; height:100%; box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;	/* Firefox */
	-webkit-box-sizing:border-box;	/* Safari */


	-webkit-transition: all 0.3s ease-in-out 0s;
	-mos-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;}
.ul_pro li:hover .div1{ background:#3ebda9; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.5s linear, background-image 0.3s linear;}
.ul_pro li:hover .div1 img{ padding:3px;box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;	/* Firefox */
	-webkit-box-sizing:border-box;	/* Safari */


	-webkit-transition: all 0.3s ease-in-out 0s;
	-mos-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;}
.ul_pro li .div2{ height:45px; line-height:45px; font-size:14px; font-weight:bold;}
.ul_pro li .div2 a{ color:#494e51;}
.ul_pro li:hover .div2 a{ color:#3ebda9;}

.product_list{ margin-top:40px;}
.product_list .product_sub{ height:36px; border-bottom:#e0e0e0 solid 1px; position:relative;}
.product_list .product_sub dd{ display:block; float:left; text-align:center; text-decoration:none; color:#757474; width:145px; padding-right:1px; background:url(img/2_08.jpg) right 4px no-repeat; height:30px; font-size:18px; cursor:pointer;}
.product_list .product_sub .pro_subico{ width:145px; height:10px; position:absolute; bottom:-5px; left:0px;}
.product_list .product_sub dd:hover{ color:#000;}
.product_list .product_sub .on{ color:#000;}

.ul_pro1{ margin-top:40px}
.ul_pro1 li{ width:296px; padding:1px; background:#dbdbdb; float:left; margin-right:15px; margin-bottom:15px;}
.ul_pro1 li .div1{ padding-left:3px; padding-right:3px; width:290px; height:250px; background:#fff; padding-top:3px; border-bottom:1px solid #e9e9e9; cursor:pointer;}
.ul_pro1 li .div2{ padding-top:20px; height:16px; line-height:16px; font-size:14px; font-weight:bold; color:#494e51; font-weight:bold; overflow:hidden; background:#fff; padding-left:18px; cursor:pointer;}
.ul_pro1 li .div3{ padding-top:9px; height:14px; line-height:14px; color:#757474; background:#fff; padding-left:18px; overflow:hidden; cursor:pointer;}
.ul_pro1 li .div4{ padding-top:20px; padding-bottom:20px; height:29px; background:#fff; padding-left:18px; cursor:pointer;}
.ul_pro1 li .div4 div{ background:url(img/2_10.jpg) bottom no-repeat; height:27px; width:85px;  -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.ul_pro1 .li{ margin-right:0px;}
.ul_pro1 li:hover{ width:290px; padding:4px; background:#3ebda9; transition: color 0.8s linear, background-color 0.8s linear, background-image 0.8s linear; -moz-transition: color 0.8s linear, background-color 0.8s linear, background-image 0.8s linear; -webkit-transition: color 0.8s linear, background-color 0.8s linear, background-image 0.8s linear; -o-transition: color 0.8s linear, background-color 0.8s linear, background-image 0.8s linear;}
.ul_pro1 li:hover .div1{ width:290px; height:250px; background:#fff; height: border-bottom:1px solid #e9e9e9; padding:0px;}
.ul_pro1 li:hover .div2{ padding-left:15px;}
.ul_pro1 li:hover .div3{ padding-left:15px;}
.ul_pro1 li:hover .div4{ padding-left:15px; padding-bottom:17px;}
.ul_pro1 li:hover .div4 div{ background:url(img/2_10.jpg) top no-repeat; text-decoration:none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.ul_pro1 .div5{ text-align:center; padding-top:25px; clear:both;}