.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:393px) {html { font-size:92%;}} @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:12.5rem;} .g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; } /*导航样式*/ .g-nav { position:relative; clear:both; background:#e5e5e5; padding:0.83rem 0 0 0.83rem; height:6.25rem; margin-bottom:0.28rem;} .g-nav a { float:left; height:2.5rem; line-height:2.5rem; width:8rem; text-align:center; display:block; color:#fff; background:#85c226; margin:0 0.42rem 0.42rem 0;} .g-nav a:nth-child(2n) { background:#035196} /*服务热线*/ .g-dh { margin:0 0.83rem; height:4rem; border-bottom:solid 2px #e5e5e5;} .g-dh i { padding:1rem 0 0; display:block;} .g-dh i a { width:5.75rem; height:1.83rem; line-height:1.83rem; border:solid 2px #85c226; border-radius:15rem; font-size:0.75rem; color:#85c226; text-align:center; display:block; float:right;} .g-dh p a img { display:block; width:2.92rem; float:left; padding-right:0.68rem;} .g-dh p a em { display:block; width:18.52rem; font-size:0.75rem; color:#000;} .g-dh p a em span { font-size:1rem; color:#85c226; display:block;} .g-dh p a em span b { font-weight:normal; color:#000;} /*明星客户展示*/ .g-zs { padding:1.25rem 0 0; position:relative;} .g-zs .prev { position:absolute; top:8rem; left:0.83rem; width:0.83rem; z-index:999;} .g-zs .prev img { width:100%;} .g-zs .next { position:absolute; top:8rem; right:0.83rem; width:0.83rem; z-index:999;} .g-zs .next img { width:100%;} .g-zs .nowarp { margin:0 3.5rem;} .g-zs .nowarp .sclwrap_box{ height:9.92rem;} .g-zs .nowarp .m-box { padding-top:0.5rem;} .g-zs .nowarp .m-box .con { float:left} .g-zs .nowarp .m-box .con a { display:block; width:9.17rem; float:left; margin-right:1rem;} .g-zs .nowarp .m-box .con a:last-child { margin:0;} /*凝胶类产品*/ .g-cp { background: no-repeat; height:52.75rem; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .g-cp .m-bt { display:block; padding:4.1rem 0 2.5rem; line-height:0;} .g-cp dl dt a { display:block; height:2.5rem; line-height:2.5rem; text-align:center; font-size:1rem; color:#85c226;} .g-cp dl dd { padding:1.5rem 0 0 0.83rem; height:2rem;} .g-cp dl dd a { font-size:1rem; color:#000; padding-right:2.3rem;} .g-cp dl dd a:nth-child(4) { padding:0;} .g-cp p { display:block; padding:0 0 0 0.83rem; height:14.8rem;} .g-cp p a { display:block; float:left; width:12.08rem; height:13.5rem; background:#fff; text-align:center; margin:0 0.54rem 0 0; font-size:1rem; color:#000;} .g-cp p a img { display:block; width:11.75rem; margin:0 auto 0.2rem; padding:0.2rem 0 0;} .g-cp .m-dl02 dd { line-height:1.75rem; height:4rem} /**/ .g-pp { background: no-repeat; height:30.71rem; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .g-pp .m-bt { padding:1.46rem 0 0; display:block; line-height:0;} .g-pp p { padding:0.5rem 0 0 0.83rem;} .g-pp p a { background: no-repeat; width:6.33rem; height:7.5rem; line-height:6.33rem; display:block; font-size:1.25rem; color:#000; float:left; margin-right:3rem; text-align:center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .g-pp p a.pp_li01 { line-height:1.5rem; padding:1.5rem 0 0; height:6rem;} .g-pp p a:nth-child(3n) { margin:0;} .g-pp p a:nth-child(7) { margin:0 0 0 9.33rem;} /*康林药业自营产品*/ .g-zy { background: no-repeat; height:49.96rem; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .g-zy .m-bt { display:block; height:3.5rem;} .g-zy .m-bt em { display:block; float:right; padding:0.83rem 2rem 0 0; color:#fff; text-transform:uppercase;} .g-zy .m-bt span { font-size:1.33rem; color:#fff; padding-left:1.67rem; display:block; line-height:1.33rem;} .g-zy .m-cnt { display:block; padding:0.83rem 0 0;} .g-zy .m-cnt li { float:left; width:11.3rem; height:2.33rem; line-height:2.33rem; text-align:center; color:#000; font-size:1rem; border:solid 2px #85c226; border-radius:10rem; margin:0 0.8rem 0.83rem;} .g-zy .m-cnt li.z-on { color:#fff; background:#85c226;} .g-zy .sclwrap_box{ height:30rem; overflow:hidden} .g-zy .m-box { margin:0.79rem 0 0;} .g-zy .con { float:left} .g-zy .con a { display:block; float:left; width:11.96rem; height:12.92rem; background:#85c226; line-height:0; margin:0 0.3rem 1.25rem 0.83rem;} .g-zy .con a img { width:11.58rem; height:10.29rem; margin:0 auto; padding:0.21rem 0 0; display:block;} .g-zy .con a span { display:block; font-size:0.83rem; color:#000; text-align:center; line-height:2.42rem; } /*优势*/ .g-ys { background: no-repeat; height:34.75rem; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .g-ys .m-bt { display:block; text-align:center;} .g-ys .m-bt b { font-size:1.25rem; color:#005297; display:block;} .g-ys .m-bt b em { color:#85c226;} .g-ys .m-bt span { background: no-repeat; height:2.5rem; line-height:2.5rem; text-align:center; font-size:1.25rem; color:#85c226; display:block; margin:0.5rem 0 1rem; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .g-ys .sclwrap_box { height:29rem; overflow:hidden} .g-ys .con { float:left} .g-ys .con dl dt { line-height:0; font-size:0; margin-bottom:0.5rem;} .g-ys .con dl dd span { display:block; font-size:1.25rem; color:#85c226; margin-bottom:0.75rem; padding-left:0.5rem;} .g-ys .con dl dd p { color:#000; line-height:1.5rem; clear:both; padding-left:0.5rem;} .g-ys .con dl dd p img { width:0.5rem; height:0.5rem; float:left; display:block; padding:0.4rem 0.75rem 0 0;} .g-ys .con dl dd p em { width:21.25rem; float:left; display:block;} .g-ys .con dl dd p .m-ysem01 { padding-bottom:1.2rem;} .g-ys .con dl dd i a { width:5.75rem; height:1.83rem; line-height:1.83rem; border:solid 2px #85c226; border-radius:15rem; font-size:0.75rem; color:#85c226; text-align:center; display:block; clear:both; margin:0 0 0 0.75rem;} /*全套的产品解决方案*/ .g-fa { background: no-repeat; height:31.58rem; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .g-fa .m-bt { display:block; padding:4.17rem 0 0; color:#fff; text-align:center;} .g-fa .m-bt b { display:block; font-size:1.08rem;} .g-fa .m-bt span { display:block; line-height:1.5rem; padding:0.3rem 0 0; height:4.75rem;} .g-fa p { position:relative;} .g-fa p b { display:block; position:absolute; top:2.33rem; left:10.92rem; width:4.92rem;} .g-fa p em { display:block; padding:3.1rem 0 0 0.83rem; height:11.67rem; overflow:hidden;} .g-fa p em i { display:block; color:#000; float:left; width:8.96rem; text-align:center; height:7.33rem;} .g-fa p em i:nth-child(2) { padding-left:7.25rem;} .g-fa p em i:nth-child(4) { width:6.79rem; padding:0 0.21rem;} .g-fa p i a { width:14rem; height:2.5rem; line-height:2.5rem; border:solid 2px #ffff4c; border-radius:15rem; font-size:1rem; color:#ffff4c; text-align:center; display:block; clear:both; margin:0 auto;;} /*有多少客户就有多少好评*/ .g-jz { padding:1.25rem 0 0;} .g-jz .m-cnt { display:block; padding:0.42rem 0 0 0.83rem;} .g-jz .m-cnt li { float:left; width:12.5rem; height:2.5rem; line-height:2.5rem; background:#85c227; color:#fff; font-size:1rem;} .g-jz .m-cnt li img { display:block; float:left; width:1.83rem; padding:0 1.3rem} .g-jz .m-cnt li.z-on { background:#005297;} .g-jz .sclwrap_box{height:22rem; overflow:hidden} .g-jz .m-box { margin-top:0.67rem;} .g-jz .con { float:left} .g-jz .con a { display:block; height:10.42rem; border-bottom:solid 1px #e5e5e5; margin-bottom:1rem;} .g-jz .con a:last-child { border:none;} .g-jz .con a i { display:block; float:left; margin-left:0.79rem;} .g-jz .con a i img { width:12.5rem;} .g-jz .con a p { float:left; width:11.5rem; padding-left:0.68rem;} .g-jz .con a p b { display:block; font-size:1rem; color:#85c226; font-weight:normal; text-transform:uppercase;} .g-jz .con a p em { display:block; color:#85c226; line-height:1.5rem;} .g-jz .con a p span { display:block; color:#000; padding-top:0.5rem; line-height:1.5rem; height:6rem;} /*康林药业大客户列表*/ .g-hz { margin:0 0.83rem;} .g-hz .m-bt { display:block; height:2.5rem; line-height:2.5rem; background:#85c227; font-size:0.83rem; color:#fff; text-transform:uppercase;} .g-hz .m-bt em { display:block; float:right; padding-right:0.83rem;} .g-hz .m-bt span img { display:block; float:left; width:1.67rem; padding:0 1.36rem} .g-hz p { background:#daedbe; margin:1px 0 0; padding:0.42rem 0 0; height:20.83rem;} .g-hz p a { display:block; width:7.5rem; line-height:0; padding:0 0.4rem 0.42rem; float:left;} /*康林药业我们不做行业的复制者 */ .g-zj { background: no-repeat; height:42.29rem; margin:1.2rem 0 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .g-zj .m-bt { display:block; padding:1.92rem 0 0.5rem; font-size:1rem; color:#fff; text-align:center;} .g-zj .m-bt img { display:block; padding-bottom:0.5rem;} .g-zj p { padding:0 0 0 2.08rem;} .g-zj p i { display:block; width:22.5rem;} .g-zj p em { display:block; color:#fff; line-height:1.5rem; padding:1rem 0; width:23.5rem;} .g-zj p span a { width:11rem; height:2.54rem; line-height:2.54rem; border:solid 2px #ffff4c; text-align:center; float:left; margin:0 0.7rem 0.83rem 0; color:#ffff4c; float:left; border-radius:10rem;} /*康林药业动态*/ .g-dt .m-cnt { display:block; padding:0.83rem 0 0 0.83rem;} .g-dt .m-cnt li { float:left; width:8.33rem; height:2.5rem; line-height:2.5rem; text-align:center; color:#fff; font-size:1rem; background:#85c226; margin-right:1px;} .g-dt .m-cnt li.z-on { background:#005297;} .g-dt .sclwrap_box{height:18rem; overflow:hidden} .g-dt .m-box { margin-top:0.67rem;} .g-dt .con { float:left} .g-dt .m-box ul{width: 25rem; margin:0 auto; padding:0.8rem 0 0;} .g-dt .m-box ul li{height: 2.5rem;line-height: 2.5rem; border-bottom:#333 1px dashed;overflow: hidden;position: relative;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .g-dt .m-box ul li a{ font-size: 1rem;color: #333; padding:0 0 0 1.5rem;} .g-dt .m-box ul li:before{ content:"";width: 0;height: 0;position: absolute;top: 1rem;left: 0.5rem; border-top:0.3rem solid transparent; border-left:0.3rem solid #333; border-bottom:0.3rem solid transparent;}