﻿.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) {body { font-size:75%;}}
@media screen and (min-width:360px) {body { font-size:84.4%;}}
@media screen and (min-width:375px) {body { font-size:87.8%;}}
@media screen and (min-width:414px) {body { font-size:98%;}}
@media screen and (min-width:480px) {body { font-size:112.5%;}}
@media screen and (min-width:550px) {body { font-size:131.25%;}}
@media screen and (min-width:639px) {body { font-size:150%;}}	

/*通栏广告*/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15;}

.g-adv .sclwrap_box{ height:13.75em;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }

/*导航样式*/
.g-nav { position:relative; clear:both; padding:1.21em 0 0.55em;}
.g-nav a { float:left; background:url(/mobile/Images/Index/n_libg.gif) no-repeat 0 0; width:7.33em; height:4.83em; display:block; text-align:center; color:#fff; margin:0 0 0.58em 1.33em;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-nav a img { width:3.54em; margin:0.58em auto 0; display:block}

/*搜索*/
.h_inp {padding:0.63em 0 0.6em 1.17em; position:relative; background:#ebebeb}
.h_inp .m-ipt { float:left; display:block; width:17.5em; }
.h_inp .u-key { background:url(/mobile/Images/Index/s_inp.gif) no-repeat 0 0; display:block; padding:0 0.5em; height:2.17em; line-height:2.17em; width:17.17em; color:#e4007a; font-size:1em; border:none; box-shadow:none;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.h_inp .u-in { position:absolute; width:24%; height:60%; top:20%; right:4.4%; z-index:999; background:none; cursor:pointer;}
.h_inp .u-bt { display:block; width:6.17em; height:2.17em; float:left;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

/*翔芳成就无限家用市场*/
.g-cj { padding-bottom:1.45em;}
.g-cj .m-bt { color:#fff; font-size:1em; font-weight:bold; display:block; background:#e4007a; height:4em; line-height:4em; text-align:center}
.g-cj i { display:block; padding-top:1.04em;}
.g-cj p { padding-top:0.5em;}
.g-cj p span { display:block; padding-left:2.33em; height:2.42em;}
.g-cj p span img { width:1.67em; float:left; padding-right:0.5em;}
.g-cj p span a { font-size:1.25em; color:#e4007a; font-weight:bold;}
.g-cj p em { display:block; font-size:1em; color:#494949; line-height:1.5em; padding:0 2.17em 0 2.25em;}

/*翔芳产品中心*/
.g-zx .m-bt { background:#e4007a; height:4em; line-height:4em; display:block;}
.g-zx .m-bt span { display:block; width:3.21em; float:right; padding-right:0.75em;}
.g-zx .m-bt em { display:block; font-size:1.25em; color:#fff; padding-left:1em;}
.g-zx p { padding-top:1em;}
.g-zx p b { display:block; line-height:1.5em; border-bottom:solid 1px #cdcdcd; margin:0 1.17em 0.5em; clear:both; padding-bottom:0.5em;}
.g-zx p b a { font-size:1em; color:#e4007a;}
.g-zx p span { display:block;}
.g-zx p span a { display:block; padding:0 1.5em 0.6em 1.88em; float:left; color:#494949;}
.g-zx p span a img { width:0.29em; float:left; padding:0.5em 0.5em 0 0;}
.g-zx .m-cp { padding:1.25em 0 0;}
.g-zx .m-cp a { width:11.29em; display:block; float:left; text-align:center; color:#666; margin:0 0 0.5em 1em;}
.g-zx .m-cp a img { width:11.21em; height:11.58em; border:solid 1px #dbdbdb;}

/*大政策支持*/
.g-zc { padding-top:0.95em;}
.g-zc .m-bt { color:#fff; font-size:1em; font-weight:bold; display:block; background:#e4007a; height:4em; line-height:4em; text-align:center}
.g-zc p { padding:1.5em 0 0 1.38em;}
.g-zc p a { display:block; height:5.42em;}
.g-zc p a img { display:block; width:6.75em; height:5.42em; float:left;}
.g-zc p a span { display:block; float:left; font-size:1em; color:#e4007a; padding-top:0.9em;}
.g-zc p a span em { display:block; color:#666;}
.g-zc i { display:block; padding:1em 0 0.5em 1.92em;}
.g-zc i img { width:10.46em; height:2.33em; margin-right:1em;}

/*翔芳日化品火爆销售场景        */
.g-rh { position:relative;}
.g-rh .m-bt { background:#e4007a; height:4em; line-height:4em; display:block; margin-bottom:1.63em;}
.g-rh .m-bt span { display:block; width:3.21em; float:right; padding-right:0.75em;}
.g-rh .m-bt em { display:block; font-size:1.25em; color:#fff; padding-left:1em;}

.g-rh .prev { position:absolute; top:9.7em; left:1em; width:1.71em; z-index:999;}
.g-rh .prev img { width:100%;}
.g-rh .next { position:absolute; top:9.7em; right:1em; width:1.71em; z-index:999;}
.g-rh .next img { width:100%;}

.g-rh .nowarp { margin:0 4.17em;}
.g-rh .nowarp .sclwrap_box{ height:14.5em;}
.g-rh .nowarp .m-box .con { float:left}
.g-rh .nowarp .m-box .con a { display:block; width:18.33em; line-height:0;}
.g-rh .nowarp .m-box .con a:last-child { margin:0;}
.g-rh .nowarp .m-box .con a img { width:18.33em; height:10.83em;}
.g-rh .nowarp .m-box .con a em { display:block; font-size:1em; text-align:center; color:#fff; background:#8b8b8b; height:2em; line-height:2em;}

/**/
.g-ys { position:relative;}
.g-ys .m-bt { display:block; background:#e4007a; height:5.58em; text-align:center; margin-bottom:1em;}
.g-ys .m-bt span { font-size:1.25em; color:#fff; display:block; padding-top:0.8em;}
.g-ys .m-bt span em { font-family:Arial; text-transform:uppercase; font-weight:bold; color:#f2a3c4; font-size:1.07em;}
.g-ys .m-bt b { display:block; font-size:1.25em; color:#fff;}

.g-ys .prev { position:absolute; top:28.7em; left:4.83em; width:2.25em; z-index:999;}
.g-ys .prev img { width:100%;}
.g-ys .next { position:absolute; top:28.7em; right:4.83em; width:2.25em; z-index:999;}
.g-ys .next img { width:100%;}

.g-ys .nowarp .sclwrap_box{ height:27em;}
.g-ys .nowarp .m-box .con { float:left}
.g-ys .nowarp .m-box .con a { display:block;}
.g-ys .nowarp .m-box .con a i { display:block; background:url(/mobile/Images/Index/szbg.gif) no-repeat 0 0; width:1.73em; height:1.73em; line-height:1.73em; text-align:center; font-size:1.25em; font-family:Arial; color:#fff; float:left; margin-left:1.8em;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-ys .nowarp .m-box .con a span { display:block; font-size:1.08em; font-weight:bold; color:#e4007a; line-height:2em; padding-left:0.5em; float:left;}
.g-ys .nowarp .m-box .con a em { display:block; clear:both; color:#666; line-height:1.5em; padding:0.5em 1em 0 2.2em; height:5em; display:block;}
.g-ys .nowarp .m-box .con .u-img { display:block; width:10.25em; margin:0 auto;}

/*翔芳简介*/
.g-jz { position:relative;}
.g-jz .u-more01 { display:block; position:absolute; color:#fff; font-size:1em; text-transform:uppercase; top:1.5em; right:5%; width:3.08em;}
.g-jz .m-cnt { display:block; background:#7a7a7a; height:4em; line-height:4em;}
.g-jz .m-cnt li { float:left; width:7em; text-align:center; color:#fff; font-size:1.25em;}
.g-jz .m-cnt li.z-on { background:#e4007a;}

.g-jz .sclwrap_box{height:11.6em; overflow:hidden}
.g-jz .m-box { margin-top:1.3em;}
.g-jz .con { float:left}
.g-jz .con a { display:block; margin-left:1.13em;}
.g-jz .con a i { display:block; float:left;}
.g-jz .con a i img { width:10.71em; border:solid 1px #d9d7d7; padding:0.13em;}
.g-jz .con a p { float:left; width:12.83em; padding-left:0.8em;}
.g-jz .con a p b { display:block; font-size:1em; color:#333;}
.g-jz .con a p span { display:block; color:#848484; padding-top:0.5em; line-height:1.5em;}
.g-jz .con a p em { color:#d60780;}

/*资质证书*/
.g-zz { position:relative; height:18.5em; overflow:hidden}
.g-zz .u-more01 { display:block; position:absolute; color:#fff; font-size:1em; text-transform:uppercase; top:1.5em; right:5%;width:3.08em;}
.g-zz .c-list { display:block; background:#7a7a7a; height:4em; line-height:4em; margin-bottom:1.83em;}
.g-zz .c-list li { float:left; width:7em; text-align:center; color:#fff; font-size:1.25em;}
.g-zz .c-list li.z-on { background:#e4007a;}

.m-zzcon { position:relative;}
.m-zzcon .prev { position:absolute; top:3.65em; left:1em; width:2.33em; z-index:999;}
.m-zzcon .prev img { width:100%;}
.m-zzcon .next { position:absolute; top:3.65em; right:1em; width:2.33em; z-index:999;}
.m-zzcon .next img { width:100%;}

.m-zzcon .no_ov { margin:0 4.46em;}
.m-zzcon .sclwrap_box { height:12.7em;}
.m-zzcon .no_ov .m-box .page { position:relative; float:left}
.m-zzcon .no_ov .m-box .page a { display:block;width:7.08em; float:left; text-align:center; margin-right:3.33em;}
.m-zzcon .no_ov .m-box .page a:last-child { margin:0;}
.m-zzcon .no_ov .m-box .page a i { display:block; width:7.08em; height:9.58em;}
.m-zzcon .no_ov .m-box .page a img { width:7.08em; height:9.58em;}
.m-zzcon .no_ov .m-box .page a em { display:block; color:#666; line-height:2.46em;}

.m-zzcon02 .no_ov { margin:0 3.5em;}
.m-zzcon02 .no_ov .m-box .page { position:relative; float:left}
.m-zzcon02 .no_ov .m-box .page a { display:block;width:9.71em; float:left; text-align:center; margin:1em 0.2em 0 0;}
.m-zzcon02 .no_ov .m-box .page a:last-child { margin:1em 0 0;}
.m-zzcon02 .no_ov .m-box .page a i { display:block; width:9.71em; height:5.75em;}
.m-zzcon02 .no_ov .m-box .page a img { width:9.71em; height:5.75em;}
.m-zzcon02 .no_ov .m-box .page a em { display:block; color:#666; line-height:2.46em;}

/*动态*/
.g-dt { position:relative;}
.g-dt .u-more01 { display:block; position:absolute; color:#fff; font-size:1em; text-transform:uppercase; top:1.5em; right:5%;width:3.08em;}
.g-dt .m-cnt { display:block; background:#7a7a7a; height:4em; line-height:4em;}
.g-dt .m-cnt li { float:left; width:5.7em; text-align:center; color:#fff; font-size:1.25em;}
.g-dt .m-cnt li.z-on { background:#e4007a;}

.g-dt .sclwrap_box{height:15.8em; overflow:hidden}
.g-dt .m-box { margin-top:1.13em;}
.g-dt .con { float:left}
.g-dt .con a { display:block; font-size:1em; color:#666; margin:0.8em 0 0 1.83em;}
.g-dt .con a img { display:block; width:0.92em; float:left; padding:0.2em 0.3em 0 0;}

.g-dt .con dl { margin:0 1.25em 1em; height:5.5em;}
.g-dt .con dl:last-child { border:none;}
.g-dt .con dl dt em { display:block; width:2.25em; float:left; padding:0 0.58em 0 0;}
.g-dt .con dl dt a { color:#e4007a; line-height:2.25em;}
.g-dt .con dl dd { clear:both;}
.g-dt .con dl dd em { display:block; width:2.25em; float:left; padding-right:0.58em;}
.g-dt .con dl dd span { display:block; float:left; width:20.83em; color:#848484;}






