@charset "utf-8";
/* CSS Document */
body{ padding:0px; margin:0 auto;}
td{ font-size:12px; color:#444444; text-decoration:none; font-family:Arial, Helvetica, sans-serif; line-height:18px;}
ul,li{list-style:none; margin:0; padding:0;}
a,img{border:none;outline:none;}


.bgon a{ color:#F00} 
.banner { width: 100%; height: 350px; }
.banner .bd { width: 100%; height: 350px; }
.banner .bd li { width: 100%; height: 350px; }
.banner .hd { width: 950px; margin: 0 auto; margin-top: -30px; position: relative; z-index: 2; }
.banner .hd .hd_ul { }
.banner .hd .hd_ul li { float: left; margin-right: 10px; text-indent: -9999px; background: #fff; height: 10px; width: 10px; border-radius: 10px; -webkit-transition: all .6s ease-in; transition: all .6s ease-in; cursor: pointer; }
.banner .hd .hd_ul li.on { width: 40px; background: #b53728; }

a {font-family:Arial, Helvetica, sans-serif;  font-size: 12px;color: #666666;text-decoration: none;}
a.hover {font-family:Arial, Helvetica, sans-serif; font-size: 12px;color: #fd7c20;text-decoration: underline;}

.bgonline{background-image:url(images/menu_bgx.jpg); display:block; color:#FFF}

.ziti{font-family: "微软雅黑",Arial, Tahoma,"宋体";  font-size: 17px;color: #c3451c;text-decoration: none;}
.biaotia{font-family: "微软雅黑",Arial, Tahoma,"宋体";  font-size: 15px;color:#c3451c;font-weight:bold;}
.top{width:100%; height:90px;  }

div,p,ul,li,a{margin:0;padding:0;}
.nav{background:url(images/nav.jpg) no-repeat 0 0;width:1000px;height:42px;margin:0 auto;position:relative;border-bottom:1px solid #d3d3d3;}
.nav:after{clear:both;content:'';height:0;visibility:hidden;display:block;}
.nav .navli{font-family: "微软雅黑",Arial, Tahoma,"宋体";font-size: 16px;float:left;width:141px;height:40px;text-align:center;margin:0 auto;line-height:40px;vertical-align:middle;display:block;}


.nav .ind01,.nav .ind02,.nav .ind03,.nav .ind04,.nav .ind05,.nav .ind06,.nav .ind07{background-image:url(images/nav.jpg);width:147px;height:42px;/*transition:all 1s;-webkit-transition:all 1s;*/display:block;}
.nav .ind01{ background-position:0 0;width:137px;height:42px;/*transition:all 0.5s;-webkit-transition:all 0.5s;*/display:block;}
.nav .ind01:hover{background-position: 0 -42px;width:137px;}
.nav .ind02{background-position:-147px 0;width:137px;height:42px;}
.nav .ind02:hover{background-position: -147px -42px;width:137px;}
.nav .ind03{background-position: -286px 0;width:138px;height:42px;}
.nav .ind03:hover{background-position: -286px -42px;width:138px;}
.nav .ind04{background-position: -426px 0;width:137px;height:42px;}
.nav .ind04:hover{background-position: -426px -42px;width:137px;}
.nav .ind05{background-position: -566px 0;width:137px;height:42px;}
.nav .ind05:hover{background-position:-566px -42px;width:137px;}
.nav .ind06{background-position:-706px 0;width:137px;height:42px;}
.nav .ind06:hover{background-position: -706px -42px;}
.nav .ind07{background-position:-847px 0;width:148px;height:42px;}
.nav .ind07:hover{background-position: -847px -42px;}
.nav .navli p a{font-size:16px;color:#444;border:none;}
.nav .navli p a:hover{color:#fff;}

.nav .navli ul {z-index:99999;width:auto;background:#990000;height:40px;line-height:36px;vertical-align:middle;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;display:none;position:absolute;z-index:2px;}
.nav .navli ul li{text-align:center;float:left;padding:0 8px 0 14px;height:36px;margin:2px 0;color:#fff}
.nav .navli ul li a{color:#fff}
.nav .navli ul li a:hover{color:#f00}


.clear:after{clear:both;content:'';height:0;visibility:hidden;display:block;}
.main{width:960px;margin:20px auto 10px;}
.main .lef{width:220px;float:left;font-weight:bold;}
.main .lef .tit{width:220px;line-height:40px;vertical-align:middle;text-align:left;}
.main .lef ul{background:#FFF;width:219px;background:url(images/page_left_bg.jpg) repeat-x left top;padding-bottom:10px;border-bottom:1px #e0e0e0 solid; border-left:1px #e0e0e0 solid; border-right:1px #e0e0e0 solid; }
.main .lef ul li{text-indent:10px;line-height:32px;height:32px;border-bottom:1px dashed #ffe5cc;}

.main .lef ul li a:hover{color:#c60402;}
.main .lef .con{width:190px;line-height:24px;font-weight:100;background:#fdefe1;padding:10px;}
.main .rig{width:710px;float:right;min-height:400px;}
.main .rig .tit{font-size:12px;color:#444;line-height:20px;border-bottom:1px solid #f9f9f9;}
.main .rig .con{margin-top:10px;line-height:20px;}
.main .rig .news ul li{height:28px;line-height:28px;vertical-align:middle;border-bottom:1px dashed #eaded2;}
.main .rig .news ul li a{width:640px;display:block;float:left;}
.main .rig .news ul li a:hover{color:#ae8070;}
.main .rig .news ul li p{width:250px;display:block;float:right;}

.main .rig .prod ul li{text-align:center;float:left;overflow:hidden;
margin:11px;
width:320px; 
padding:1px;
border:1px solid #e4c0b5;/*c3451c*/
outline:1px solid #c98670;
outline-offset:2px;}
.main .rig .prod ul li .on{width:320px;overflow:hidden;display:block;}
.main .rig .prod ul li img{width:320px; transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;}
.main .rig .prod ul li img:hover{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}