@charset "utf-8";
/* CSS Document */

/*Reset Css*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, abbr, del, dfn, em, img, ins, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, object, col, colgroup, caption, summary, tbody, tfoot, thead, th { margin: 0; padding: 0; border: 0;  }
input, button { margin: 0; padding: 0; border: 0; background: none; }
ul, li { list-style: none; }

body { font: 13px/26px 'Microsoft Yahei','SimSun',sans-serif; overflow-x: hidden; color: #3b3b3b; }
    body.empty { margin-top: 50px; }
code, pre { display: block; clear: both; overflow: auto; padding: 10px; text-align: left; white-space: pre; line-height: 18px; margin: 20px 0; background-color: #ebebeb; }
a { text-decoration: none; color: #333; }
    a:hover { text-decoration: none; color: #ff4e00; }

/*title*/
h1 { font-size:30px;}
h2 { font-size:20px;}
h3 { font-size:18px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}
a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:none;color: #ff4e00;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}



.container { margin: 0 auto; width: 1060px; }
.content {margin: 0 auto; width: 1060px;}

.header{ *position:relative; *z-index:999;}
.top{padding: 0px 0 0px 0; width: 100%; background: #5C0406; float: left; height:10px;}

.head .logo { float: left; width: 27%; margin-top: 20px; }
    .head .logo img { max-width:100%;}
.head { width: 100%; height: 90px; border-bottom: #f2f2f2 8px solid; }

#main-navigation { width: 70%; float: right; }
    #main-navigation select { display: none; }
    #main-navigation select { background: #F4830B; border: 1px solid #EC1D25; cursor: pointer; padding: 13px 5px; color: #fff; z-index: 999; position: relative; }

.smenu { display: none; }
.smenu_ { display: none;}
.navul { float: left; }
    .navul li { POSITION: relative; TEXT-ALIGN: center; line-height: 76px; FLOAT: left; FONT-SIZE: 15.3px; _z-index: 2000; color: #000; }
    .navul a.li1 { color: #fff; }
.li1 { float: left; width: 100px; text-align: center; font-weight: bold; BACKGROUND: #F4830B; color: #FFFFFF; height: 76px; overflow: visible\9; }
.li0:after { position: absolute; bottom: -8px; left: -3px; display: inline-block; width: 1px; height: 7px; /* border-left: 1px #E4E4E4 solid; */ background: #ccc; content: ""; -moz-transform: skew(-35deg, 0); -ms-transform: skew(-35deg, 0); -o-transform: skew(-35deg, 0); -webkit-transform: skew(-35deg, 0); transform: skew(-35deg, 0); }


.li1 a:hover { color: #FFFFFF; }
.li0 { float: left; width: 100px; position: relative; float: left; margin: 0; border-left: 1px #e5e5e5 solid; height: 77px; overflow: hidden\9; }
.li1:after { position: absolute; bottom: -8px; left: -3px; display: inline-block; width: 100%; height: 8px; border-left: 1px #E4E4E4 solid; background: #c00; content: ""; -moz-transform: skew(-35deg, 0); -ms-transform: skew(-35deg, 0); -o-transform: skew(-35deg, 0); -webkit-transform: skew(-35deg, 0); transform: skew(-35deg, 0); }

.navul li.singleactive { Z-INDEX: 2000; POSITION: relative; BACKGROUND: #292F3F; }
.navul li.navlmactive { Z-INDEX: 2000; BACKGROUND: #292F3F; color: #FFFFFF; }

.navul a { PADDING-BOTTOM: 3px; DISPLAY: block; FLOAT: none; PADDING-TOP: 3px; }
.navul li.first { BACKGROUND: none transparent scroll repeat 0% 0%; margin-bottom:7px; }
.list01 { DISPLAY: none;  }


    .list01 a { COLOR: #3d3d3d; }
.navul li.navlm:hover { Z-INDEX: 5000 !important; POSITION: relative; BACKGROUND: url(/skin/images/navactive.png) no-repeat left top; }
.dropdowntriple { DISPLAY: none; }

.navul li.navlm:hover .dropdowntriple { Z-INDEX: 2000; POSITION: absolute; DISPLAY: block; TOP: 98px; LEFT: 0px; }
.navul li.single:hover { Z-INDEX: 5000 !important; POSITION: relative; BACKGROUND: url(/skin/images/navactive2.jpg) no-repeat left top; }
.navul li:hover ul li a { BACKGROUND: none transparent scroll repeat 0% 0%; }
.navul li:hover dt a { BACKGROUND: #f8f8f8; }
    .navul li:hover dt a:hover { BACKGROUND: #ED1C24; color: #fff; }


.navul li:hover .ndropdown { Z-INDEX: 1000; POSITION: absolute; DISPLAY: block; TOP: 98px; LEFT: 0px; }

.ndropdown { WIDTH: 143px; }

.navul li.navlm:hover .gdropdown { Z-INDEX: 1000; POSITION: absolute; DISPLAY: block; TOP: 98px; LEFT: 0px; WIDTH: 143px; }

.productlist{  WIDTH:1200px; margin:0 auto; overflow:hidden;  HEIGHT: 460px; z-index: 9999; margin-left:14%;}


.dropbottom { TEXT-ALIGN: right; LINE-HEIGHT: 50px;WIDTH: 100%; margin-top:0;COLOR: #fff; padding-right: 40px; font-size: 15px; background:#232832; }
.dropbottom A { DISPLAY: inline; color: #fff; }


.navul li:hover .plist {  DISPLAY: block;  }

.plist {overflow:hidden; margin-top:8px; *margin-top:0px;position: absolute ; padding-top:10px;background: url(/skin/images/nav_pro.png) repeat; width:1700px; margin-left:-818px; z-index:99999999; }
#banner_list .Bnone { display: none; }
.fontzi{ font-family:Arial, Helvetica, sans-serif}


/**/
.banner{height:400px; overflow:hidden;}
.banner a{ height:400px; display:block;}
.banner, .fullSlide, .fullSlide .bd li, .fullSlide .bd li a { height: 400px; }
.fullSlide { width:1060px; position:relative;text-align:center; }
.fullSlide .bd { margin:auto; position:relative; z-index:-1; overflow:hidden; }
.fullSlide .bd ul {text-align:center; width:100% !important; }
.fullSlide .bd li { width:100% !important; overflow:hidden; text-align:center; background-position:center top; }
.fullSlide .bd li a { display:block; }
.fullSlide .hd { width:100%; position:absolute; z-index:1; bottom:0px; left:0px; height:30px; line-height:30px; }
.fullSlide .hd ul { text-align:center; }
.fullSlide .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:100px; height:8px; margin:1px; overflow:hidden; background:#fff; line-height:999px; }
.fullSlide .hd ul .on { background:#D06D02; }
.fullSlide .prev, .fullSlide .next { display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:5%; z-index:1; width:40px; height:60px; cursor:pointer; filter:alpha(opacity=80); opacity:0.8; display:none; width:51px; height:79px; }
.fullSlide .prev { }
.fullSlide .next { left:auto; right:5%;  }
.prev.png {background:url(/skin/images/leftbtn.png)}
.next.png{background:url(/skin/images/rightbtn.png)}

/*新闻*/
.news{ width:740px; margin:0 auto;float:left; padding:20px 0 20px 0;}
.newscon{ float:left; width:740px; }
.newsleft{ float:left; width:350px; height:330px; background:#570909; }
/*本例css*/
.www51buycom { width: 350px; height: 320px; margin:0; position: relative; overflow:hidden;padding:3px;  }
/*数字按钮样式*/
.www51buycom .num { overflow:hidden; height: 10px; position: absolute; bottom:20px; right: 145px; zoom:1; z-index:3; width:190px; text-align:center; }
.www51buycom .num li { font-size:0; width: 9px; height: 9px;  color: #FFFFFF; background: #fff; margin: 0 7px; border-radius:9px; cursor:pointer; display:inline-block;*display:inline;*zoom:1; text-align:center;color:#fff}
.www51buycom .num li.on { background: #222c50; color:#222c50; } /*当前项*/

/*上一个  下一个*/
.www51buycom .prev,.www51buycom .next {  width: 22px; height: 36px;  position: absolute; bottom: 3px;}
.www51buycom .prev { left: 60px;background:url(/skin/images/nne.gif) left top no-repeat; }
.www51buycom .next { right: 60px; background:url(/skin/images/ppr.gif) left top no-repeat; }
.newsright{ float:right; width:370px;}
.newsright li{ float:left; width:370px; padding:0 0 14px 0;}
.newsright li a img{ float:left; border-right:2px solid #da0c0c;}
.nnr{float:left;width:360px;height:98px;border:1px solid #ededed;border-left:0;transition: border .5s ease;}
.newsright li a:hover .nnr{border:1px solid #da0c0c;border-left:0;transition: border .5s ease;}
.newsright li .name{ line-height:36px; font-size:14px; font-weight:bold; color:#4e6990; display:block;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:0 0 0 9px;}
.newsright li a:hover .name{ color:#da0c0c}
.newsright li a em{ display:block; background:url(/skin/images/time.jpg) 11px center no-repeat; font-style:normal; padding-left:10px; color:#747474}
.nnrcon{ float:left; width:290px; line-height:24px; height:48px; overflow:hidden; color:#747474; padding:10px 0 0 9px;}

.con {width:300px; margin:0 auto; height: auto;float:right; padding:20px 0 0 0;}
.pre a img{float:left;margin:0 auto; width:298px;height:116px;padding:0 0 20px 0; }
.ka a img{float:left;margin:0 auto; width:298px;height:116px;padding:20x 0 0 0; }

.footer { width:100%; height:180px;line-height:30px; text-align:center; color:#fff;font-size:14px;margin:0 auto; padding-top:30px; background-color:#5C0406;}
.footer p{line-height:30px;}


.left {width:200px; float:left;margin-top:20px; margin-bottom:20px;}
.nr{ padding:0px; margin-top:5px;}
.nr h3{margin:0 auto 5px;width: 200px; height: 36px; overflow: hidden; font:14px/30px "microsoft Yahei"; }
.nr h3 a{ background: #f4f4f4 url(/skin/images/ico15_.gif) no-repeat scroll 180px center;color: #666;display: inline-block;height: 36px;overflow: hidden;padding: 0 32px 0 20px;width: 160px;}
.nr h3.cur a{text-decoration: none;color:#fff ;background: #ff4b00 url(/skin/images/ico15.gif) no-repeat scroll 180px center;}
.nr ul {overflow: hidden;width: 200px; }
.nr ul li { border-bottom:1px dashed #dedede; height:24px; line-height:24px;margin-bottom:1px;padding-left: 20px; width:180px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.nr ul li a { color:#494949; background:url(/skin/images/left_li.gif) left center no-repeat;padding-left:12px;width:160px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:inline-block;}
.nr ul li:last-child{ border-bottom:0;}
.nr li.cur a,.nr li a:hover{color:#ff4b00 ;text-decoration: none; font-weight:bold;}



.right {width:840px; float:right; display:inline;overflow:hidden; margin-top:20px; margin-bottom:20px;}
.right_main { width:840px; overflow:hidden; }
.plc{ background:url(/skin/images/logo_03.gif) no-repeat 0 10px;height:20px;line-height:24px;padding:7px 8px 8px 20px; position:relative; color:#666; overflow:hidden; font-size:14px; border-bottom:1px solid #ececec; padding-bottom:8px; font-family:"Microsoft Yahei","微软雅黑";}

.plc span { color: #FF4B00;
    font-size: 14px;
    font-weight: bold;display: inline;
    font-family: "Microsoft Yahei","微软雅黑";}
.plc i,.plc a{ font-style:normal; font-size:14px; color:#666;}

.red_x { color:#DD3904; display:inline; font-family:"Microsoft Yahei","微软雅黑"; font-size:12px;}
.plc .red_x{ color:#ff4b00 ; font-weight:bold; font-size:14px;}
.red_x1 { color:#f00; display:inline; font-family:"Microsoft Yahei","微软雅黑"; font-size:12px;}

em,i{ font-style:normal;}

.news_con{ padding-top:15px;}
div.News_2{ padding-top:10px;}

.inf_lc{ clear:both;padding:5px 0 0;}
.inf_lc li{padding:7px 20px 0 0;height:110px; overflow:hidden;margin:0 0 30px; background:#f6f6f6; position:relative;}
.inf_lc li.bg { background:#edf6f4;}
.inf_lc li h4{ padding:20px 5px 0 0;text-align:center; float:left;width:64px; overflow:hidden;}
.inf_lc li h4 b{ font-weight:100; display:block; line-height:36px;height:36px; overflow:hidden; font-size:36px; font-family:Arial; text-transform:uppercase;}
.inf_lc li h4 span{ font-weight:100; display:block; line-height:16px;height:16px; overflow:hidden; font-size:12px; font-family:Arial; text-transform:uppercase; color:#343434;}
.inf_lc li p{padding:0 0 0 14px; line-height:26px;width:728px; overflow:hidden;font-size:14px; float:left; color:#666; }
.inf_lc li p b{ display:block; font-weight:100; color:#000000;}
.inf_lc li p b a,.inf_lc li p b a:hover{ color:#343434; font-weight:bold; font-size:16px;}
.inf_lc li p b a:hover{ color:#343434;}
.inf_lc li .fr{margin:20px 0 0; width:70px; height:25px; line-height:25px; text-align:center; color:#ffffff; background-color:#ff4b00; }
.inf_lc li .fr:hover{ background:#ff4b00;}

.inf_lc li .lijia{ z-index:2; position:relative; top:0; right:0;}
.transition500 {
    transition: all 500ms ease-out 0s;
}
.inf_lc li  .cq {
    background: #B6B6B6 none repeat scroll 0 0;
    opacity:0.1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 0;
}
.inf_lc li:hover  .cq{ width:100%;}

/*产品样式*/

.dl_s1p { width:100%; margin-top:5px;}
DL.dl_s2p {PADDING-RIGHT:8px; DISPLAY: inline-block; PADDING-LEFT:8px; FLOAT: left; padding-bottom:15px;}

.worksboxsp{
	width:216px;
	position:relative;
}

.worksboxsp a{border:3px solid #F0F0E8;background-color:#FFF;padding:3px;display:block; color:#333333}
.worksboxsp a:hover{border:3px solid #F35B2A;background-color:#F35B2A;text-decoration: none;}
.worksboxsp a img{width:204px;height:153px;}
.dl_s3p {WIDTH:204px;text-align:center; font-size:13px; padding-top:5px;}
.dl_s3p a{color:#333333}
.dl_s3p a:hover{color:#F35B2A}

/*翻页*/
.page_wz { text-align:center; margin:0px auto; width:100%;overflow-x:hidden; padding-bottom:5px; line-height:40px;}
.page_nav a {
border-right: #aaaadd 1px solid; padding-right: 5px; border-top: #aaaadd 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #aaaadd 1px solid; color:#333333; padding-top: 2px; border-bottom: #aaaadd 1px solid; text-decoration: none
}
.page_nav a:hover {
border-right: #1B7A3B 1px solid; border-top: #1B7A3B 1px solid; border-left: #1B7A3B 1px solid; color: #000; border-bottom: #1B7A3B 1px solid
}
.page_nav a:active {
border-right: #1B7A3B 1px solid; border-top: #1B7A3B 1px solid; border-left: #1B7A3B 1px solid; color: #000; border-bottom: #1B7A3B 1px solid
}
.page_nav span.current {
11.	border-right: #1B7A3B 1px solid; padding-right: 5px; border-top: #1B7A3B 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; border-left: #1B7A3B 1px solid; color: #fff; padding-top: 2px; border-bottom: #1B7A3B 1px solid; background-color:#333333
}
.page_nav span.nolink { border-right: #aaaadd 1px solid; padding-right: 5px; border-top: #aaaadd 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #aaaadd 1px solid; color: #999; padding-top: 2px; border-bottom: #aaaadd 1px solid
}