
/* CSS Document */


.mb18{ margin-bottom: 18px;}
.mb35{ margin-bottom: 35px;}
.mb40{ margin-bottom: 40px;}
.mb50{ margin-bottom: 50px;}
.mb70{ margin-bottom: 70px;}

.pb40{ padding-bottom: 40px;}

.color_9e2838{ color: #9e2838 !important;}
.lh_22{ line-height: 22px !important;}


/*首页内容*/
.bg_01{ height: 73px; background: url("../image/bg_01.jpg") repeat-x;}
.search{ width: 308px; margin-left: 13px; display: inline;}
.keyword{ height: 26px; line-height: 26px; font-size: 14px; color: #333;}
.keyword a{ margin-right: 6px; color: #333;}

.input_1{ width: 26px; height: 26px; background: url("../image/input_1.jpg") no-repeat; border: none;}
.input_2{ width: 56px; height: 26px; background: #6d041c; border: none; font-size: 14px; color: #fff;}
.ssk_1{ width: 218px; height: 22px; line-height: 22px; text-indent: 8px; border: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 14px; color: #999;}

.mod_01 .title{ padding-top: 18px; line-height: 24px; font-size: 20px; color: #9e2838;}
.mod_01 .title img{ margin-bottom: 16px;}
.mod_01 .con_1{ width: 812px;}
.mod_01 .con_1 a{ float: left; display: block; width: 99px; height: 45px; line-height: 45px; border: 1px solid #e2e2e2; font-size: 16px; color: #666; text-align: center;}
.mod_01 .con_1 a:hover,
.mod_01 .con_1 .on{ background: #dfdfdf;}
.mod_01 .con_2 ul li{ float: left; width: 124px; margin-right: 1px; display: inline;}
.mod_01 .con_2 img{ display: block; width: 124px;}
.mod_01 .con_2 ul .z_1{ height: 527px; padding-top: 54px;}
.mod_01 .con_2 ul .z_2{ height: 538px; padding-top: 20px;}
.mod_01 .con_2 ul .z_3{ height: 585px;}
.mod_01 .con_2 ul .z_4{ height: 532px; padding-top: 26px;}
.mod_01 .con_2 ul .z_5{ height: 521px; padding-top: 14px;}
.mod_01 .con_2 ul .z_6{ height: 517px; padding-top: 48px;}
.mod_01 .con_2 ul .z_7{ height: 517px; padding-top: 4px;}
.mod_01 .con_2 ul .z_8{ height: 517px; padding-top: 54px;}

.tel{ height: 31px; line-height: 29px; font-size: 18px; color: #666;}
.tel a{ display: inline-block; width: 155px; height: 29px; line-height: 29px; margin-left: 10px; border: 1px solid #6d041c; font-size: 16px; color: #9e2838;}

.mod_02 .title{ height: 96px; line-height: 28px; padding-top: 33px; background: #6d041c; font-size: 26px; color: #fff;}
.mod_02 .title img{ margin-bottom: 14px;}
.mod_02 .content .bg_6d041c{ background: #6d041c !important;}
.mod_02 .content .z_1{ float: left; width: 169px; height: 253px; padding: 0 6px; background: #ac4856;}
.mod_02 .content .z_2{ width: 169px; height: 114px; padding: 0 6px; background: #ac4856;}
.mod_02 .content .z_3{ float: left; width: 23px; padding-top: 19px; text-align: center;}
.mod_02 .content .z_4{ width: 181px; height: 20px; padding-top: 5px;}
.mod_02 .content .c_1{ height: 50px; line-height: 50px; padding-top: 4px; background: url("../image/tit_bg1.jpg") left bottom repeat-x; font-size: 20px; color: #fff; text-align: center;}
.mod_02 .content .c_2{ line-height: 20px; padding-top:12px; font-size: 14px; color: #f7d5da;}

.bg_02{ background: url("../image/bg_02.jpg") repeat;}

.mod_03{ height: 151px; line-height: 35px; padding-top: 62px; font-size: 16px; color: #fff;}
.mod_03 img{ margin-bottom: 5px;}
.mod_03 p{ font-size: 20px;}

.bg_03{ background: url("../image/bg_03.jpg") repeat;}

.mod_04{ padding: 45px 0 50px 0;}
.mod_04 .text{ width: 514px;}
.mod_04 .text .title{ height: 84px; padding-left: 13px; border-bottom: 1px dashed #b0a9aa; font-size: 18px; color: #333;}
.mod_04 .text .title .number{ width: 48px; height: 59px; line-height: 59px; padding-top: 17px; background: url("../image/tit_bg2.png") no-repeat; font-size: 24px; color: #fff; text-align: center;}
.mod_04 .text .title p{ padding-top: 17px; line-height: 36px; font-size: 30px; color: #9e2838;}
.mod_04 .text .content{ padding: 28px 0 0 13px; line-height: 30px; font-size: 16px; color: #333;}

.tit_1{ height: 42px; line-height: 40px; background: url("../image/tit_bg3.jpg") left bottom repeat-x;}
.tit_1 span{ display: inline-block; border-bottom: 2px solid #730715; font-size: 18px; color: #730715;}
.tit_1 a{ font-size: 16px; color: #572d2c;}
.tit_1 a img{ margin-left: 5px; vertical-align: middle;}

.mod_05 .content{ width: 1000px; height: 268px; overflow:hidden; position:relative;}
.mod_05 .content ul li{ float: left; width: 306px; line-height: 42px; padding-right: 41px; text-align: center;}
.mod_05 .content ul li a{ font-size: 18px; color: #333;}
.mod_05 .content ul li a img{ display: block; width: 306px; height: 217px;}

.bg_04{ background: #fff4f4;}

.mod_06{ width: 290px;}
.mod_06 .img{ width: 290px; height: 118px;}
.mod_06 .img img{ display: block; width: 290px; height: 118px;}
.mod_06 .con_1{ height: 216px;}
.mod_06 .con_1 ul li{ height: 35px; line-height: 35px; padding-left: 15px; background: url("../image/li_bg1.png") 2px center no-repeat; border-bottom: 1px solid #f7ced3;}
.mod_06 .con_1 ul li a{ font-size: 14px; color: #572d2c;}
.mod_06 .con_2{ height: 359px;}
.mod_06 .con_2 ul li{ padding: 10px 0 13px 0; line-height: 26px; border-bottom: 1px solid #f7ced3; color: #572d2c;}
.mod_06 .con_2 ul li img{ margin-right: 10px; vertical-align: middle;}
.mod_06 .con_2 ul li a{ color: #572d2c;}

.zw_65{ width: 65px;}


/*案例展示*/
.bg_05{ padding: 50px 0; background: url("../image/bg_05.jpg") center top repeat-y;}
.block_01{ width: 972px; padding: 0 8px 0 20px; background: #fff;}
.tit_2{ width: 944px; height: 32px; line-height: 32px; padding-top: 16px; border-bottom: 1px solid #dcdcdc; font-size: 20px; color: #9e2838;}

.mod_07{ width: 944px;}
.mod_07 ul li{ height: 303px; margin-bottom: 20px; background: #eaeaea;}
.mod_07 ul li .img{ width: 583px; height: 303px;}
.mod_07 ul li .img img{ display: block; width: 583px; height: 303px;}
.mod_07 ul li .text{ width: 320px; height: 260px; line-height: 30px; padding: 18px 20px 0 20px; font-size: 14px; color: #333;}
.mod_07 ul li .text p{ height: 50px; line-height: 50px; font-size: 18px;}
.mod_07 ul li .text a{ color: #86222f;}
.example { width: 972px; height: 569px;}
.example .rollbar-path-vertical{ width: 6px; background: url("../image/line_3.jpg") repeat-y; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
#up{ width: 19px; position: absolute; right: -1px; top: 0px;}
#down{ width: 19px; position: absolute; right: -1px; bottom: -5px;}


/*常见问题*/
.mod_08{ width: 944px;}
.mod_08 ul li{ padding-bottom: 19px; line-height: 24px; margin-bottom: 12px; border-bottom: 1px dashed #ccc; font-size: 14px; color: #666;}
.mod_08 ul li .tb{ float: left; width: 22px;}
.mod_08 ul li .c_1{ float: left; width: 922px;}
.mod_08 ul li .c_1 a{ color: #86222f;}
.mod_08 ul li .c_1 .a_1{ display: block; line-height: 36px; font-size: 16px;}


/*店铺风采*/
.mod_09{ width: 944px; padding-top: 40px;}
.mod_09 ul{ width: 975px; margin-left: -32px;}
.mod_09 ul li{ float: left; width: 293px; height: 265px; margin-left: 32px; display: inline;}
.mod_09 ul li .img{ width: 293px; height: 208px; overflow: hidden; position: relative;}
.mod_09 ul li .img img{ display: block; width: 293px; height: 208px;}
.mod_09 ul li .img .pf_text{ width: 259px; height: 168px; padding: 22px 17px 18px 17px; line-height: 24px; background: url("../image/pf_bg1.png") repeat; position: absolute; bottom: -208px; left: 0px;}
.mod_09 ul li .img .pf_text a{ font-size: 14px; color: #333;}
.mod_09 ul li p{ height: 41px; line-height: 41px; font-size: 16px; color: #333; text-align: center;}


/*关于博人*/
.bg_06{ padding: 50px 0; background: url("../image/bg_06.jpg") center top repeat-y;}
.mod_10{ width: 944px; line-height: 32px; font-size: 14px; color: #333;}


/*新闻资讯*/
.mod_11{ width: 944px;}
.mod_11 ul li{ padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px dashed #ccc;}
.mod_11 ul li .img{ float: left; width: 188px; height: 100px;}
.mod_11 ul li .img img{ display: block; width: 188px; height: 100px;}
.mod_11 ul li .text{ float: right; width: 739px; height: 100px; line-height: 24px; font-size: 14px; color: #666;}
.mod_11 ul li .text a{ color: #86222f;}
.mod_11 ul li .text .a_1{ display: block; height: 20px; line-height: 20px; padding-bottom:8px;  font-size: 16px; color: #333;}
.mod_11 ul li .text .a_1:hover{ color: #86222f;}


/*产品*/
.mod_12{ width: 855px;}
.mod_12 a{ float: left; width: 94px; height: 45px; line-height: 45px; margin-right: 1px; display: inline; background: #7d7d7d; font-size: 16px; color: #fff; text-align: center;}
.mod_12 a:hover,
.mod_12 .on{ background: #86222f;}

.block_02{ height: 591px; background: #f3d9d9;}

.mod_13{ width: 280px; height: 571px; padding: 20px 20px 0 20px; background: #86222f;}
.mod_13 .z_1{ height: 26px; line-height: 26px;}
.mod_13 .z_1 .name{ width: 100px; font-size: 16px; color: #fff;}

.select_1{ width:143px; height:26px; background: #fff; text-indent:10px; cursor:pointer; position:relative;}
.l_fxl{ width: 143px; background:#fff; display:none; position:absolute; top:26px; left:0px;}
.l_fxl a{ display: block; color: #333;}
.select_1 span{ display:block; width: 100%; background: url("../image/pz_select_1.jpg") right center no-repeat; position: absolute; top:0; left:0; font-size: 12px; color: #333;}

.mod_13 .z_2{ height: 38px; line-height: 38px; padding-left: 10px; background: #e2aeb5; font-size: 16px; color: #86222f;}
.mod_13 .z_3{ padding: 15px 0 0 10px; height: 390px; line-height: 24px; font-size: 14px; color: #fff;}
.mod_13 .z_3 p{ line-height: 30px;}
.mod_13 .z_4 a{ display: inline-block; width: 127px; height: 41px; line-height: 41px; background: url("../image/a_bg1.png") no-repeat; font-size: 16px; color: #86222f;}
.mod_13 .z_4 .bj{display: inline-block; width: 127px; height: 41px; line-height: 41px; background: url("../image/a_bg1.png") no-repeat; font-size: 16px; color: #86222f;}

.xxnr{ width: 398px; height: 591px; padding-left: 3px;}
.xxnr img{ display: block; width: 398px; height: 591px;}
.xxk{ width: 262px;}
.xxk .xxkk{ width: 262px;}
.xxk .xxkk .xxkk1{ float: left; width: 113px; height: 163px; margin: 18px 18px 0 0; cursor: pointer;}
.xxk .xxkk .xxkk1 img{ display: block;  width: 113px; height: 163px;}
.xxk .xxkk .xxkk1.xz img{ width: 107px; height: 157px; border: 3px solid #86222f;}


/*订单*/
.tit_3{ height: 90px; line-height: 90px; padding-top: 12px; padding-right: 10px; font-size: 36px; color: #6d041c;}
.mod_15{ width: 962px; height: 47px; line-height: 47px; background: #b3b3b3; font-size: 14px; color: #fff;}
.mod_16 ul li{ line-height: 37px; margin-top: 20px; font-size: 14px; color: #666;}
.mod_16 ul li .c_1{ float: left; width: 171px; padding-right: 20px; text-align: right;}
.mod_16 ul li .c_2{ float: left; width: 244px;}
.mod_16 ul li .c_3{ float: left; width: 80px; padding-right: 20px; text-align: right;}
.mod_16 ul li .c_4{ float: left; width: 15px; padding-left: 10px; font-size: 16px; color: #b81f1f;}
.mod_16 ul li .c_5{ float: left; width: 610px;}
.mod_16 ul li em{ font-size: 12px; color: #999; font-style: normal;}
.mod_16 ul li input{ vertical-align: middle;}

.wbk_1{ display: block; width: 240px; height: 35px; line-height: 35px; border: 1px solid #cfcfcf; text-indent: 10px;}
.wbk_2{ display: block; width: 606px; height: 138px; line-height: 35px; border: 1px solid #cfcfcf; text-indent: 10px;}

.select_2{ width: 240px; height: 37px; line-height: 37px; border: 1px solid #cfcfcf; text-indent: 10px; cursor:pointer; position:relative;}
.op{ width: 240px; background:#fff; display:none; position:absolute; top:37px; left:0px;}
.op a{ display: block; line-height: 26px; color: #666;}
.select_2 span{ display:block; width: 100%; background: url("../image/pz_select_2.jpg") right no-repeat; position: absolute; top:0; left:0; font-size: 12px; color: #666;}

.select_3{ width: 346px; height: 37px; line-height: 37px; border: 1px solid #cfcfcf; text-indent: 10px; cursor:pointer; position:relative;}
.zl{ width: 346px; background:#fff; display:none; position:absolute; top:37px; left:0px;}
.zl a{ display: block; line-height: 26px; color: #666;}
.select_3 span{ display:block; width: 100%; background: url("../image/pz_select_2.jpg") right no-repeat; position: absolute; top:0; left:0; font-size: 12px; color: #666;}

.mod_17{ width: 903px; padding-left: 29px; display: none;}
.mod_17 .z_1{ text-align: center;}
.mod_17 .z_2{ width: 899px; position: relative;}
.mod_17 .z_2 img{ display: block; width: 899px;}
.mod_17 .z_2 .srk{ width: 80px; position: absolute; right: 10px; top: 146px;}
.mod_17 .z_2 .srk ul li{ width: 80px; height: 53px;}
.mod_17 .z_3{ font-size: 18px; color: #a12838;}

.mod_17 .z_4 ul li{ margin-top: 15px;}
.mod_17 .z_4 ul li .c_1{ float: left; width: 78px; height: 90px; padding-top: 46px; font-size: 16px; color: #6d041c;}
.mod_17 .z_4 ul li .c_1 p{ font-size: 12px; color: #969696;}
.mod_17 .z_4 ul li .c_2{ float: left; width: 121px;}
.mod_17 .z_4 ul li .c_2 .img{ width: 111px; height: 102px; padding-left: 10px;}
.mod_17 .z_4 ul li .c_2 p{ height: 34px; line-height: 34px; font-size: 14px; color: #666;}
.mod_17 .z_4 ul li .c_2 p input{ margin-right: 5px; vertical-align: middle;}
.mod_18{ width: 960px; border-top: 1px solid #e0e0e0; padding: 30px 0;}

.wbk_3{ width: 80px; height: 43px; line-height: 43px; background: none; border: none; font-size: 16px; color: #333; text-align: center;}
.wbk_4{ width: 338px; height: 43px; border: 1px solid #6d041c; text-indent: 10px;}
.input_3{ width: 150px; height: 46px; background: url("../image/input_bg1.jpg") no-repeat; border: none; font-size: 22px; color: #fff;}

.pages{  text-align:center; width:100%; margin:0 auto; height:25px; line-height:25px; margin-top:10px; }
.pages a{width:25px; height:25px; padding:2px;  text-align:center; border:1px solid #666;background:#CCC; color:#666;}
.pages a:hover{ background:#000; color:#FFF;}
.pages strong{font-size:12px;font-weight:bold;color:red;line-height:25px;width:25px;text-align:center;}

.newstitle{ font-size:16px; line-height:28px; text-align:center; border-bottom:1px solid #CCC;}