﻿.wrap { background:#fff;}	
.wrap img { width:100%;}
.pr { position:relative;}
.pa { position:absolute;}
.m-cnt:after,.c-list:after,.m-box:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

@media screen and (min-width:320px) {html { font-size:75%;}}
@media screen and (min-width:360px) {html { font-size:85%;}}
@media screen and (min-width:375px) {html { font-size:88%;}}
@media screen and (min-width:392px) {html { font-size:98%;}}
@media screen and (min-width:400px) {html { font-size:98%;}}
@media screen and (min-width:414px) {html { font-size:97%;}}
@media screen and (min-width:480px) {html { font-size:112%;}}
@media screen and (min-width:568px) {html { font-size:131%;}}
@media screen and (min-width:639px) {html { font-size:150%;}}	

/*通栏广告*/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15;}

.g-adv .sclwrap_box{ height:15.83rem;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }

/*导航样式*/
.g-nav { position:relative; clear:both; background:#f3f3f3; padding-top:1.67rem;}
.g-nav a { float:left;  height:2.92rem; line-height:2.92rem; width:33.3%; text-align:center; display:block; color:#fff; position:relative; border-bottom:solid 1px #747474; background:#646464;}
.g-nav a:before { position:absolute; content:""; width:1px; height:100%; background:#747474; top:0; right:0;}
.g-nav a:nth-child(5),.g-nav a:nth-child(6),.g-nav a:nth-child(4) { border-bottom:none;}
.g-nav a:nth-child(3n):before { background:none}
.g-nav a:nth-child(1) { background:#bd9c73;}

/**/
.g-pp { background:#efefef; padding-top:2rem;
background-image: -webkit-linear-gradient(top, #efefef, #dbdbdb);
background-image: -moz-linear-gradient(top, #efefef, #dbdbdb);
background-image: -o-linear-gradient(top, #efefef, #dbdbdb);
background-image: -ms-linear-gradient(top, #efefef, #dbdbdb);
background-image: linear-gradient(top, #efefef, #dbdbdb);}
.g-pp .m-bt { display:block; background:url(/mobile/Images/Index/pp_bt.gif) no-repeat; height:2rem; line-height:2rem; text-align:center; color:#363438; font-size:1.25rem; font-weight:bold; margin-bottom:1.25rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-pp p { width:24.17rem; margin:0 auto;}
.g-pp p a em { display:block; color:#333; line-height:1.75rem; padding:1rem 0 1.5rem; font-family:"黑体";}

/**/
.g-zx { background:#dbdbdb; padding-top:2rem;}
.g-zx .m-bt { display:block; background:url(/mobile/Images/Index/zx_bt.gif) no-repeat; height:2rem; line-height:2rem; text-align:center; color:#333; font-size:1.25rem; font-weight:bold; margin-bottom:1.25rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

.m-zxp01 { background:url(/mobile/Images/Index/zx_bt02.gif) no-repeat; height:8.75rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.m-zxp01 em { display:block; width:8.88rem; line-height:8.75rem; text-align:center; float: left}
.m-zxp01 em a { font-size:1rem; color:#eeba71;}
.m-zxp01 span { display:block; width:17.7rem; line-height:2.92rem; text-align:center; float: left}
.m-zxp01 span a { display:block; float:left; width:50%; color:#fff;}

.m-zxp03 { background:url(/mobile/Images/Index/zx_bt03.gif) no-repeat; height:5.83rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.m-zxp03 em { line-height:5.83rem;}
.m-zxp03 span a { width:33.3%;}

.m-zxp02 { padding:1.25rem 0 0; height:19.5rem;}
.m-zxp02 a { display:block; float:left; margin-left:1.25rem; color:#333; font-size:0.75rem; text-align:center;}
.m-zxp02 a i { display:block; background:url(/mobile/Images/Index/cp_picbg.gif) no-repeat; background:none; width:11.46rem; height:15.83rem; margin-bottom:0.5rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.m-zxp02 a i img { display:block; width:11.51rem; margin:0 auto; padding-top:1px;}

.m-zxp04 { background:#646464; height:2.92rem; line-height:2.92rem;}
.m-zxp04 a { display:block; float:left; width:50%; text-align:center; color:#f8cf9b; position:relative;}
.m-zxp04 a:before { position: absolute; content:""; width:1px; height:100%; top:0; right:0; background:#747474} 
.m-zxp04 a:last-child:before { background:none}

/*博化洗眼器——高效洗眼*/
.g-ys { padding:2rem 0 1.7rem; border-bottom:solid 1px #cfd0d0;
background-image: -webkit-linear-gradient(top, #c9c8c8, #e3e3e3);
background-image: -moz-linear-gradient(top, #c9c8c8, #e3e3e3);
background-image: -o-linear-gradient(top, #c9c8c8, #e3e3e3);
background-image: -ms-linear-gradient(top, #c9c8c8, #e3e3e3);
background-image: linear-gradient(top, #c9c8c8, #e3e3e3);}
.g-ys .m-bt { display:block; background:url(/mobile/Images/Index/zx_bt.png) no-repeat; height:2rem; line-height:2rem; text-align:center; color:#333; font-size:1.25rem; font-weight:bold; margin-bottom:1.25rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

.g-ys .sclwrap_box { height:18rem; overflow:hidden; margin:0 1.25rem;}
.g-ys .con { float:left}
.g-ys .con i { display:block; line-height:0; margin-bottom:1rem;}
.g-ys .con p { height:1.25rem; line-height:1.25rem; color:#333; margin-bottom:1rem;}
.g-ys .con p img { display:block; width:1.25rem; float:left; margin-right:0.75rem;}

.g-ys .m-cnt{ padding:0.71rem 0 0 11.75rem; background:url(/mobile/Images/Index/ys_ico02.gif) no-repeat; height:2rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-ys .m-cnt li{ background:#9a999b; width:0.5rem; height:0.5rem; float:left; margin:0 0.46rem 0 0;
border-radius:1rem;      
-webkit- border-radius:1rem;
-moz-border-radius:1rem;
-o-border-radius:1rem;}
.g-ys .m-cnt li.z-on{ background:#c8a778;}

/*优材质，精工艺，寿命长，成本低*/
.g-cz { background:#e6e6e6; padding:2rem 0 0;}
.g-cz .m-bt { display:block; background:url(/mobile/Images/Index/cz_bt.gif) no-repeat; height:2rem; line-height:2rem; text-align:center; color:#333; font-size:1.25rem; font-weight:bold; margin-bottom:0.9rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

.g-cz .m-cnt { display:block; background:#646464; height:2.92rem; line-height:2.92rem;}
.g-cz .m-cnt li { float:left; width:50%; text-align:center; color:#fff; font-size:1rem; position:relative}
.g-cz .m-cnt li:before { position: absolute; content:""; width:1px; height:100%; top:0; right:0; background:#747474} 
.g-cz .m-cnt li:last-child:before { background:none}
.g-cz .m-cnt li.z-on { background:#bd9c73;}

.g-cz .sclwrap_box{height:10.63rem; overflow:hidden; border-bottom:solid 1px #6f6e6f;
background-image: -webkit-linear-gradient(top, #eaeaea, #f2f2f2);
background-image: -moz-linear-gradient(top, #eaeaea, #f2f2f2);
background-image: -o-linear-gradient(top, #eaeaea, #f2f2f2);
background-image: -ms-linear-gradient(top, #eaeaea, #f2f2f2);
background-image: linear-gradient(top, #eaeaea, #f2f2f2);}
.g-cz .con { float:left}
.g-cz .con a { display:block; padding:1.25rem 0 0 1.25rem; float:left;}
.g-cz .con a img { width:7.5rem; float:left; display:block;}
.g-cz .con a em { color:#333; width:16.67rem; float:left; display:block; padding:1rem 0 0 1rem; line-height:1.75rem; font-size:0.83rem;}

/**/
.g-xq {  padding:1.5rem 0 0; border-bottom:solid 1px #e5e5e5; height:21.8rem;
background-image: -webkit-linear-gradient(top, #f3f3f3, #fff);
background-image: -moz-linear-gradient(top, #f3f3f3, #fff);
background-image: -o-linear-gradient(top, #f3f3f3, #fff);
background-image: -ms-linear-gradient(top, #f3f3f3, #fff);
background-image: linear-gradient(top, #f3f3f3, #fff);}
.g-xq .m-bt { display:block; background:url(/mobile/Images/Index/xq_bt.png) no-repeat; height:2rem; line-height:2rem; text-align:center; color:#333; font-size:1.25rem; font-weight:bold; margin-bottom:0.9rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-xq p { width:24.17rem; margin:0 auto;}
.g-xq p span { display:block; padding:0.83rem 0 0 1rem; line-height:1.5rem; color:#333; font-size:0.83rem;}


/**/
.g-td {  padding:1.5rem 0 0; border-bottom:solid 1px #c9c9c9; height:22.2rem; background:#fff;}
.g-td .m-bt { display:block; background:url(/mobile/Images/Index/xq_bt.png) no-repeat; height:2rem; line-height:2rem; text-align:center; color:#424242; font-size:1.08rem; font-weight:bold; margin-bottom:0.9rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-td p { padding:1rem 0 0 1.25rem; height:13.8rem;}
.g-td p a em { background:url(/mobile/Images/Index/td_picbg.gif) no-repeat; width:10.75rem; height:12.21rem; float:left; display:block;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-td p a img {  width:10.42rem; height:11.88rem;}
.g-td p a span { display:block; float:left; width:12.42rem; padding-left:1.25rem; font-size:0.83rem; color:#333; line-height:1.5rem;}

.g-td i { display:block; padding-left:6.25rem;}
.g-td i a em { display:block; width:9.08rem; height:1.92rem; line-height:1.92rem; text-align:center; color:#bd9c73; font-weight:bold; font-family:Arial; border:solid 2px #bd9c73; float:left; letter-spacing:0.051rem; background:#fafafa;} 
.g-td i a span { display:block; width:4.67rem; height:1.92rem; line-height:1.92rem; text-align:center; color:#fff; font-weight:bold; background:#bd9c73; border:solid 2px #bd9c73; float:left; font-size:0.83rem;}

/**/
.g-hz { padding:2.5rem 0 0; border-bottom:solid 1px #c9c9c9; height:15.75rem;
background:#fff}
.g-hz .m-bt { display:block; background:url(/mobile/Images/Index/xq_bt.png) no-repeat; height:2rem; line-height:2rem; text-align:center; color:#424242; font-size:1.08rem; font-weight:bold; margin-bottom:1.3rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-hz p { padding:0 0 0 2.5rem; height:8.33rem;}
.g-hz p a { display:block; float:left; width:7.38rem; height:3.58rem; margin:0; line-height:0;
background:url(/mobile/Images/Index/hz_picbg.gif) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-hz p a img { width:6.92rem; height:3.17rem;}
.g-hz i { display:block; width:10.83rem; margin:0 auto;}

/*客户案例*/
.g-al { padding:2rem 0 0; border-bottom:solid 1px #c8c8c8; height:16.8rem; background:#fff; position:relative; overflow:hidden;}
.g-al .m-bt { display:block; background:url(/mobile/Images/Index/al_bt.png) no-repeat; height:2rem; line-height:2rem; text-align:center; color:#424242; font-size:1.25rem; font-weight:bold; margin-bottom:1.25rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

.g-al .prev { position:absolute; top:9.75rem; left:0.1rem; width:1rem; z-index:999; font-size:1.17rem}
.g-al .prev img { width:100%;}
.g-al .next { position:absolute; top:9.75rem; right:0.1rem; width:1rem; z-index:999; font-size:1.17rem}
.g-al .next img { width:100%;}

.g-al .no_ov { margin:0 1.25rem;}
.g-al .sclwrap_box{ height:13rem}
.g-al .no_ov .m-box .page { float:left;}
.g-al .no_ov .m-box .page a { display:block; width:11.46rem; margin-right:1.2rem; text-align:center; font-size:1rem; color:#333; float:left;}
.g-al .no_ov .m-box .page a:nth-child(2) { margin:0;}
.g-al .no_ov .m-box .page a img { display:block; margin-bottom:0.5rem;}

/**/
.g-fw { padding:2rem 0 0; height:19rem; background:#fff; position:relative;}
.g-fw .m-bt { display:block; background:url(/mobile/Images/Index/xq_bt.png) no-repeat; height:2rem; line-height:2rem; text-align:center; color:#424242; font-size:1.25rem; font-weight:bold; margin-bottom:1.25rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

.g-fw .sclwrap_box { height:11.5rem; overflow:hidden; }
.g-fw .con { float:left}
.g-fw .con p { padding:1.25rem 0 0 1.25rem;}
.g-fw .con p a img { display:block; width:10.88rem; float:left; margin-right:0.75rem;}
.g-fw .con p a span { display:block; width:13.75rem; float:left; padding:1.25rem 0 0; line-height:2rem; color:#333; font-size:0.92rem;}

.g-fw .m-cnt{ padding:0.71rem 0 0 12rem; background:url(/mobile/Images/Index/fw_ico01.gif) no-repeat; height:2rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-fw .m-cnt li{ background:#9a999b; width:0.5rem; height:0.5rem; float:left; margin:0 0.46rem 0 0;
border-radius:1rem;      
-webkit- border-radius:1rem;
-moz-border-radius:1rem;
-o-border-radius:1rem;}
.g-fw .m-cnt li.z-on{ background:#c8a778;}

/*博化动态*/
.g-dt { background:#fff}
.g-dt .m-cnt { display:block; background:#646464; height:2.92rem; line-height:2.92rem; margin-bottom:0.5rem;}
.g-dt .m-cnt li { float:left; width:33.33%; text-align:center; color:#fff; font-size:1rem; position:relative;}
.g-dt .m-cnt li:before { position: absolute; content:""; width:1px; height:100%; top:0; right:0; background:#747474} 
.g-dt .m-cnt li:last-child:before { background:none}
.g-dt .m-cnt li.z-on { background:#bd9c73; color:#fff;}

.g-dt .sclwrap_box { height:18.2rem; clear:both;}
.g-dt .con p { padding:0.5rem 1.25rem 0; height:14.5rem;}
.g-dt .con p a { display:block; height:2rem; line-height:2rem; overflow:hidden; color:#333;}
.g-dt .con p a img { display:block; width:0.5rem; float:left; padding:0.95rem 0.5rem 0 0;}


.g-dt .con dl { margin:1rem 1.25rem; border-bottom:dashed 1px #999; height:6rem;}
.g-dt .con dl:nth-child(2) { border:none;}
.g-dt .con dl dt em { display:block; width:1.42rem; float:left; padding:0 0.58rem 0.5rem 0;}
.g-dt .con dl dt a { color:#000; height:1rem; font-family:"黑体-简";}
.g-dt .con dl dd { clear:both;}
.g-dt .con dl dd em { display:block; width:1.42rem; float:left; padding-right:0.58rem;}
.g-dt .con dl dd span { display:block; float:left; width:22.08rem; line-height:1.5rem; color:#333; font-family:"黑体-简";}
.g-dt .con i a { display:block; width:10.75rem; height:2rem; line-height:2rem; text-align:center; color:#333; margin:0 auto; border:solid 1px #333; border-radius:5rem;}
