/* 全局样式 */
* {font-family: "Microsoft yahei";}
body {margin: 0;padding: 0;	font-size: 12px; color: #333; height:100%; line-height:22px; width:100%;}
div,span,form,img,ul,ol,li,dl,dt,dd {margin: 0;	padding: 0;	border: 0;}
ul,h1,h2,h3,h4,h5,h6,p{padding: 0;	margin: 0;list-style-type: none;font-weight: normal;}
li,dl {	list-style-type: none;}
input,button,textarea,select {font: 100% Arial, '宋体';	outline: none;}
.clear {height: 0;line-height: 0;font-size: 0;clear: both;}
img{border:none;}
html{ overflow-x:hidden;}
a {color:#333;text-decoration:none;}
a:hover, a:active {color:#ec0000;}
.agray {color:#000;}
.lf{ float:left;}
.rg{ float:right;}
.h290{height:290px;}
.h250{height:250px;}
.h340{height:340px;}

/*top*/
.tops{ width:100%; height:30px; line-height:30px; background:#EFEFEF;}
.top{ width:1000px; margin:auto;}
.hy{ float:left;}
.top_nav {float:right;margin-right:8px;margin-top:8px;}
/*head*/
.head { margin: 0 auto; width: 1000px; overflow: hidden;height:100px;}
.logo {float: left; margin:25px 0; width: 95px; height: 50px;}
.logo img{width:95px;height:50px;}
.title {float: left; margin:25px 10px; width: 300px; height: 50px;}
.head_right{width:340px;height:30px;}

.ss{width: 224px; background: url(../images/search_bg.jpg) no-repeat center #FFF;margin-top:15px;height:43px; padding-left:10px;}
.ss .keyword{ width:190px; height:20px; text-indent: 10px; line-height:20px; border:0px; color:#989898;float:left; margin-top:11px;}
.ss .sbtn{width:26px;border:0;background:none;height:20px; cursor:pointer; float:left; margin-top:5px;}

.mr15{margin-top:15px;}

/*menu*/
.menu {width:100%;height:47px; line-height:47px; background: url(../images/menu_bgs.jpg) repeat-x center #FFF;}
.menus {width:960px; margin:auto;}
#nav_all li {height:47px; float:left; width:120px; position:relative; z-index: 999;}
#nav_all li a {color:#000; font-size:16px; display:block; width:120px; text-align:center; height:47px; line-height:47px; text-decoration: none;}
#nav_all li:hover a.yiji {color:#F30;}
#nav_all li a:hover {color:#F30;background:url(../images/menu_bg.jpg) no-repeat;display:block;}
.liactive {color:#F30 !important;background:url(../images/menu_bg.jpg) no-repeat !important;display:block !important;}
#nav_all li ul {display:none; width:120px; position:absolute; left:0px; top:47px; z-index: 999; background:#E20F0E; }
#nav_all ul li { clear:both; display:block; height:25px; line-height:25px; width:120px;text-align:center;z-index:999;}
#nav_all ul li a { height:25px; line-height:25px; font-size:12px; width:120px; color: #FFF; display:block; padding:0;text-align: center; font-weight: normal; white-space:nowrap;}
#nav_all ul li a:hover { color:#FF0; margin:0; padding:0; background:#900; width:140px;}

/*Banner*/
.por{position: relative;}

/*index product case*/
.boxs {width:100%;background:#F6F6F6;}
.i_product {width:520px;overflow:hidden}
.bd{ float:left; width:100%; border-bottom:2px solid #E4E4E4; height:35px;margin-top: 15px;}
.bd dl{ float:left; position:absolute; width:520px;}
.bd dd{height:35px; line-height:35px;border-bottom:2px solid #FF0000; left:10px; bottom:0;position:relative; float:left;color:#333; font-size:15px;font-weight: bold;}
.bd dt a{float:right; height:35px; line-height:35px; width:50px; text-align:right; overflow:hidden; font-family:"宋体";}
.i_product-p{width:520px;margin-top: 15px; line-height:25px;}
.i_product-p h2{ font-family:"微软雅黑"; font-size:18px; height:30px; line-height:30px; font-weight:bold; padding-bottom:5px;}
.i_product-p h2 a:hover{text-decoration:none;}
.i_product-p img{ float:left; margin-right:20px;width:207px;height:146px;}

.i_case {margin-left: 105px;width:375px;overflow:hidden}
.bds{ float:left; width:100%; border-bottom:2px solid #E4E4E4; height:35px;margin-top: 15px;}
.bds dl{ float:left; position:absolute; width:375px;}
.bds dd{height:35px; line-height:35px;border-bottom:2px solid #FF0000; left:10px; bottom:0;position:relative; float:left;color:#333; font-size:15px;font-weight: bold;}
.bds dt a{float:right; height:35px; line-height:35px; width:50px; text-align:right; overflow:hidden; font-family:"宋体";}
.i_case-p{width:375px;margin-top: 15px; line-height:25px;}
.i_case-p img{ float:left; margin-right:20px;width:150px;height:205px;}

.i_case-p .nra{width:200px; float:left;overflow:hidden;}
.i_case-p .nra dl{width:200px; float:left;}
.i_case-p .nra dt{height:30px;line-height:30px;background:url(../images/xuline.jpg) repeat-x left bottom;padding-left:5px}
.i_case-p .nra dt a{padding-left:10px;background:url(../images/li.jpg) no-repeat left center}


/*index xuankuang*/
.bdk{float:left; width:100%; border-bottom:2px solid #E4E4E4; height:35px;margin-top: 15px;margin-bottom: 15px;}
.bdk dl{ float:left; position:absolute; width:1000px;}
.bdk dd{height:35px; line-height:35px;border-bottom:2px solid #FF0000; left:10px; bottom:0;position:relative; float:left;color:#333; font-size:15px;font-weight: bold;}
.bdk dt a{float:right; height:35px; line-height:35px; width:50px; text-align:right; overflow:hidden; font-family:"宋体";}

.inpro{overflow:hidden;}
.inpro .lefta,.inpro .righta{ float:left; width:27px; height:27px; cursor:pointer;}
.inpro .lefta{ background:url(../images/lefta.png) no-repeat left top; margin-right:24px; margin-top:76px;}
.inpro .righta{ background:url(../images/righta.png) no-repeat left top; margin-left:24px; margin-top:76px;}
.inpro .lefta:hover{ background:url(../images/lefta.png) no-repeat left bottom;}
.inpro .righta:hover{ background:url(../images/righta.png) no-repeat left bottom;}
.inpro .proWind{ float:left; width:898px; height:200px; overflow:hidden;}
.inpro .proWind ul{ overflow:hidden; width:99999px;}
.inpro .proWind ul li{ float:left; width:214px; padding:0 30px; border-right:1px solid #eee;}
.inpro .proWind ul li a .img2{ width:214px; height:156px;}
.inpro .proWind ul li a .tip{font-size:14px; line-height:30px;text-align:center;}
.inpro .proWind ul li:hover .tip{color:#ec0000;}

/*index news*/
.i_news {width:470px;overflow:hidden; float:left;}
.i_newsh {width:470px;margin-left:60px;overflow:hidden; float:left;}

.i_news .bd,.i_newsh .bd{ float:left; width:100%; border-bottom:2px solid #E4E4E4; height:35px;margin-top: 15px;}
.i_news .bd dl,.i_newsh .bd dl{ float:left; position:absolute; width:470px;}
.i_news .bd dd,.i_newsh .bd dd{height:35px; line-height:35px;border-bottom:2px solid #FF0000; left:10px; bottom:0;position:relative; float:left;color:#333; font-size:15px;font-weight: bold;}
.i_news .bd dt a,.i_newsh .bd dt a{float:right; height:35px; line-height:35px; width:50px; text-align:right; overflow:hidden; font-family:"宋体";}
.i_news .nra,.i_newsh .nra{width:470px; float:left;overflow:hidden;margin-top: 10px;}
.i_news .nra dl,.i_newsh .nra dl{width:470px; float:left;}
.i_news .nra dt,.i_newsh .nra dt{height:30px;line-height:30px;background:url(../images/xuline.jpg) repeat-x left bottom;padding-left:5px}
.i_news .nra dt span,.i_newsh .nra dt span {float:right;color:#999;margin-right:10px}
.i_news .nra dt a,.i_newsh .nra dt a {padding-left:15px;background:url(../images/cm_13.jpg) no-repeat left center}


/*index contact*/
.i_Contact {width: 1000px;height:200px;margin:0 auto;}
.ContactList{overflow:hidden;margin-top:10px;}
.ContactList li{float:left;width:320px; margin:5px; height:70px;line-height:65px;}
.ContactList li .img2{float:left;width:58px; height:58px;padding:10px;}
.ContactList li h4{float: left;font-size:20px; line-height:45px;font-weight: bold;width:170px;}
.ContactList li p{float: left;line-height:22px; height:25px; overflow:hidden; color:#333;width:190px;}

/*food*/
.foot{background:#000; height:50px; line-height:50px;color:#FFF;}
.foots{ width:1000px; margin:0 auto;}
.foot .lf a{ color:#FFF; margin-left:5px; margin-right:5px;}
.foot .rg a{ color:#FFF;}


/*Top*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
#tbox{width:54px; float:right; position:fixed; right:50px; bottom:15px;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-bottom:15px;
}/*解决IE6下不兼容 position:fixed 的问题*/
#gotop{ width:54px; height:56px; background:url(../images/icon.png) no-repeat; display:block;}

/*QQ*/
.custom_service p img {display: inline; margin-top:-5px; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:150px;}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/qq/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../images/qq/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}
/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/qq/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}


/* about class */
.banner{ width:1920px; position:relative; left:50%; margin-left:-960px;margin-top: 2px; z-index:100;}
.ff{ margin-top:20px; margin-bottom:40px;}
.fflf{ width:236px;}
.fflfa{ padding:15px 8px; padding-bottom:8px; border:1px solid #dedfe0;}
.fflf1{ background:url(../images/2_02.jpg) 15px center no-repeat; padding-left:35px; color:#E20F0E; font-size:18px; font-weight:bold; line-height:50px;}
.fflf2{ margin-top:5px;}
.fflf2 a{ display:block; height:36px; line-height:36px; background:#f2f2f2; color:#898989; border-bottom:1px solid #fff; padding-left:26px;}
.fflf2 a:hover,.fflf2 .a1{ background:#E20F0E; color:#fff;}

.ffrg{width:730px;}
.ffrg1{border-bottom:1px solid #e3e2e2; padding-bottom:5px;}
.ffrg1 .lf{ background:url(../images/2_04.jpg) left center no-repeat; padding-left:25px; color:#d2243b; font-size:14px; font-weight:bold;}
.ffrg1 .rg{ color:#7f7f7f;}
.ffrg1 .rg a{ color:#7f7f7f;}
.ffrg1 .rg a:hover{ color:#d2243b}
.ffrg1 .rg span{ color:#d2243b}
.ffrg2{margin-top:15px;line-height:27px; font-size:14px;}
.ffrg2 p{margin:10px;text-indent:2em;}


/* about rongyu*/
.ddrg2{ margin-top:25px; color:#454545;}
.ul_abo{ margin-top:23px;}
.ul_abo li{ width:230px; margin-right:9px; margin-top:10px; margin-bottom:10px; float:left; border:1px solid #e5e5e5; height:150px; width:232px; text-align:center;}
.ul_abo .li{ margin-right:0px;}


/* News List */
.div_news ul li{ background:url(../images/4_02.jpg) no-repeat; height:121px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_news ul li a{ display:block;}
.div_news ul li a .lf{ padding-left:50px; padding-top:13px; width:88px; color:#494e51; font-size:14px;}
.div_news ul li a .rg{ width:550px; padding-top:13px;}
.div_news ul li a .rg .p1{ color:#333; font-size:18px;font-weight:bold; -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.3s linear, background-image 0.3s linear;}
.div_news ul li a .rg .p2{ font-size:12px;color:#757474; margin-top:5px; height:66px; overflow:hidden;}
.div_news ul li:hover{ background:url(../images/4_03.jpg) no-repeat; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_news ul li:hover a .p1{ color:#d2243b; -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.3s linear, background-image 0.3s linear;}

.fenye{width:730px;height:40px;}
.list_page{text-align:center;margin:10px;font-family:宋体; font-size:12px;}
.list_page a{display:inline-block;padding:0 10px;background:#fff;border:1px solid #CCC;font-family:"micorsoft yahei","simsun";color:#333;margin:2px;}
.list_page a:hover{background:#F00;color:#fff;border:1px solid #CCC;text-decoration:none;}
.list_page a.hover {background:#F00;border:1px solid #CCC;color:#fff;display:inline-block;padding:0 10px;font-family:"micorsoft yahei","simsun";}

/* News View*/
.biaoti{text-align:center; font-size:24px; color:#E20F0E; line-height:30px; border-bottom:1px solid #e8e8e8; padding-bottom:15px;}
.time{font-size:12px;color:#999; text-align:center; margin-top:10px;}
.txt{margin-top:10px; color:#333; line-height:27px; font-size:14px;}
.txt p{margin:10px;text-indent:2em;}
.fh{border-top:1px solid #e8e8e8; padding-top:15px; margin-top:40px;}
.fh .lf a{font-size:12px;display:block; color:#333;}
.fh .lf a:hover{ color:#d2243b}

/*Product Index*/
.fx{border-bottom:1px solid #e3e2e2; padding-bottom:5px;margin-top:10px; height:30px; line-height:30px;}
.fx .lf{ background:url(../images/2_04.jpg) left center no-repeat; padding-left:25px; color:#d2243b; font-size:14px; font-weight:bold;}
.fx .rg{ color:#7f7f7f;}
.fx .rg a{ color:#7f7f7f;}
.fx .rg a:hover{ color:#d2243b}
.fx .rg span{ color:#d2243b}

.div_pro{margin-top:40px;}
.div_pro .div1{border-left:5px solid #E20F0E; padding-left:7px; font-size:16px; color:#333; font-weight:bold; margin-top:10px;}
.div_pro .div1 span a{float:right; height:35px; line-height:35px; font-size:12px; text-align:right; overflow:hidden; font-family:"宋体"; font-weight:normal; }
.div_pro .div2{ width:1000px; overflow:hidden;}
.div_pro .div2 .rollBox{width:1000px; padding-top:15px; overflow:hidden;float:left; margin-bottom:10px;}
.div_pro .div2 .rollBox .pic{width:220px;float:left;text-align:center; margin:0 15px;}
.div_pro .div2 .rollBox .pic .p1{padding:2px;border:1px solid #c9c9c9; box-shadow: -3px 0 5px #e9e9e9,0 -3px 5px #e9e9e9,0 3px 10px #e9e9e9,3px 0 5px #e9e9e9; position:relative; *position:inherit;}
.div_pro .div2 .rollBox .pic:hover .p1{ border:1px solid #E20F0E}
.div_pro .div2 .rollBox .pic .p2{ margin-top:10px; color:#242424; font-weight:bold; font-size:14px;}
.div_pro .div2 .rollBox .pic:hover .div1{ color:#0f3d8b; -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.3s linear, background-image 0.3s linear;}

/*Product list*/
.ffrg2 .rollBox{width:730px; padding-top:15px; overflow:hidden;float:left; margin-bottom:10px;}
.ffrg2 .rollBox .pic{width:220px;float:left;text-align:center; margin:0 10px;}
.ffrg2 .rollBox .pic .p1{padding:2px;border:1px solid #c9c9c9; box-shadow: -3px 0 5px #e9e9e9,0 -3px 5px #e9e9e9,0 3px 10px #e9e9e9,3px 0 5px #e9e9e9; position:relative; *position:inherit;}
.ffrg2 .rollBox .pic:hover .p1{ border:1px solid #E20F0E}
.ffrg2 .rollBox .pic .p2{ margin:10px 0; color:#242424; font-weight:bold; font-size:14px;}
.ffrg2 .rollBox .pic:hover .div1{ color:#0f3d8b; -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.3s linear, background-image 0.3s linear;}

/*Product View*/
.div_pro3{margin-top:40px;}
.div_pro3 .lf{ width:396px; border:1px solid #E20F0E; box-shadow: -3px 0 5px #e9e9e9,0 -3px 5px #e9e9e9,0 3px 10px #e9e9e9,3px 0 5px #e9e9e9;}
.div_pro3 .rg{ width:540px;}
.div_pro3 .rg .div1{ color:#E20F0E; font-size:30px;}
.div_pro3 .rg .div1 .p1{ background:#333; font-size:12px; color:#fff; font-weight:bold; padding:1px 10px; float:left; display:block;}
.div_pro3 .rg .div1 .p2{ float:left; display:block; margin-left:10px;}
.div_pro3 .rg .div2{ color:#E20F0E; font-size:18px; margin-top:35px; background:url(../images/2_10.jpg) bottom left no-repeat; padding-bottom:20px;}
.div_pro3 .rg .div2 .p1{ background:#333; font-size:12px; color:#fff; font-weight:bold; padding:1px 10px; float:left; display:block;}
.div_pro3 .rg .div2 .p2{ float:left; display:block; margin-left:10px;}
.div_pro3 .rg .div3{ margin-top:40px;}
.div_pro3 .rg .div3 a{ border:1px solid #666; display:block; float:left; margin-right:15px; margin-bottom:10px;}
.div_pro3 .rg .div3 .a1{ border:1px solid #E20F0E; display:block; float:left; box-shadow: -3px 0 5px #e9e9e9,0 -3px 5px #e9e9e9,0 3px 10px #e9e9e9,3px 0 5px #e9e9e9;}
.div_pro4{ margin-top:50px;}
.div_pro4 .nTab .TabTitle{ border-bottom:1px solid #E20F0E}
.div_pro4 .nTab .TabTitle li{float: left;cursor: pointer; text-align:center; color:#242424; font-size:12px; width:159px; height:36px; line-height:36px; background:#e0e0e0; margin-right:20px; -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.3s linear, background-image 0.3s linear;}
.div_pro4 .nTab .TabTitle .active{ background:#E20F0E; color:#fff; -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.3s linear, background-image 0.3s linear;}
.div_pro4 .nTab .TabContent{ clear:both; padding:5px; color:#333; line-height:27px; font-size:14px;text-indent:2em;}
.div_pro4 .none {display:none;}

/*XuanKuang List*/
.newsListB1 {margin-bottom: 30px;}
.newsListB1 ul {overflow: hidden;}
.newsListB1 ul li {height: 156px;margin-bottom: 32px;overflow: hidden;border-bottom:1px solid #dedfdf;}
.newsListB1 ul li:hover {background: #F0F0F0;}
.newsListB1 ul li:hover .newsLR {color: #E20F0E;}
.newsListB1 ul li:hover .newsLR h3 {color: #E20F0E;}
.newsListB1 ul li .img2 {float: left;width: 214px;height: 156px;}
.newsListB1 ul li .newsLR {float: left;width: 490px;margin-left: 20px;}
.newsListB1 ul li .newsLR h3 {text-align: left;margin-top: 10px;font-size: 20px;color: #4d4d4d;line-height: 24px;margin-bottom:10px; font-weight:bold; }
.newsListB1 ul li .newsLR p{font-size: 13px;color: #333;line-height: 24px;width: 480px;height: 80px;overflow: hidden;}
.newsListB1 ul li .newsLR .more {color:#E20F0E;font-weight: normal;font-size: 13px;}