@charset "utf-8";
@import url(public.css);

#company{ margin:0 auto; background:#f0f0f0; padding-bottom:25px}
#company h3{ margin:0 auto}
#company h3 dt{ width:992px; margin:0px auto; line-height:50px; background:url(../images/line01.jpg) left 40px repeat-x}
#company h3 dt a{ margin:0 auto; display:block; width:150px; text-align:center; background:#f0f0f0; font-size:30px}
#company h3 dd{ margin:0 auto; text-align:center; line-height:20px; color:#787878; font-weight:normal}
#company .pcon{ background:url(../images/companybg.jpg) center top no-repeat; height:252px; width:992px; margin:18px auto 0px auto}
#company .pcon .ncon{ padding-left:450px; padding-top:20px; text-align:left; line-height:30px; padding-right:20px}

#pagebody{ width:995px; margin:20px auto 0px auto}
#proclass{ float:left; width:218px; background:#ebebeb}
#proclass h3{ margin:0 auto 0px auto; background:url(../images/tit01.jpg) left top no-repeat; height:101px; text-align:center; line-height:90px; font-size:30px}
#proclass h3 a{ color:#FFFFFF}
#proclass .pcon{ margin:0 auto}
#proclass .pcon li{ float:left; text-align:center; float:left; width:218px; font-weight:bold;  }
#pagebody ul li a{display: block;line-height: 50px; border-bottom:1px solid #dddddd}
#pagebody ul li .erji li a{line-height: 35px;border-bottom: 1px solid #ddd;}
#pagebody ul li .erji li{background: #F8F8F8;}
#products{ float:right; width:765px}
#products h3{ background:#d30000; height:33px; border-right:1px solid #c0cfb8}
#products h3 dt{ float:left; background:url(../images/tit02txt.jpg) left top no-repeat}
#products h3 dt a{ display:block; background:url(../images/tit02right.jpg) right top no-repeat; line-height:33px; color:#FFFFFF; padding-left:25px; padding-right:40px}
#products h3 dd{ float:right; line-height:33px; padding-right:15px}
#products h3 dd a{ color:#FFFFFF}
#products h3 dd a:hover{ color:#000000}
#products .pcon{margin:0 auto; width:765px; overflow-x:hidden}
#products .pcon .ncon{ width:865px; margin:0 auto; padding-top:15px;}

#products .item{ width:238px; float:left; margin-bottom:15px; margin-right:25px}
#products .item .item_pcon{ width:238px; margin:0 auto;}
#products .pimg{ width: 228px; height: 200px; position: relative; text-align: center;  cursor: default; margin:0px auto 0px auto; border:5px solid #ebebeb; }
#products .pimg .mask, #product .pimg .content {width: 228px; height: 200px; position: absolute; overflow: hidden; top: 0px; left: 0px; }
#products .pimg img { display: block; position: relative; }
#products .third-effect .mask { opacity: 0; overflow: visible; border: 100px solid rgba(0, 0, 0, 0.7); box-sizing: border-box; transition: all 0.4s ease-in-out 0s; }
#products .third-effect a.info { position: relative; top: -10px; opacity: 0; transition: opacity 0.5s ease-in-out 0s; }
#products .third-effect:hover .mask { opacity: 1; border: 100px solid rgba(0, 0, 0, 0.7); }
#products .third-effect:hover a.info { opacity: 1; transition-delay: 0.3s; }
#products .pimg a.info { background: url('../images/link.png') no-repeat scroll center center transparent; display: inline-block; text-decoration: none; padding: 0px; text-indent: -9999px; width: 20px; height: 20px; }
#products .tit{ width:200px; margin:0 auto}
#products .tit a{ display:block; line-height:30px; width:200px; text-align:center; white-space:nowrap; overflow: hidden;text-overflow: ellipsis;}

.banner01{ background:#efefef; padding-top:15px; padding-bottom:15px; margin:20px auto 0px auto}
.banner01 .banner01pcon{ width:995px; margin:0 auto}
.banner01 .banner01pcon .pleft{ float:left; width:; line-height:; width:378px}
.banner01 .banner01pcon .pleft h3{ margin:0 auto; height:35px; border-bottom:1px solid #b3b3b3}
.banner01 .banner01pcon .pleft h3 dt{ float:left; height:35px; font-size:20px; line-height:35px}
.banner01 .banner01pcon .pleft h3 dd{ float:right; width:75px}
.banner01 .banner01pcon .pleft h3 dd a{ display:block; background:url(../images/icon01.jpg) right no-repeat; line-height:35px}
.banner01 .banner01pcon .pleft .pcon{ padding-top:10px; margin:0 auto}
.banner01 .banner01pcon .pright{ float:right; width:570px}

#ryzz{ margin:0px auto 15px auto}

#news{ margin:0 auto}
#news h3{ margin:0 auto; height:35px; border-bottom:1px solid #b3b3b3}
#news h3 dt{ float:left; height:35px; font-size:20px; line-height:35px}
#news h3 dd{ float:right; width:75px}
#news h3 dd a{ display:block; background:url(../images/icon01.jpg) right no-repeat; line-height:35px}
#news .pcon{ margin:0 auto;}
#news .pcon .pimg{ width:570px; margin:0 auto; padding-top:10px}
#news .pcon .pimg .img{ float:left; width:146px}
#news .pcon .pimg .con{ float:right; width:405px; text-align:left}
#news .pcon .pimg .con .tit a{ display:block; margin:0 auto; line-height:24px; white-space:nowrap; overflow: hidden;text-overflow: ellipsis; font-weight:bold}
#news .pcon .pimg .con .des{ margin:0 auto; text-align:left; line-height:18px; text-align:left; color:#7f7f7f}
#news .pcon .ncon{ width:570px; margin:0 auto; padding-top:15px}
#news .pcon .ncon dd{ float:left; width:570px; line-height:30px}
#news .pcon .ncon dd span{ float:right; color:#d30000; display:block; line-height:22px}
#news .pcon .ncon dd a{ display:block; float:left; width:440px; line-height:28px; white-space:nowrap; overflow: hidden;text-overflow: ellipsis; background:url(../images/icon02.jpg) left no-repeat; text-indent:20px}

#gccj{ margin:20px auto 0px auto;}
#gccj h3{ margin:0 auto}
#gccj h3 dt{ width:992px; margin:0px auto; line-height:50px; background:url(../images/line01.jpg) left 40px repeat-x}
#gccj h3 dt a{ margin:0 auto; display:block; width:150px; text-align:center; background:#FFFFFF; font-size:30px}
#gccj h3 dd{ margin:0 auto; text-align:center; line-height:20px; color:#787878; font-weight:normal}
#gccj .pcon{ padding-top:15px; margin:0 auto}
#gccj .item{ width:238px; float:left; margin-bottom:15px; margin-right:25px}
#gccj .item .item_pcon{ width:218px; margin:0 auto;}
#gccj .pimg{ width: 218px; height: 190px; position: relative; text-align: center;  cursor: default; margin:0px auto 0px auto; }
#gccj .pimg .mask, #product .pimg .content {width: 218px; height: 190px; position: absolute; overflow: hidden; top: 0px; left: 0px; }
#gccj .pimg img { display: block; position: relative; }
#gccj .third-effect .mask { opacity: 0; overflow: visible; border: 95px solid rgba(0, 0, 0, 0.7); box-sizing: border-box; transition: all 0.4s ease-in-out 0s; }
#gccj .third-effect a.info { position: relative; top: -10px; opacity: 0; transition: opacity 0.5s ease-in-out 0s; }
#gccj .third-effect:hover .mask { opacity: 1; border: 95px solid rgba(0, 0, 0, 0.7); }
#gccj .third-effect:hover a.info { opacity: 1; transition-delay: 0.3s; }
#gccj .pimg a.info { background: url('../images/link.png') no-repeat scroll center center transparent; display: inline-block; text-decoration: none; padding: 0px; text-indent: -9999px; width: 20px; height: 20px; }
#gccj .tit{ width:200px; margin:0 auto}
#gccj .tit a{ display:block; line-height:30px; width:200px; text-align:center; white-space:nowrap; overflow: hidden;text-overflow: ellipsis;}




#links{margin:0px auto 0px auto;}
#links .pcon{ width:978px; margin:0 auto; padding-top:10px; padding-bottom:10px}
#links .pcon dt{ float:left; line-height:24px;}
#links .pcon dd{ float:left; line-height:24px; white-space:nowrap; margin-right:10px}


/*不间断滚动*/
#propro{OVERFLOW: hidden; width:980px; height:230px; margin:0px auto 0px auto}
#inpro{float: left;width: 5000%;}
#propro1{float: left;}
#propro2{float: left;}
#propro .f_l{float:left}
#propro .dw{ width:240px; height:200px}