/* css document */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} html{height: 101%;} body{ font-family: arial,"hiragino sans gb","microsoft yahei",sans-serif; font-size:14px;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;} ol, ul{list-style: none;} blockquote, q{quotes: none;} blockquote:before, blockquote:after, q:before, q:after{content: ''; content: none;} strong{font-weight: bold;} table{border-collapse: collapse; border-spacing: 0;} img{border: 0; max-width: 100%;} body{background:#f5f5f5;} a{text-decoration: none;} .top ,.header,.slide,.four-son,.main,.hot-products,.footer{width:1000px; margin:0 auto;max-width:1000px;min-width:600px;overflow:hidden;} .rj4{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; behavior: ;} .top{height:26px;} .top ul{overflow:hidden;float:right;} .top li{float:right;width:60px;height:26px;line-height:26px;text-align:center;} .top li.line{width:10px;} .top li a{display:block;width:60px;height:26px;} .top li span{color:#333} .top li.on span{color:81511c} .header{height:100px;} .logo{width:211px;height:80px; background:url(/uploads/image/timages/logo.png) left top no-repeat; _background: left top no-repeat;float:left;} .logo a{display:block;width:211px;height:80px;} .h-right{width:400px;float:right;} .search{width:242px;height:30px;float:right; background:url(/uploads/image/timages/search.png) left top no-repeat;} #user_search{margin:0;padding:0;border:0;} .search input{margin:2px;padding:0;border:0;background:none;} .search .txt{width:202px;height:22px;padding:2px 0px 2px 2px;float:left} .search .search-btn{width:28px;height:26px;padding:2px;float:right;} .phone{width:393px;height:21px;float:right; background: center center no-repeat;margin-top:20px;} .nav{height:40px;width:1000px; margin:0 auto;max-width:1000px;min-width:600px; z-index:100;_overflow:hidden;} .nav ul{background:#936a31;width:100%;height:40px;} .nav li{float:left;width:12.5%;line-height:40px;text-align:center; position:relative;} .nav li a{display:block;width:100%;height:40px;} .nav li span{color:#fff;} .nav li a:hover{background:#8b6025} .nav li:hover{overflow:visible;} .nav li.on a{background:#8b6025} .nav li.frist,.nav li.frist a,.nav li.frist a:hover{-webkit-border-radius: 5px 0px 0px 5px;-moz-border-radius: 5px 0px 0px 5px;border-radius: 5px 0px 0px 5px;} .nav li.end,.nav li.end a,.nav li.end a:hover{-webkit-border-radius: 0px 5px 5px 0px;-moz-border-radius: 0px 5px 5px 0px;border-radius: 0px 5px 5px 0px;} .nav li.on dl a{background:#e5c79c;} .nav p{width:12px;height:6px;background:url(/uploads/image/timages/qyjt.png) -477px -17px no-repeat;margin:0 auto;margin-top:4px;_display:none;} .nav dl{background:#e5c79c;overflow:hidden;z-index:9999; position:absolute;top:50px;left:0;width:100%;} .nav dd{border-top:1px solid #cb9b59;height:30px;line-height:30px;} .nav dd.frist{border-top:0;} .nav dd a{height:30px;} .nav dd span{color:#6c440d} .nav dd.on{background:#eec282;} .nav dd a:hover,.nav li.on dl a:hover{background:#eec282;color:#8b6025;} .sonnav{display:none;} /*slide*/ .slide{height:320px;margin-top:10px;background:#f3ead9; z-index:10;} .focus{width:1000px;height:320px;position:relative;} .f1000x320{width:1000px;height:320px;overflow:hidden} /* .f1000x320 img{width:1000px;height:320px} */ .rslides{width:100%;position:relative;list-style:none;padding:0} .focus .rslides_nav{display:block;height:320px;width:30px;position:absolute;} .focus .rslides_nav span{display:block;height:61px;width:30px;-webkit-tap-highlight-color:rgba(0,0,0,0);filter: alpha(opacity=0);opacity:0;_opacity:1.0;filter: _alpha(opacity=100);text-indent:-9999px;overflow:hidden;text-decoration:none;margin-top:130px; cursor:pointer;} .rslides_nav:hover span{opacity:1.0;filter: alpha(opacity=100)} .focus .prev{left:0;top:0;} .focus .next{right:0;top:0;} .focus .prev span{left:auto;background:url(/uploads/image/timages/slide-b-left.png) left center no-repeat;right:0} .focus .next span{right:auto;background:url(/uploads/image/timages/slide-b-right.png) right center no-repeat;right:0} .rslides_tabs{display:none;} .slide .on .rslides_nav span{opacity:1.0;filter: alpha(opacity=100)} /*four-son*/ /*four-son*/ .four-son{margin-top:10px;height:160px;} .four-son ul{overflow:hidden;} .four-son li{float:left;width:24.25%;*width:24.248%;height:160px;background:#e8d6b4; overflow:hidden;} .four-son li.jg{width:1%;background:#f5f5f5;} .four-son li span{display:block;height:160px;width:243px;} .four-son li img{height:160px;width:243px;} .four-son li.gf span{background:url(/uploads/image/timages/logo-gf.png) center center no-repeat;} .four-son li.xt span{background:url(/uploads/image/timages/logo-xt.png) center center no-repeat;} .four-son li.xc span{background:url(/uploads/image/timages/logo-xc.png) center center no-repeat;} .four-son li.sq span{background:url(/uploads/image/timages/logo-bbs.png) center center no-repeat;} /*main*/ .main{margin-top:10px;} .m-left,.news{width:49.5%;height:282px;} .m-left{float:left;} .honor{;background:#fff;overflow:hidden;} .honor li.end{border-bottom:0;} .m-bottom{margin-top:10px;} .news{float:right;;background:#fff;} .title{width:100%;height:40px;line-height:40px;} .title ul{float:left;} .title li{float:left;} .title li.h-icon{width:19px;height:25px;margin-top:10px;margin-left:20px;_margin-left:10px;background:url(/uploads/image/timages/icon-honor.png) center center no-repeat;} .title li.n-icon{width:28px;height:31px;margin-top:6px;margin-left:20px;_margin-left:10px;background:url(/uploads/image/timages/icon-news.png) center center no-repeat;} .title h3{padding-left:15px;font-size:16px;color:#333;} .title span{float:right;width:60px;height:40px;line-height:40px;text-align:center;color:#814600;font-size:16px; cursor:pointer;} .content{padding:0 20px;} .list li{height:28px;line-height:28px;border-bottom:1px dashed #f2ede8;} .list li a{color:#555;float:left;font-size: 14px;/* width:520px; */} .list li span{float:right;color:#aaa;} .list li a span.l-icon{height:9px;width:9px;float:left;margin:10px 5px auto 5px;_margin:5px 5px;background:url(/uploads/image/timages/icon-list.png) center center no-repeat;} .video,.press{background:#fff;width:49%;height:120px;} .video{float:left;} .v-icon,.p-icon{width:100px;height:120px;border-right:1px solid #cba37f;overflow:hidden;text-align:center;float:left;} .v-icon h4{width:40px;height:23px;background:url(/uploads/image/timages/v-icon.png) center center no-repeat;margin:0 auto; margin-top:35px;overflow:hidden;} .v-icon span,.p-icon span{display:block;padding-top:14px;overflow:hidden;font-size:18px;color:#333;} .v-go,.p-go{width:140px;float:right;} .press{float:left;} .p-icon h4{width:32px;height:30px;background:url(/uploads/image/timages/icon-bk.png) center center no-repeat;margin:0 auto; margin-top:28px;overflow:hidden;} .m-bottom .box{width:90px;height:80px;margin:0 auto;margin-top:20px;background:#b69374;overflow:hidden;} .v-go .b{height:48px;width:48px;background: center center no-repeat;margin:0 auto;margin-top:16px;} .p-go .b{height:43px;width:43px;background:url(/uploads/image/timages/v-icon-go.png) center center no-repeat;margin:0 auto;margin-top:18px;} /*hot-products*/ .hot-products{background:#fff;margin-top:10px;} .hot-products h3{float:left;padding-left:45px;margin-left:20px;_margin-left:10px;background:url(/uploads/image/timages/icon-rxcp.png) 0px 7px no-repeat;} .hot-products span{float:right;} .hot-products .slide-content { position:relative;} .hot-products .pb-left{width:11px;height:23px; position:absolute;top:100px;left:-15px;} .hot-products .pb-left .prev {display:block;width:11px;height:23px; } .hot-products .pb-left .prev span{display:block;width:11px;height:23px;background: url(/uploads/image/timages/icon-button-left.png) left center no-repeat; cursor:pointer;} .hot-products .pb-right{width:11px;height:23px; position:absolute;top:100px;right:-15px;_right:5px;} .hot-products .pb-right .next {display:block;width:11px;height:23px; } .hot-products .pb-right .next span{display:block;width:11px;height:23px; background: url(/uploads/image/timages/icon-button-right.png) right center no-repeat; cursor:pointer;} .hot-products .wrap {overflow: hidden; width: 100%; height: 270px;margin-top:15px;} .hot-products ul {width: 10000px} .hot-products li {float: left; width: 231px; height: 231px;line-height: 231px;*width: 229px; *height: 229px;border:1px solid #e5d5bf;margin-right:12px;} .hot-products li a{display:block;width:227px;height:227px;margin:1px; position:relative;} .hot-products li a p{display:none; position:absolute;filter: alpha(opacity=30);opacity: 0.3;left:0;bottom:0px;height:30px;width:100%;background:#7e4901;_backgruond:#d8c8b2;} .hot-products li a span{display:none;height:30px;line-height:30px;width:100%;text-align:center;position:absolute;left:0;bottom:0px;text-align:center;filter: alpha(opacity=100);opacity:1;color:#333333;} .hot-products li img {width:227px; /* height:227px; */} /*footer*/ .footer{background:#f9f9f9;height:100px;margin-top:20px;text-align:center;-webkit-border-radius: 5px 5pxpx 0px 0px;-moz-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;} .footer p{margin-top:20px;color:#8a8a8a;line-height:24px;} .footer span{color:#888;padding:0 3px;} /*son-main*/ .muen,.list{overflow:hidden;} .menu{width:24%;overflow:hidden;float:left;background:#fff;} .menu ul li{height:40px;line-height:40px;border-top:1px solid #ebe6e2;} .menu ul li.frist{border-top:1px solid #cba37f;} .menu ul li a{display:block;width:100%;height:40px;} .menu ul li a:hver{} .menu ul li a span{color:#333;font-size:14px;margin-left:25%;float:left;} .menu ul li.on a span{color:#894f00;} .menu ul li.on a span.ico,.menu ul li a:hover span.ico{margin-top:15px;*margin-top:9px;overflow:hidden;display:block;width:6px;height:11px;*height:21px;background: url(/uploads/image/timages/icon-dh-s.png) center center no-repeat;} .menu ul li.h3{border-top:0;} .menu ul li.h3 h3{font-size:16px;padding-left:25%;color:#333;} .right{width:75%;float:right;background:#fff;} .right .title{height:80px;line-height:80px;border-bottom:1px solid #ebe6e2;} .right .title h2{font-size:24px;text-align:center;color:#333;} .right .content{padding:15px 20px;overflow:hidden;} .right .content p{line-height:22px;text-indent:26px;} .about3 {/* width:650px; */margin:0 auto;} .about3 dt{height:36px;line-height:36px;font-size:14px;cursor:pointer} .about3 dt span{display:block;width:15px;height:15px;background: url(/uploads/image/timages/icon-son-jia.png) center center no-repeat;float:left;margin-right:10px;margin-top:11px;} .about3 dd img{display:none;} .about3 .show dt span{background: url(/uploads/image/timages/icon-son-jian.png) center center no-repeat;} .about3 .show dd img{display:block;} .son-title{height:80px;line-height:80px;border-bottom:1px solid #cba37f;} .son-title ul{padding-left:15%;} .son-title li{float:left;width:26%;font-size:14px; cursor:pointer;} .son-title li a{color:#333;} .son-title li span{display:block;width:15px;height:15px;background: url(/uploads/image/timages/icon-son-xyh.png) center center no-repeat;float:left;margin-right:10px;margin-top:33px;} .son-title .son-title-on a{color:#8a5000;} .son-title li.son-title-on span{background: url(/uploads/image/timages/icon-son-xx.png) center center no-repeat;} .son-title li.move span{background: url(/uploads/image/timages/icon-son-xy.png) center center no-repeat;} .about4{text-align:center;} .about4 dl{width:650px;margin:0 auto;margin-top:20px;} .about4 dt{wdith:200px;float:left;} .about4 dt div{height:200px;width:200px;background:#e8d6b4;overflow:hidden;} .about4 .gf dt div span{display:block;width:73px;height:73px;background: url(/uploads/image/timages/brand-gf.png) center center no-repeat;margin:0 auto;margin-top:60px;} .about4 .xt dt div span{display:block;width:157px;height:90px;background: -629px -68px no-repeat;margin:0 auto;margin-top:50px;} .about4 dd{margin-left:210px;text-align:left;} .about5{padding:0 10%;} .about5 li{line-height:30px;font-size:14px;} .about5 li span{padding-right:5px;font-weight:700;} .about5{overflow:hidden;width:650px;margin:0 auto;} /*son-news*/ #news .son-title{height:40px;line-height:40px;} #news .son-title ul {padding-left:20px;} #news .son-title li{width:84px;} #news .son-title li.n-index{width:40px;} #news .son-title li span{width: 5px;height: 10px;background: url(/uploads/image/timages/qyjt.png)-497px 0px no-repeat;margin-right: 10px;margin-top: 15px;} #news .list ul{padding:2% 5%;} #news .list li{height:32px;line-height:32px;} #news .list li.list-m5{height:20px;line-height:40px;} #news .list h6{width:75px;float:left;font-weight:700;} /*pagebar*/ .pagebar {height: 36px;width: 100%;line-height: 26px;text-align: center;overflow:hidden;margin:20px 0;overflow:hidden;} .pagebar a {padding: 0 10px;height: 26px;display: inline-block;border: 1px solid #ebe6e2;color: #888;margin-left: 2px;background-color: #f7f7f7;} .pagebar span {padding: 0 12px;height: 26px;display: inline-block;color: #222;margin-left: 2px;border: 1px solid #ebe6e2;background-color: #fff;font-weight:700;} #pre_page{border-radius: 4px 0 0 4px;} #nex_page{border-radius:0 4px 4px 0;} /*products*/ #products .menu li.pend span{color:#e56b0e;font-weight:700;font-size:14px;} #products .son-title{height:40px;line-height:40px;} #products .son-title ul {padding-left:20px;} #products .son-title li{width:84px;} #products .son-title li.n-index{width:40px;} #products .son-title li span{width: 5px;height: 10px;background: url(/uploads/image/timages/qyjt.png)-497px 0px no-repeat;margin-right: 10px;margin-top: 15px;} .p-list{overflow:hidden} .p-list ul{width:755px;} .p-list li{width:188px;border-right:1px solid #ebe6e2;border-bottom:1px solid #ebe6e2;float:left;} .p-item{width:160px;margin:0 auto;padding:10px 0;} .item-thumb{width:160px;height:160px;text-align:center;vertical-align: middle;} .item-name{height:26px;line-height:26px;text-align:center;} .item-name a{color:#666;} .item-thumb img{width:160px;height:160px;} .p-content{padding-bottom:20px;} .p-content dl{margin:0 30px;_margin:0 30px;} .p-content dt{overflow:hidden;_height:280px;} .p-content dd{border-top:1px solid #ebe6e2;overflow:hidden;} .p-left{width:280px;*width:240px;padding:20px;float:left;border-right:1px solid #ebe6e2;overflow:hidden;} .p-right{padding:20px;margin-left:300px;} .p-right dl{margin:0;border-left:1px solid #ebe6e2;border-bottom:1px solid #ebe6e2;border-right:1px solid #ebe6e2;} .p-right dd img{_width:690px;} .p-right dt,.p-right dd{height:40px;line-height:40px;} .p-right dt{width:80px;float:left;border-top:1px solid #ebe6e2;border-right:1px solid #ebe6e2;text-align:center;} .p-right dd{margin-left:80px;padding-left:10px;} .p-right dd span{margin-right:10px;} .p-content h5{height:30px;line-height:30px;} .p-content dd p{line-height:24px} .p-left00{margin-top:20px;} /*service*/ .service .contact {padding:10%;} .service .contact li{line-height:30px;font-size:14px;} .message{padding:10%;overflow:hidden;} .message dt,.message dd{margin-top:10px;line-height:30px;overflow:hidden;} .message dt{width:70px;float:left;} .message dd{margin-left:75px;} .message input{padding:2px; margin:0;height:20px;width:300px;line-height:20px;border:1px solid #884f00;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .message textarea{height:100px;width:400px;border:1px solid #884f00;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .message input.input{width:80px;margin-right:20px;height:30px;line-height:24px; cursor:pointer; background:#884f00;color:#fff;font-weight:700;font-size:14px;} .shopping{padding-left:10%;} .shopping li{line-height:40px;font-size:18px;} .shopping li a{color:#930;} /*help*/ .help{padding:10%;padding-top:6%;padding-bottom:1%;} .help li{ list-style:decimal-leading-zero;line-height:36px;border-bottom: 1px dashed #f2ede8;} .help li span{float:right;} /*gallery*/ #gallery {width:700px; height:592px;margin:0 auto;background:#f5f5f5;margin-top:10px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; behavior: ;} #imagearea{padding:10px; } #image {position:relative; width:680px; height:465px; line-height:460px;padding:5px;background:#fff center center no-repeat;border:1px solid #cba37f;text-align:center; overflow:hidden;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; behavior: ;} #image img {vertical-align:middle; } #thumbwrapper {margin:0 auto; padding:5px 0; width:680px; height:102px; border:1px solid #cba37f; background:#f9f9f9;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; behavior: ;} #thumbarea {position:relative; overflow:hidden; height:90px; width:668px; margin-left:5px; } #thumbs {position:absolute; list-style:none; height:90px; width:5000px; border-right:5px solid #fff} #thumbs li {float:left; margin-right:1px; cursor:pointer;height:90px;width:133px; overflow:hidden;} .imgnav {position:absolute; width:20%; z-index:100; height:440px; width:20%; z-index:100; outline:none; cursor:pointer} #previmg {left:0; background:url(/uploads/image/timages/left.gif) left center no-repeat; border-left:5px solid #fff} #previmg:hover {opacity:1; filter:alpha(opacity=100)} #nextimg {right:0; background:url(/uploads/image/timages/right.gif) right center no-repeat; border-right:5px solid #fff} #nextimg:hover {opacity:1; filter:alpha(opacity=100)} #gallery-list{margin-left:5px;margin-top:30px;margin-bottom:20px; overflow:hidden} #gallery-list li{width:200px; float:left; margin-left:30px;height: 300px;} .gbox{width:190px;height:190px; background:aaa; position:relative;} .imgbox{ width:180px;height:180px; background:#f9f9f9; border:1px solid #cba37f;padding:10px;position:absolute;top:0;left:0px; z-index:2;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; behavior: ;} .imgshadow{position:absolute;top:5px;left:5px;width:180px;height:180px; background:#f6eee2; z-index:1; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; behavior: ;} .tbox{width:180px; overflow:hidden; margin-top:10px;line-height:30px;} .tbox h4{ font-size:16px;} .tbox h4 a{ color:#444;} .ttext{height:30px;line-height:30px;} .ttext h6{width:100px;float:left; color:#888;} .ttext span{float:right; color:#999;}