@charset "utf-8";
/* Blood_Wolf专用样式表，支持开源，如有使用或二次开发，请标明出处，谢谢合作！ */

/* 起始样式 */
body {font-family:"微软雅黑";  margin:0 auto; padding:0px; font-size:12px; height:100%; line-height:22px; width:100%;}
div{behavior: url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/css/css/iepngfix.htc)}
div, ul, li, dt, dl, dd, p { margin:0px; padding:0px; list-style-type: none; }
p{ margin:0; padding:0}
.clear{ clear:both; height:0px; line-height:0px; font-size:0px;}
a{ text-decoration:none;}
/*a:hover{ text-decoration:underline;}*/
img{ vertical-align:middle;}
.imgs{ vertical-align:top;}
.lf{ float:left;}
.lf h1{ font-size:16px; font-weight:bold; line-height:24px; height:24px; padding-left:10px;}
.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:1002px; margin:0 auto;}
.head{ height:84px; overflow:hidden;}
.logo{ width:343px;}
.headrg{ width:602px;}
.top{ padding-top:11px; height:24px; line-height:24px; color:#969a9a}
.top .div1 a{ color:#969a9a;}
.top .div1 a:hover{ background:#00a88e; color:#fff;}
.top .div1 span{ margin-left:8px; padding-right:8px;}
.top .div2{ background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/1_01.jpg) no-repeat; height:24px; width:171px; margin-left:19px; -webkit-transition: none; -moz-transition: none; transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -moz-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -webkit-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -o-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear;}
.top .div2 .p1{ padding-left:5px; width:139px;}
.top .div2 .p1 .text{ background:none; border:0px; height:22px; line-height:22px; font-family:微软雅黑; color:#999999;}
.top .div2 .p2{ width:16px; padding-right:5px; padding-top:3px;}
.top .div2 .p2 a{ background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/1_02.jpg) top no-repeat; height:16px; width:16px; display:block; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.top .div2:hover{ background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/1_01a.jpg) no-repeat; height:24px; width:171px; margin-left:19px;}
.top .div2:hover .p2 a{ background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/1_02.jpg) bottom no-repeat; text-decoration:none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.dh{ height:45px;}
.dh .activesss{ float:left; margin-left:40px;}
.dh .activesss:hover{ border-bottom:4px solid #00a88e;}
/*.dh .activesss1{ border-bottom:4px solid #00a88e;}*/
.dh .activesss .a1{ display:block; color:#666666; font-size:14px; line-height:45px; height:45px; font-weight:bold;}
.dh .activesss:hover .a1{ color:#00a88e;}
.dh .activesss1 .a1{ color:#00a88e;}
.dh .Locate{ position:absolute; width:148px; top:84px; display:none; z-index:10000; background:#f1f0f0; margin-left:-38px; text-align:center;}
.dh .mad{ margin-left:-46px;}
.dh .Locate ul li{ border-bottom:1px solid #dddcdc; height:38px; line-height:38px;}
.dh .Locate ul li:hover{ background:#00a88e;}
.dh .Locate ul li:hover a{ color:#fff;}
.dh .Locate ul li a{ color:#3b3737; display:block; height:38px; line-height:38px;}
.dh .Locate ul .li{ background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/1_03.png) no-repeat; height:17px; line-height:17px; border-bottom:0px;}
.dh .Locate ul .li:hover{ background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/1_03.png) no-repeat; line-height:17px; height:17px;}
.dh .Locate ul li .a2{ position:relative; cursor:pointer;}
.dh .Locate ul li .a2 .div1{ display:none;}
.dh .Locate ul li .a2:hover .div1{ display:block; position:absolute; z-index:100; width:338px; top:0px; left:148px;}
.dh .Locate ul li .a2:hover .div1 .p1{ background:#00a88e; height:38px; line-height:38px; overflow:hidden; border-bottom:1px solid #54c5b3; text-align:left; padding-left:30px;}
.dh .Locate ul li .a2:hover .div1 .p1:hover{ background:#07bca0;}
.foot{ border-top:1px solid #e0e0e0; margin-top:40px; padding-top:23px; clear:both;}
.foot_top .lf{ width:800px;}
.foot_top .rg{ width:202px;}
.foot_top .lf ul{ width:160px; float:left;}
.foot_top .lf ul li{ height:24px; line-height:24px; overflow:hidden;}
.foot_top .lf ul .li{ margin-bottom:6px;}
.foot_top .lf ul .li a{ font-size:14px; font-weight:bold; color:#373535}
.foot_top .lf ul li a{ padding-left:10px; color:#605f5f; display:block;}
.foot_top .lf ul li a:hover{ background:#00a88e; color:#fff;}
.foot_bottom{ margin-top:22px; border-top:1px solid #e0e0e0; height:43px; line-height:43px; color:#7f7f7f;}
.foot_bottom .rg a{ color:#7f7f7f}
.foot_bottom .rg a:hover{ background:#ff8a00; color:#fff;}
/* 公用样式 End */

/* Index */
.banner{ width:1920px; position:relative; left:50%; margin-left:-960px; z-index:100;}
.banner .slides_container a {width:1920px;height:570px;display:block;}
.banner .slides_container a img {display:block;}
.banner .pagination { margin-top:-40px; position:absolute; z-index:100; width:160px; left:50%; margin-left:-35px;}
.banner .pagination li {float:left;margin:0 1px;list-style:none;}
.banner .pagination li a {display:block; width:12px; font-size:0px; height:12px; background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/1_12.png) no-repeat;float:left;overflow:hidden; margin-left:5px; margin-right:5px; font-size:0px; line-height:1000px;}
.banner .pagination li.current a,.banner .pagination li a:hover{ background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/1_12.png) no-repeat 0 -12px;}
.ss{ margin-top:00px;}
#ss1{position:relative; top:20px; z-index:20; float:left; width:313px; height:237px; left:0px;}
#ss2{position:relative; top:20px; z-index:20; float:left; width:313px; height:237px; left:31px;}
#ss3{position:relative; top:20px; z-index:20; float:left; width:313px; height:237px; left:62px;}
#pronav{ overflow: hidden; padding: 20px 0;}
#pronav li{position:relative; top:10px; z-index:20; float:left; width:313px; height:237px; padding:0px 10px;}
.heg{
	width:1010px;
	margin:0 auto;
	display: none;
}
/* Index End */

/* 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:500px;
}
.div_pro .rg .p1{ float:left; background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/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(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/2_03.jpg) no-repeat; color:#757474; font-size:14px; font-weight:bold; padding-left:38px;}
.ul_pro{ margin-top:23px; 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(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/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:35px;}
.product_list .product_sub dd:hover{ color:#000;}
.product_list .product_sub .on{ color:#000;}

.ul_pro1{ margin-top:40px}
.ul_pro1 li{ width:321px; padding:1px; background:#dbdbdb; float:left; margin-right:15px; margin-bottom:15px;}
.ul_pro1 li .div1{ padding-left:3px; padding-right:3px; width:315px; 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(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/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:315px; 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:315px; 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(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/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;}

.div_pro1{ margin-top:20px;}
.div_pro1 .lf{ width:420px; height:333px; border:1px solid #dedbdb;}
.div_pro1 .rg{ width:520px;}
.div_pro1 .rg .p1{ color:#494e51; font-size:24px; line-height:26px; height:26px; font-weight:bold;}
.div_pro1 .rg .p2{ color:#757474; margin-top:10px;}
.div_pro1 .rg .p3{ margin-top:30px;}

.div_pro2{ margin-top:35px;}
.div_pro2 dl{ border-bottom:2px solid #3ebda9;}
.div_pro2 dd{ float:left; width:159px; margin-right:5px; height:36px; line-height:36px; background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/2_14.jpg) top left #e1e1e1 no-repeat; text-align:center; color:#757474; cursor:pointer; font-size:14px; font-weight:bold;}
.div_pro2 dd:hover,.div_pro2 .on{ background:#3ebda9; color:#fff; -webkit-transition: none; -moz-transition: none; transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -moz-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -webkit-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -o-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear;}
.div_pro2 .div_pro_txt{ margin-top:45px;}

.div_pro3{ margin-top:40px; height:56px; line-height:56px;}
.div_pro3 .div1{ color:#494e51; font-size:22px; font-weight:bold;}
.div_pro3 .div2{ background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/2_16.jpg) no-repeat; padding-left:74px; margin-left:46px;}
.div_pro3 .div2 a{ color:#72b800; font-size:18px;}
.div_pro3 .div2 a:hover{ text-decoration:underline;}

.div_pro4{ margin-top:40px;}
.div_pro4 td{ padding-bottom:15px;}
.div_pro4 .td{ color:#494e51; font-size:22px; font-weight:bold; padding-bottom:25px;}
.div_pro4 .text{ border:1px solid #d3d2d2; background:#fff; color:#757474; font-family:微软雅黑; height:32px; line-height:32px; width:278px;}
.div_pro4 .text:hover{ background:#eee;}
.div_pro4 .text1{ border:1px solid #d3d2d2; background:#fff; color:#757474; font-family:微软雅黑; height:32px; line-height:32px; width:1000px;}
.div_pro4 .text1:hover{ background:#eee;}
.div_pro4 .text2{ border:1px solid #d3d2d2; background:#fff; color:#757474; font-family:微软雅黑; height:161px; line-height:22px; width:1000px;}
.div_pro4 .text2:hover{ background:#eee;}
.div_pro4 .text3{ border:1px solid #d3d2d2; background:#fff; color:#757474; font-family:微软雅黑; height:32px; line-height:32px; width:98px;}
.div_pro4 .text3:hover{ background:#eee;}
.div_pro4 img{ margin-left:10px;}

.dd{
	margin-top:20px;
}
.ddlf{ width:160px;}
.ddlf .div1{ background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/3_02.jpg) no-repeat; height:32px; overflow:hidden; line-height:32px; font-size:0px;}
.ddlf .div2{ background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/3_03.jpg) repeat-y;}
.ddlf .div2 a{ display:block; background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/3_05.jpg) 10px bottom no-repeat; padding-bottom:1px; height:28px; line-height:28px; padding-left:17px; color:#7d7c7c; font-weight:bold; margin-bottom:1px;}
.ddlf .div2 a:hover,.ddlf .div2 .a1{ background:#00a88e; color:#fff; }
.ddlf .div3{ background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/3_04.jpg) no-repeat; height:31px; overflow:hidden; line-height:31px; font-size:0px;}

.ddrg{ width:798px;}
.ddrg1{ border-bottom:1px solid #e8e8e8; line-height:41px; line-height:41px;}
.ddrg1 .lf{ color:#494e51; font-size:24px;}
.ddrg2{ margin-top:20px; color:#7d7c7c;}
.div_ser{ color:#00a88e; font-size:18px;} 
.div_ser1{ line-height:18px; margin-top:14px;}
.div_ser2{ margin-top:14px; display:none;}


.div_map{ width:594px; height:469px; background:#fff; border:1px solid #e9e9e9; display:none; overflow:hidden;}
.div_net_box{ height:380px; overflow-y:scroll; margin-top:15px;}
.div_map .rg{ position:relative; right:65px; top:20px;}
.div_map .div1{ width:483px; padding-left:46px;}
.div_map .div1 .p1{ height:50px; line-height:50px; border-bottom:1px dashed #cccccc; color:#009c84; font-size:18px;}
.div_map .div1 .p2{ margin-top:10px; color:#999; font-weight:bold;}
.div_map .div1 .p3{ margin-top:2px; color:#999;}
.div_map .div1 .p3 img{ margin-right:5px;}
.div_map .div1 .p3 span{ margin-right:10px; color:#4c4b4a}
.div_map .div2{ width:13px; height:14px; padding-top:13px; padding-right:16px;}

.ul_ser li{ margin-bottom:20px;}
.ul_ser li .div1{ background:#f2f2f2; color:#494e51; line-height:35px; height:35px; padding-left:10px; padding-right:10px; font-weight:bold;}
.ul_ser li:hover .div1{ color:#fff; background:#00a88e; -webkit-transition: none; -moz-transition: none; transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear;}
.ul_ser li .div2{ padding-left:10px; padding-right:10px; padding-bottom:6px; padding-top:6px;}
.ul_ser li .div2 .p1{ color:#494e51;}
.ul_ser li .div2 .p2{ color:#969595;}
.ul_ser li:hover .div2{ color:#fff; background:#00a88e; -webkit-transition: none; -webkit-transition: none; -moz-transition: none; transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear;}
.ul_ser li:hover .div2 .p1{ color:#fff; -webkit-transition: none; -moz-transition: none; transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear;}
.ul_ser li:hover .div2 .p2{ color:#fff; -webkit-transition: none; -moz-transition: none; transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -moz-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -webkit-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear; -o-transition: color 0.2s linear, background-color 0.2s linear, background-image 0.2s linear;}
.fenye{ text-align:center; padding-top:20px;}

.div_ser3 input{ margin-left:6px; margin-right:18px;}
.div_ser4{ margin-top:30px; font-size:14px; color:#636462; font-weight:bold; border-bottom:1px solid #dddddd; padding-bottom:5px;}
.div_ser5{ margin-top:20px; color:#636462;}
.div_ser5 td{ padding-bottom:20px; padding-right:10px;}
.div_ser5 select{ width:222px; margin-right:15px;}
.div_ser5 .text{ border:1px solid #d3d2d2; background:#fff; color:#757474; font-family:微软雅黑; height:146px; line-height:22px; width:456px;}
.div_ser5 .text:hover{ background:#eee;}
.div_ser5 .text1{ border:1px solid #d3d2d2; background:#fff; color:#757474; font-family:微软雅黑; height:22px; line-height:22px; width:220px;}
.div_ser5 .text1:hover{ background:#eee;}
.div_ser5 .text2{ border:1px solid #d3d2d2; background:#fff; color:#757474; font-family:微软雅黑; height:22px; line-height:22px; width:278px;}
.div_ser5 .text2:hover{ background:#eee;}
.div_ser5 .text3{ border:1px solid #d3d2d2; background:#fff; color:#757474; font-family:微软雅黑; height:22px; line-height:22px; width:78px; margin-right:10px;}
.div_ser5 .text3:hover{ background:#eee;}
.div_ser5 span{ color:#f51111; font-weight:bold; margin-right:5px;}
.ul_news li{ height:122px; background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/4_04.jpg) 7px top repeat-y;}
.ul_news li .div1{ width:16px; height:122px; background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/4_02.png) left top no-repeat;  -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.ul_news li .div2{ margin-left:33px; width:80px; color:#494e51; padding-top:15px; font-size:14px;  -webkit-transition: none; -moz-transition: none; transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -moz-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -webkit-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -o-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear;}
.ul_news li .div3{ width:630px;}
.ul_news li .div3 .p1{ color:#4a4646; font-size:18px; padding-top:15px;  -webkit-transition: none; -moz-transition: none; transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -moz-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -webkit-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -o-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear;}
.ul_news li .div3 .p2{ color:#757474; margin-top:8px;  -webkit-transition: none; -moz-transition: none; transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -moz-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -webkit-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -o-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear;} 
.ul_news li:hover .div1{ background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/4_02.png) left -122px no-repeat; text-decoration:none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.ul_news li:hover .div2{ color:#00a88e; -webkit-transition: none; -moz-transition: none; transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -moz-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -webkit-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -o-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear;}
.ul_news li:hover .div3 .p1{ color:#00a88e; -webkit-transition: none; -moz-transition: none; transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -moz-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -webkit-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -o-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear;}
.ul_news li:hover .div3 .p2{ color:#00a88e; -webkit-transition: none; -moz-transition: none; transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -moz-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -webkit-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -o-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear;}
.title{text-align: center;color: #000;font-size: 14px;}
.time{ color:#babcbd;text-align: center;}
.txt{ margin-top:18px; line-height:28px;}
.fh{ border-top:1px solid #e9e2e2; margin-top:80px; padding-top:15px;}
.fh .lf a{ display:block; color:#757474; padding-left:5px; padding-right:5px;}
.fh .lf a:hover{ color:#fff; background:#00a88e;}
.fh .rg{ padding-top:10px; padding-right:5px;}
.fh .rg a{ display:block; width:56px; background:#f0ecec; color:#757474; text-align:center;}
.fh .rg a span{ font-family:宋体;}
.fh .rg a:hover{ color:#fff; background:#00a88e;}

.div_job span{ color:#00a88e;}
.div_job a{ color:#00a88e;}
.div_job a:hover{ background:#00a88e; color:#fff;}
.div_job1{ margin-top:20px;} 
.ul_job li{ *margin-bottom:-4px; border-bottom:1px dashed #d2d2d2; height:45px; line-height:45px; overflow:hidden;}
.ul_job li:hover{ background:#f0fadf;}
.ul_job li a{ color:#737272; display:block;}
.ul_job li:hover a{ color:#72b800;}
.ul_job li .div1{ width:26%; cursor:pointer;}
.ul_job li .div2{ width:18%; text-align:center; cursor:pointer;}
.ul_job li .div3{ width:18%; text-align:center; cursor:pointer;}
.ul_job li .div4{ width:18%; text-align:center; cursor:pointer;}
.ul_job li .div5{ width:18%; text-align:center; cursor:pointer;}
.ul_job .li{ background:#f4f4f4; color:#737272; font-size:14px; font-weight:bold; border-bottom:0px;}
.ul_job li span{ padding-left:15px;}
.div_job2{ margin-top:50px; border-top:1px solid #ddd; padding-top:15px; text-align:center;}
.div_job2 span{ color:#00a88e;}
.div_job2 a{ color:#00a88e;}
.div_job2 a:hover{ background:#00a88e; color:#fff;}
.div_job3{ margin-top:15px; text-align:center;}
.div_job3 a{ color:#00a88e;}
.div_job3 a:hover{ background:#00a88e; color:#fff;}

.div_abo{ border-bottom:1px solid #ddd; padding-bottom:15px;}
.div_abo1{ margin-top:20px; background:#f2f2f2; height:44px; line-height:44px; padding-left:13px; padding-right:13px; color:#494e51; font-size:14px;}
.div_abo1 span{ color:#72b800; font-size:19px; font-weight:bold; margin-right:15px;}
.div_abo2{ margin-top:25px; margin-bottom:20px;}
.div_abo4{ margin-top:20px;}

#focus_Box{position:relative;width:798px;height:360px; margin:0px auto;}
#focus_Box dl{
	position:relative;
	width:700px;
	height:360px;
	left:100px;
}
#focus_Box dd{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border:7px solid #eee;}
#focus_Box dd img{width:100%;background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box dd p{position:absolute;left:0;bottom:-32px;width:100%;height:25px;line-height:25px;background:#fff;color:#00938a; text-align:center;}
#focus_Box dd p span{display:inline-block;width:70%;height:25px;overflow:hidden;}
#focus_Box .focus_prev,#focus_Box .focus_next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:171px;}
#focus_Box .focus_prev{background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/btn.png) left bottom no-repeat;left:0px}
#focus_Box .focus_next{background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/btn.png) right bottom no-repeat;right:0px} 
#focus_Box .focus_prev:hover{background-position:left top;}
#focus_Box .focus_next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/share-btn.png) no-repeat;text-indent:-999px;}

.div_abo6{ color:#3ebda9; font-size:30px; line-height:45px; font-weight:bold; line-height:45px; text-align:center;}

#timeline { width: 798px; margin:0 auto; overflow:hidden; position: relative; margin-top:60px; background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/6_12.jpg) center 8px repeat-x; }
#dates { width: 798px; height: 56px; overflow: hidden; margin-top:1px;}
#dates li { list-style: none; float: left; width:85px; height: 56px; font-size: 16px; text-align: center; cursor:pointer; font-weight:bold;}
#dates a { padding-top:22px; display:block; font-size:14px; height:34px; color:#757474; background: url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/6_09.jpg) center 0px no-repeat;}
#dates .selected { font-size: 22px; color:#03a88e; background: url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/6_10.jpg) center 0px no-repeat;}
#issues { width: 798px; margin-top:50px; padding-bottom:150px;}
#issues li{ float: left; width:798px;}
#issues li .div1{ text-align:center;}
#issues li .div2{ background:#f0f2f2; padding:20px 30px;}
#prev { float:left; background: url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/6_07.jpg); width:10px; height:19px;}
#next {	float:right; background: url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/6_08.jpg); width:10px; height:19px;}
.div_por{ position:relative; margin-top:-57px;}

.div_abo7{ background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/6_13.jpg) no-repeat; height:500px; padding-top:21px;}
.div_abo7 center{ color:#757474; font-size:18px; line-height:30px; font-weight:bold;}
.div_abo7 center span{ color:#01a88e}
.div_abo8{ margin-bottom:20px;}



.ser_list .product_sub{ height:36px; border-bottom:#e0e0e0 solid 1px; position:relative;}
.ser_list .product_sub dd{ display:block; float:left; text-align:center; text-decoration:none; color:#636161; width:265px; padding-right:1px; background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/2_08.jpg) right 4px no-repeat; height:30px; font-size:16px; cursor:pointer;}
.ser_list .product_sub .pro_subico{ width:145px; height:10px; position:absolute; bottom:-5px; left:35px;}
.ser_list .product_sub dd:hover{ color:#3ebda9;}
.ser_list .product_sub .on{ color:#3ebda9;}

.ul_se11 li{ border-bottom:1px solid #dddbdb;}
.ul_se11 li .dddd{ height:46px; line-height:46px; background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/3_12.jpg) 21px center no-repeat; padding-left:45px; padding-right:45px; display:block; color:#636161; font-weight:bold; font-size:14px;} 
.ul_se11 li .dddd:hover,.ul_se11 li .dddd-active{ color:#00a88e}
.ul_se11 li .div1{ background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/3_13.jpg) 25px top no-repeat; height:8px; line-height:8px;}
.ul_se11 li .div2{ background:#f2f2f2; padding-top:18px; padding-bottom:18px;}
.ul_se11 li .div2 div{ background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/3_14.jpg) 21px center no-repeat; padding-left:45px; padding-right:45px; }
/* Main End */

.page1 a{ color:#666; margin-left:5px; margin-right:5px;}
.page1 span{ color:#666; margin-left:5x; margin-right:5px;}
.page1 a:hover{ color:#009c84}

#xixi{ width:195px; z-index:10000; position:relative;}
.Obtn{background:url(/web/20220403165759im_/http://www.huaruicnb.com/skin/huarui/images/tj_qq.png) no-repeat; float:right; height:150px; margin-top:38px; width:27px; cursor:pointer;}
/* 00a88e */



.mm{padding:1px 0 0;zoom:1;}
.mm ul{}
.mm li{	display:inline;	float:left;	width:25%;/*LI 的宽度*/}
.mm h3,.mm p {width:100%;height:18px;overflow:hidden;margin:5px 0 0;line-height:18px;}
.mm h3 a,.mm h3 a:hover{color:#333;}
.mm .u-img,.mm .u-img2{ text-align: center;}
.u-img img{ margin:0 auto;}/*图片宽度请设定*/
.f-cb{ text-align:center;}
.heg .u-img img{ width:250px; height:197px;}


.product #nav{ position:relative; }
.product #nav a {
 display: block; font-size:14px;
 width: 80px;
 text-align:center; line-height:32px;
}
.product #nav a:link  {
 color:#666; text-decoration:none;
}
.product #nav a:visited  {
 color:#666;text-decoration:none;
}
.product #nav a:hover  {
 color:#FFF;text-decoration:none;
 font-weight:bold;
}
.product #nav li {
 float: left; width: 80px;
 background:#CCC;
}
.product #nav li a:hover{
 background:#999;
}
.product #nav li ul {
 line-height: 32px;
 list-style-type: none;
 text-align:left;
 left: -999em; 
 width: 980px; 
 position: absolute; 
 float:left;
}
.product #nav li ul li{
 float: left; 
 width: 80px;
 background: #F6F6F6; 
}
.product #nav li ul a{
 display: block; 
 width: 80px;
 text-align:center;
}
.product #nav li ul a:link  {
 color:#666; 
 text-decoration:none;
}
.product #nav li ul a:visited  {
 color:#666;
 text-decoration:none;
}
.product #nav li ul a:hover  {
 color:#F3F3F3;
 text-decoration:none;
 font-weight:normal;
 background:#C00;
}
.product #nav li:hover ul {
 left: 0;
}
.product #nav li.sfhover ul {
 left: 0;
}
.product #content {
 clear: left; 
}

#show1{ width:1000px; margin:0 auto;}
#show1 .mm{
	padding:1px 0 0;
	zoom:1;
	clear:both;
	margin-top:20px !important;
}
#show1 .mm ul{}
#show1 .mm li{	display:inline;	float:left;	width:20%;/*LI 的宽度*/}
#show1 .mm h3,.mm p {width:100%;height:18px;overflow:hidden;margin:5px 0 0;line-height:18px;}
#show1 .mm h3 a,.mm h3 a:hover{color:#333;}
#show1 .mm .u-img,.mm .u-img2{ text-align: center;}
#show1 .u-img img{ margin:0 auto;}/*图片宽度请设定*/
#show1 .f-cb{ text-align:center;}
#show1 .u-img img{ width:150px; height:225px;}




/**********资质荣誉*************/

.ddrg2 ul{padding-top:10px;}
.ddrg2 ul a{ color:#2d2c2c;}
.ddrg2 ul li{float:left; margin-left:5px; margin-right:5px; margin-bottom:5px; }
.ddrg2 ul li img{ width: 186px; height: 264x; }
.ddrg2 ul li h1{ text-align:center; font-size:12px; line-height:1.8em; padding-top:8px;}
.ddrg2 ul li:hover a{ color:#2d2c2c;}