﻿@charset "utf-8";
/* CSS Document */
/*.baner{ background:url(bannerbg.jpg) no-repeat center; height:538px;}*/
#flashs{ position:relative; height:700px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:15px; left:50%; margin-left:-95px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#333; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{ background:#ff6633;}
.main{  background:#fff; overflow:hidden;}
.m_top{ margin-top:27px;}
.m_top .gjc{ height:43px; line-height:43px; color:#906452; float:left;}
.m_top .gjc a{ margin-left:5px; color:#906452;}
.m_top .search{ float:right;}
.search .ipt1{ width:320px; height:16px; line-height:16px; padding:11px 16px 12px 8px; border:none; border:2px solid #593a1e; border-right:none;float:left; font-size:14px; color:#cccccc;}
.search .ss{ float:left; background:url(ssbg.png) no-repeat left center; width:92px; height:43px;}
/*cp_list*/
.cp_box .cp_show{ float:right; width:708px; }
.cp_show .sh_title{ overflow:hidden;}
.sh_title a{font-size:16px; color:#4a4544; margin-top:20px; display:block; float:left; padding-left:5px; text-decoration:none;}
.sh_title span{ float:left; margin-top:24px; padding-left:5px; font-size:12px; color:#999; font-weight:normal;}
.cp_show .cpzs{ margin-top:12px;}
.cpzs ul{ overflow:hidden;}
.cpzs ul li{ width:218px; height:277px; float:left; margin-top:20px;  border:1px solid #fff;}
.cpzs ul li:nth-child(2){margin: 0 20px; width:218px; height:277px; float:left; margin-top:20px;  border:1px solid #fff;}
.cpzs ul li:nth-child(5){margin: 0 20px; width:218px; height:277px; float:left; margin-top:20px;  border:1px solid #fff;}
.cpzs ul li:nth-child(8){margin: 0 20px; width:218px; height:277px; float:left; margin-top:20px;  border:1px solid #fff;}
.cpzs ul li:hover{border:1px solid #996666;}
.cpzs ul .nom{ margin-right:0;}
.cpzs ul li img{ display:block; width:218px; height:164px; }
.cpzs ul li h5{ text-align:center;height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cpzs ul li h5 a{ font-size:15px; color:#333; font-weight:normal;}
.cpzs ul li p{ text-align:justify; line-height:20px; margin:5px 3px 0 3px; color:#999;height: 80px; overflow: hidden; }
/*产品中心*/

/*m_top*/
.cp_box{ margin-top:17px; float:left; width:100%; padding-bottom:50px;}
.cp_box .cp_list{ float:left;  width:242px;}
.cp_list .cp_title{ height:54px; line-height:54px;background:url(cplbg.png) repeat-x; font-weight:normal;}
.cp_title a{font-size:16px; color:#fff; margin-left:11px;}
.cp_title span{ font-size:12px; color:#bcbcbc;} 
.cp_type{ background:#f0f0f0; width:240px; height:888px; border:1px solid #e4e4e4;}
.cp_type dl{ margin-top:12px;}
.cp_type dl dt{ margin-left:11px; line-height:35px; width:219px; height:35px; background:#906452 url(tyImg01.png) no-repeat 15px center; margin-bottom:10px;}
.cp_type dl dt a{ display:block; font-size:14px; font-weight:bold; color:#fff; padding-left:33px;}
.cp_type dl dd{ margin-left:40px;}
.cp_type dl dd a{ height:35px; line-height:35px; background:url(tyImg02.png) no-repeat left center; padding-left:14px;}
.zl_box{ background: #f5f5f5 url("news_bg.jpg") repeat; height:900px; }
.zl_box .container{ overflow:hidden; position:relative;}
.zl_box .container .zl_tp{ margin-top:115px;}
.zl_box .container ul{ position:absolute; left:0; top:165px;}
.zl_box .container ul li{ float:left; margin-left:6px; width:240px; height:65px; text-align:center; line-height:65px; position:relative; background:#fff;}
.zl_box .container ul li a{ display:block; font-size:25px; color:#4a4544; text-decoration:none;}
.zl_box .container ul .zl_nom{  background:#4a4544; }
.zl_box .container ul .noMl{margin-left:0;}
.zl_box .container ul .zl_nom i{ display:block;}
.zl_box .container ul .zl_nom  a{color:#fff; font-weight:bold;}
.zl_box .container ul li i{ background:url(zlsjImg.png) no-repeat; height:22px; width:48px;position:absolute; left:100px; top:55px; display:none;}
.zl_box .container ul li:hover{ background:#4a4544;}
.zl_box .container ul li:hover a{color:#fff; font-weight:bold;}
.zl_box .container ul li:hover i{ display:block;}
.zl_box .container h2{ margin-top:45px; text-align:center;}
.zl_box .container h2 img{ width:520px; height:100%;}
/*产品质量*/

.wdys{ background:url(wdbg.jpg) no-repeat center; height:1794px;}
.wdys .container{ position:relative;}
.wdys .container h2{ text-align: center;}
.wdys .container h2 img{ width:850px; margin-top: 10px;}
.wdys .container dl{ position:absolute;}
.wdys .container dl dt{ margin-bottom:20px; position:relative; }
.wdys .container dl dt h3{ background:url(ibg.png) no-repeat center; width:91px; height:81px; overflow:hidden; position:absolute; top:-25px; left:-100px;}
.wdys .container dl dt h3 span{ font-size:20px; color:#fff; font-weight:bold; margin-top:16px; margin-left:20px;display:block;}
.wdys .container dl dt h4{ font-size:18px; color:#906452;line-height:30px;}
.wdys .container dl dd{ background: url(yxddbg.png) no-repeat left 13px; padding-left:18px; font-size:14px;color:#333; line-height:35px;}
.wdys .container dl dd span{ color:#f26521; font-weight:bold;}
.yx_box1{ top:260px; left:560px;}
.yx_box1-l{ top:180px; left:0px;}
.yx_box1-l span {display: block;float: left;width: 430px;height:330px;}
.yx_box1-l span img {width: 430px;height: 330px;}
.yx_box2{ top:572px; left:123px; width:420px;}
.yx_box2-r{ top:538px; left:560px;}
.yx_box2-r span {display: block;float: right;width: 420px;height:265px;}
.yx_box2-r span img {width: 420px;height: 265px;}
.yx_box3{ top:891px; left:558px;}
.yx_box3-l{ top:830px; left:0px;}
.yx_box3-l span {display: block;float: left;width: 430px;height:305px;}
.yx_box3-l span img {width: 430px;height: 305px;}
.yx_box4{ top:1189px; left:113px;width:420px;}
.yx_box4-r{ top:1175px; left:560px;}
.yx_box4-r span {display: block;float: right;width: 420px;height:275px;}
.yx_box4-r span img {width: 420px;height: 275px;}
.yx_box5{ top:1530px; left:558px;}
.yx_box5-l{ top:1482px; left:0px;}
.yx_box5-l span {display: block;float: left;width: 430px;height:305px;}
.yx_box5-l span img {width: 430px;height: 305px;}
.wdys .yx_hp{ background:url(hpbg.png) no-repeat left 10px;  top:140px; left:700px; padding-left:50px;}
.wdys .yx_hp .zxrx{ margin-bottom:0px; font-size:14px; color:#333;}
.wdys .yx_hp .dhrx{ background:none; padding:0;}
.wdys .yx_hp .dhrx h4{ font-size:23px; color:#ff3300; }
/*五大优势*/

.md_box{ background:#e7e7e7; overflow:hidden;}
.md_box .container{padding-bottom:40px;}
.md_box .md_tp { margin-top:40px;}
.md_box .md_tp img{ width: 980px; height:100%; }
.mdzs{ margin-top:33px;}
.zs_top .t_left{ float:left; background:url(tlbg.png) no-repeat 250px 20px;}
.t_left a{ font-size:16px; padding:15px 28px; color:#4c4848; margin-right:40px; display:block; float:left; text-decoration:none;} 
.t_left .a1{ color:#f0f0f0; background: url(a1bg.png) repeat-x center;}
.t_left a:hover{ color:#f0f0f0; background: url(a1bg.png) repeat-x center;}
.zs_top .md_bot{ float:right;}
.md_bot ul{ overflow:hidden;}
.md_bot ul li{ float:left;}
.md_bot ul li a{ display:block; float:left;  width:59px; height:43px;}
.md_bot ul li .mdl_bot{ background:url(mdlbotImg.png) no-repeat center;}
.md_bot ul li .mdr_bot{ background:url(mdrbotImg.png) no-repeat center; margin-left:12px;}
.zs_tp{ overflow:hidden; margin-top:42px; position:relative;}
.zs_tp li{ float:left; width:220px; margin-right:33px;}
.zs_tp li a{ position:relative; display: block;}
.zs_tp li h5{ margin-top:22px; text-align:center;}
.zs_tp li h5 a{ font-size:13px; color:#4c4848; font-weight:normal;}
.zs_tp li i{ position:absolute; top:0; left:0;}
.zs_tp .tp1{ margin-left:0;}
/*门店展示*/

.js_box{ background:#fff; overflow:hidden;}
.js_box .container{ margin-top:45px; padding-bottom:60px;}
.js_box .jxsgy{ height:400px; background:url(khfybg.png) no-repeat left 12px;}
.jxsgy h4{ padding-left:18px;}
.jxsgy h4 a{font-size:18px; color:#cc0000; text-decoration:none;}
.jxsgy h4 span{ font-size:12px; color:#999; margin-left:5px; font-weight:normal;}
.jxsgy .khfy{ position:relative; margin-top:40px;}
.khfy .kh_bot_l,.khfy .kh_bot_r{ width:15px; height:70px; display:block; position:absolute; top:92px;}
.khfy .kh_bot_l{ background:url(khlbotImg.png) no-repeat center; left:25px;}
.khfy .kh_bot_r{ background:url(khrbotImg.png) no-repeat center; right:25px;}
.khfy ul{ width:838px; margin:0 auto; overflow:hidden;}
.khfy ul li{ float:left; width:260px; margin-right:29px;}
.khfy ul li h5{ margin-top:22px;width:260px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.khfy ul li h5 a{ font-size:14px; color:#4c4848;}
.khfy ul li p{ margin-top:10px; font-size:12px; color:#746e6e; margin-right:7px; line-height:25px; height:75px;overflow:hidden;}
.khfy ul .kh_nom{ margin-right:0;}
/*jxsgy*/
.qgcp{ margin-top:40px;}
.qgcp img{ width: 980px; height:100%; }
.zjcp{ margin-top:38px;}
.zjcp .zj_left{width:631px; height:349px; background:#4c4848; color:#fff; overflow:hidden; position:relative; float:left;}
.zj_left .zj_top{ margin-top:32px; margin-left:40px;}
.zj_left .zj_top h4{ font-size:20px; color:#fff;}
.zj_top p{ margin-top:9px; font-size:16px; color:#8e8787; font-family:"Arial"; text-transform:uppercase;}
.zj_top i{ display:block; width:47px; height:2px; background:#fff; margin-top:9px;}
.zj_left dl{  margin:20px 35px 0 35px;}
.zj_left dl dt{ font-size:16px;}
.zj_left dl dd{ margin-top:20px; line-height:25px;}
.zj_left .ckgd{ position:absolute; width:125px; height:33px; line-height:33px; text-align:center; font-size:14px; color:#fff; border:1px solid #fff; right:29px; top:285px; text-decoration:none;}
.zjcp .zj_right{ float:left;}
.zjcp .zj_right img{ width:349px; height:349px;}
/*zjcp*/
.js_bot{ margin-top:24px;}
.js_bot .cjzs{ float:left; width:600px;}
.cj_top .cj_tle{ float:left; padding-left:10px;}
.cj_tle h5 a{ font-size:16px; color:#4c4848;}
.cj_tle p{ font-size:16px; color:#999; margin-top:9px; text-transform:uppercase;}
.cj_tle i{display:block; width:47px; height:2px; background:#4c4848; margin-top:9px;}
.cj_bot{ float:right; margin-top:7px;}
.cj_bot a{ width:72px; height:37px; display:block; float:left;}
.cj_bot .cj1{ background:url(cjbotImg01.png) no-repeat center;}
.cj_bot .cj2{ background:url(cjbotImg02.png) no-repeat center; margin-left:5px;}
.cj_tpzs{ overflow:hidden; margin-top:29px;position:relative;}
.cj_tpzs li{ float:left; width:185px; margin-left:21px;}
.cj_tpzs li a{ position:relative; display: block;}
.cj_tpzs li h5{ margin-top:18px; text-align:center;}
.cj_tpzs li h5 a{ font-size:12px; color:#4c4848; font-weight:normal;}
.cj_tpzs li i{ position:absolute; top:0; left:0;}
/*cjzs*/
.ryzs{ float:right; width:347px; height:317px; background:url(zsbg.png) no-repeat left 9px;}
.ryzs .ry_tle{ text-align:center;}
.ryzs .ry_tle a{ font-size:16px; color:#4c4848; text-decoration:none;}
.ryzs .ry_tle span{font-size:12px; color:#999; font-family:"Arial"; margin-left:12px;}
.zstp{ margin-top:40px; position:relative;}
.zstp .zs_bot1,.zstp .zs_bot2{ width:7px; height:30px; display:block; position:absolute; top:68px;}
.zstp .zs_bot1{ background:url(zsbotImg01.png) no-repeat center; left:17px;}
.zstp .zs_bot2{ background:url(zsbotImg02.png) no-repeat center; right:17px;}
.zstp ul{ overflow:hidden; margin:0 auto; width:268px; height:235px;}
.zstp ul li{ width:268px; float:left;}
.zstp ul li h5{ margin-top:24px; text-align:center;}
.zstp ul li h5 a{ font-size:12px; color:#4c4848; font-weight:normal;}
.zstp ul li img { width:268px; height:195px;}
/*js_box*/

.cpzx{ background:url(zxbg.jpg) no-repeat center; height:508px;border-bottom:3px solid #4c4848;} 
.cpzx .container{ position:relative; height:494px;}
.zx_left{ width:634px;}
.zx_left .zx_top{ overflow:hidden;}
.zx_top h4{border-bottom:2px solid #f26521; padding:21px 0 18px 0; float:left;}
.zx_top h4 a{ font-size:20px; color:#4c4848; text-decoration:none;}
.zx_top h4 span{ font-size:12px; color:#999; margin-left:5px;}
.zx_left .dt{ margin-top:22px; display:block; overflow:hidden;}
.dt a{ width:85px; height:25px; line-height:25px; float:left; background:#ff6633; text-align:center; color:#fff; text-decoration:none;margin-right:8px;}
.dt .dt1{ background:#4c4848; }
.zx_left dl{ margin-top:24px; overflow:hidden;}
.zx_left dl dt{ padding:8px; background:#fff; float:left;}
.zx_left dl dd{ margin-left:275px; width:312px;}
.zx_left dl dd h5{padding-top:10px;}
.zx_left dl dd h5 a{ font-size:14px; color:#4c4848;}
.zx_left dl dd p{ margin-top:18px; line-height:20px; height:100px; overflow:hidden;}
.zx_left dl dd .mor{ font-size:12px; color:#d87f34;margin-top:11px; padding-left:231px; display:block;text-transform:uppercase;}
.zx_left ul{ overflow:hidden; margin-top:40px;}
.zx_left ul li{ float:left; width:47%; height:28px; line-height:28px; background:url(jImg.png) no-repeat left center; padding-left:14px;}
.zx_left ul li a{ font-size:12px; color:#4c4848;}
/*zx_left*/
.zx_right{ width:345px;position: absolute;right:0;top:-24px;}
.zx_right h4{ height:90px; background: url(tbg.png) no-repeat center; position:relative;}
.zx_right h4 a{ font-size:20px; color:#fff; margin-top:45px; padding-left:21px; display:inline-block;}
.zx_right h4 span{ font-size:12px; color:#fff; margin-left:5px;}
.zx_right h4 i{ position:absolute; background:url(wtibg.png) no-repeat center; top:0; left:-12px; width:12px; height:24px;}
.wtzx{ background:#4c4848; overflow:hidden;}
.wtzx dl{ margin:30px 32px 0 24px; background:url(wtdlbg.png) no-repeat left bottom;}
.wtzx dl dt{ background:url(wenImg.png) no-repeat left center; padding-left:32px;width: 238px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.wtzx dl dt a{ font-size:14px; color:#fff; padding:6px 0; display:block;}
.wtzx dl dd{ margin-top:14px; background:url(daImg.png) no-repeat left 5px; padding-left:32px; font-size:12px; line-height:20px; height:67px; color:#999; padding-bottom:35px; overflow:hidden;}


