﻿/*导航*/
nav{ width:100%; height:10.43em; overflow:hidden;}
nav a{ color:#f0e9e0;float:left;width:33%; text-align:center;font-size:1em; height:auto;line-height:333%;background:#444; margin-bottom:0.21em; white-space:nowrap;}
nav a:nth-child(1){line-height:674%;background:#e77919;margin-bottom:0.21em;}
nav a:nth-child(2),nav a:nth-child(4),nav a:nth-child(7){ margin:0 0.5%;}
nav a:link{color:#fff;}
nav a:hover{ color:#fff;}
nav a:visited { color:#fff }
nav a:active { color: #fff }

/*广告*/
.g-adv {height:auto;overflow:hidden; padding:0 0 0.46em;}
.g-adv .sclwrap_box,.g-adv .m-box{ height:287px;}
.g-adv .m-box li img{ width:100%;}

@media screen and (min-width:360px) {
	.g-adv .sclwrap_box,.g-adv .m-box{ height:324px;}
}
@media screen and (min-width:400px) {
	.g-adv .sclwrap_box,.g-adv .m-box{ height:359px;}
}
@media screen and (min-width:480px) {
	.g-adv .sclwrap_box,.g-adv .m-box{ height:431px;}
}
@media screen and (min-width:568px) {
	.g-adv .sclwrap_box,.g-adv .m-box{ height:512px;}
}
@media screen and (min-width:639px) {
	.g-adv .sclwrap_box,.g-adv .m-box{ height:574px;}
}

/*全民使用按摩健身器材的时代就要来临！*/
.m-sd {height:auto;overflow:hidden; padding:0 0 0.46em;}
.m-sd h2{ height:auto; text-align:center; font-size:1em; text-transform:uppercase; color:#4e4e4e;line-height:158%; padding-bottom:0.89em;}
.m-sd h2 a{ display:block; font-size:1.25em; background:#ffc388; font-weight:bold; color:#222; line-height:243%;}
.m-sd h2 span{ display:block; width:100%; position:relative; color:#4e4e4e; font-family:"Times New Roman", Times, serif; letter-spacing:-2px;}
.m-sd h2 span:before,.m-sd h2 span:after{ content:""; position:absolute; width:6%; height:1px; background:#d3d3d3; top:50%;}
.m-sd h2 span:before{ left:12%;}
.m-sd h2 span:after{ right:12%;}
.sd-c{ width:85%; margin:0 auto;}
.sd-c dl{background:url(/mobile/images/Index/sdlbg.jpg) no-repeat;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%; padding:0.25em; height:8.25em; margin-bottom:1em;}
.sd-c dl:nth-child(2){background:url(/mobile/images/Index/sdlbg1.jpg) no-repeat;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%; padding:0.25em; height:8.25em;}
.sd-c dt{ width:49.6%; float:left;}
.sd-c dt img{ width:100%;}
.sd-c dd{ width:41%; float:left; padding:1.25em 4%; font-size:1em; line-height:142%; color:#222;}
.sd-c dd b{ display:block;}
.sd-c dl:first-child dd{ text-align:center;}
.sd-c dl:nth-child(2) dt{ float:right}


/*数据与结果！*/
.m-sj {height:auto;overflow:hidden; padding:0.25em 0 0.46em;background:#3f3f3f; padding:2.04em 10% 7%; position:relative; color:#fff; font-size:1em; line-height:167%;z-index:-1;}
.m-sj:before{ content:""; position:absolute; width:100%; height:0.25em; background:#ff8416;left:0; top:0;z-index:1;}
.m-sj:after{ content:""; position:absolute; width:0; height:0;border-left:1.2em solid transparent;border-right:1.2em solid transparent;border-top:0.8em solid #fff; left:50%; top:-0.25em; margin-left:-0.4em; z-index:9;}
.m-sj dt img{ border:solid 2px #000; width:98%;}
.m-sj dd h3{ color:#ff7611; font-size:1.25em; line-height:273%; position:relative;}
.m-sj dd h3 em{ font-family:Arial; font-weight:normal; padding:0 0 0 0.92em; font-style:normal; color:#a86625; font-size:0.66em; text-transform:uppercase}
.m-sj dd h3:before{ content:""; position:absolute;width:7%; height:1px; background:#926539; top:89%; left:1%;}
.m-sj dd li{ padding:0 0 0 4%; position:relative;}
.m-sj dd li:before{ content:""; position:absolute; width:0.8%; height:0.17em;top:0.8em; left:0;background:url(/mobile/images/Index/ico01.jpg) no-repeat;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}

.top,.top img{width: 100%;display: block;}
/* 赛玛热门产品推荐 */
.g_pro{margin-top:3%;}
.g_pro h2{background: #333333; height: 2.4em; line-height: 2.4em; color: #fff; padding-left: 8%; font-size: 1.25em; position: relative;}
.g_pro h2:before{
content:"";position:absolute;left:2%;top:26%; width: 1.1em; height: 1.1em;
background:url(/mobile/Images/index/cpico.jpg) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
}
.g_pro ul{padding: 2.25em 5% 0 5%;}
.g_pro ul li{float: left; width: 48%; margin-right: 3%;}
.g_pro ul li:nth-child(2n){margin-right: 0;}
.g_pro ul li img{width: 100%; border: 1px solid #ccc; 
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}

.g_pro ul li span{display: block; height: 3em; line-height: 3em; margin-bottom: 0.7em; text-align: center; color: #676767; font-size: 1em;  overflow: hidden;}

.g_pro .cpmore{background: #ff8711; width: 10em; height:2.8em; line-height: 2.8em; color: #fff; font-size: 1em; text-align: center;display: block; border-radius: 6px; margin-left:31%;  }
.g_pro .cpmore a{color: #fff;}

/* 赛玛电子产品分类中心 */
.g_fl{margin-top: 8%;}
.g_fl h2{text-align: center;color: #222222; font-weight: bold; font-size: 1.16em; padding-bottom: 3%;}
.g_fl h2 em{display: block; color: #a3a3a3; font-size: 0.83em; font-family: arial; text-transform: uppercase; font-weight: normal;}

.g_fl ul{padding: 0 3%;}
.g_fl ul li{float: left; width: 31%; margin-right: 3%; position: relative; margin-bottom: 2.5%;}
.g_fl ul li img{width: 100%;display: block;}
.g_fl ul li:nth-child(3n){margin-right: 0;}
.g_fl ul li span{position: absolute; left:0; top:56%;display: block; text-align: center; color: #333333; font-size: 1em; width: 100%; font-weight: bold;}


/* 赛玛按摩椅 幸福家庭必备品 您值得拥有 */
.g_home{margin-top: 6%;}
.g_home h2{font-size: 1.25em; color: #222; font-weight: bold; text-align: center; background: #ffc388; height: 2.4em; line-height: 2.4em;}

.m_home .m-cnt {margin-top: 3px;}
.m_home {max-width: 640px;}
.m_home .m-cnt li {
    background: #c5c5c5;
    display: inline;
    float: left;
    font-weight: bold;
    height: 6px;
    line-height: 6px;
    text-align: center;
    width: 50%;
}
.m_home .m-cnt li.z-on {background:#ff7a19; position: relative;}
.m_home .m-cnt li.z-on:before{
 content:""; position:absolute; top:100%; left:50%; margin-left:-2px;border-right:0.4em solid transparent; border-left:0.4em solid transparent;border-top:0.4em solid #ff7a19;
}

.m_home .m_homec{float: left; display: inline;}
.m_home .m_homec{padding:5% 10% 0 16%;}
.m_home .m_homec h3{font-size: 1.02em; color: #0a0a0a; font-weight: bold; position: relative; height: 2em; margin-bottom: 3%;}
.m_home .m_homec h3:before{
	content:"";position:absolute;left:0;bottom:0; width: 1.8em; height: 2px; background: #e68d36;

}
.m_home .m_homec h3:after{
content:"";position:absolute;left:-16%;top:20%; width: 2.33em; height: 2.25em;
background:url(/mobile/Images/index/h01.jpg) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
}

.m_home .m_homec .mt6:after{
content:"";position:absolute;left:-16%;top:20%; width: 2.33em; height: 2.25em;
background:url(/mobile/Images/index/h02.jpg) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
}
.m_home .m_homec .mt7:after{
content:"";position:absolute;left:-16%;top:12%; width: 2.33em; height: 2.26em;
background:url(/mobile/Images/index/h03.jpg) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
}
.m_home .m_homec .mt8:after{
content:"";position:absolute;left:-16%;top:11%; width: 2.33em; height:2.26em;
background:url(/mobile/Images/index/h04.jpg) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
}

.m_home .m_homec .mt6{margin-top: 12%;}
.m_home .m_homec p{color: #666666; font-size: 1em; line-height: 1.8em; position: relative;}
.m_home .m_homec p:before{
content:"";position:absolute;left:-2%;top:20%; width: 0.33em; height: 0.583em;
background:url(/mobile/Images/index/hico1.jpg) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;

}
.m_home .m_homec p b{color: #e68d36; font-weight: normal;}
.m_home .m-box,.m_home .sclwrap_box{ height:30.5em; overflow:hidden;}
.m_home .m-box div{float:left;display:inline-block;}


.til01{background:#333;padding:2.2% 0 2.5%;position:relative; font-size:1em;}
.til01:before{position:absolute;content:"";width:5%;height:100%; background:url(/mobile/images/Index/ic_b01.gif) no-repeat;top:30%;left:1.875%; background-size:100%;}
.til01 a{display:block;color:#fff;font-size:1.25em;padding-left:8.75%;}
.chk{width:37.8125%;margin:0 auto;text-align:center;background:#ff8711;font-size:1em;height:2.5em;line-height:2.5em;border-radius:0.25em;}
.chk a{color:#fff;}
.chk1 a{color:#fff;}

/*合作客户*/
.m-coo{height:20.5em;overflow:hidden;margin-top:3%;}
.coo_p{ width:87.5%; padding:7% 0; margin:0 auto;}
.coo_p img{display:block;width:100%;}

/*风采*/
.m-fc{height:20.5em;overflow:hidden;margin-top:3%;}
.fc .prev,.fc .next{width:3.44%;position:absolute; top:26.8%;}
.fc .prev img,.fc .next img{display:block;width:100%;}
.fc .prev{ left:2.5%;}
.fc .next{ right:2.5%;transform:rotatey(180deg);-moz-transform:rotatey(180deg);-o-transform:rotatey(180deg);-ms-transform:rotatey(180deg);-webkit-transform:rotatey(180deg);}

.fc .no_ov{overflow:hidden;padding:7% 0 0 6%;}
.fc .no_ov ul{float:left;display:inline;}
.fc li{ width:39%;display:inline-block; float:left;text-align:center;margin:0 4%;}
.fc li img{display:block;width:100%;}
.m-fc .m-box,.m-fc .sclwrap_box{ height:9.5em; overflow:hidden;}
.fc{position:relative;clear:both;}



/*荣誉*/
.m-xc{height:30em;overflow:hidden;margin-top:3%;}
.m-xc .til02 li{width:49.6%;}
.xc_c .prev,.xc_c .next{width:3.44%;position:absolute; top:38.8%;}
.xc_c .prev img,.xc_c .next img{display:block;width:100%;}
.xc_c .prev{ left:11.75%;}
.xc_c .next{ right:11.75%;transform:rotatey(180deg);-moz-transform:rotatey(180deg);-o-transform:rotatey(180deg);-ms-transform:rotatey(180deg);-webkit-transform:rotatey(180deg);}


.xc_c .no_ov{overflow:hidden;padding:6% 0 0 25%;}
.xc_c .no_ov ul{float:left;display:inline;}
.xc_c li{ width:58%;display:inline-block; float:left;text-align:center; background:url(/mobile/images/Index/hon_bg.gif) no-repeat left top;background-size:100%;padding:5%;}
.xc_c li img{display:block;width:99.6%;border:1px solid #dcdada;margin:0 auto;}
.xc_c li span{display:block;color:#333;font-size:1em;line-height:4em;height:4em;overflow:hidden;}
.m-xc .m-box,.m-xc .sclwrap_box{ height:22em; overflow:hidden;}
.xc_c{position:relative;clear:both;}

/*资讯*/
.til02{font-size:1.083em;height:3em;line-height:3em;background:#333;}
.til02 li{float:left;width:50%;color:#fff;text-align:center;font-size:1em;}	
.til02 li.z-on{display:inline-block;height:100%;border-raidus:1px;background:#6ca311;position:relative;color:#fff;z-index:1;background:#ff8711}
	
.m-zx{height:auto;overflow:hidden;margin:2% 0 6%;}
.zx_c{padding:5% 0 4% 1%;clear:both;}
.zx_c div{float:left;display:inline-block;}
.zx_c div ul{padding-bottom:4%;}
.zx_c li{overflow:hidden;font-size:1em;position:relative;height:2.2em;line-height:2.2em;clear:both;margin:0 5%;}
.zx_c li:before{position:absolute;content:"";width:0.45em;height:0.44em;top:42%;left:0;border:1px solid #c1c1c1;border-radius:50%;}

.zx_c li a{color:#666;overflow:hidden;padding-left:5%;}
.zx_c li:nth-last-child(1){border:none;}

.m-zx .m-box,.m-zx .sclwrap_box{height:20em; overflow:hidden;}










@media screen and (min-width:320px) {
	body { font-size:75%;}
}
@media screen and (min-width:360px) {
	body { font-size:87%;}
}

@media screen and (min-width:400px) {
	body { font-size:100%;}
}
@media screen and (min-width:480px) {
	body { font-size:112%;}

}
@media screen and (min-width:568px) {
	body { font-size:131%;}

}
@media screen and (min-width:639px) {
	body { font-size:150%;}
}
