.wrap img{ width:100%;}	

@media screen and (min-width:320px) {html { font-size:75%;}}
@media screen and (min-width:360px) {html { font-size:84.4%;}}
@media screen and (min-width:375px) {html { font-size:86.6%;}} /*ipone6*/
@media screen and (min-width:400px) {html { font-size:87%;}}
@media screen and (min-width:414px) {html { font-size:96%;}} /*ipone6P*/
@media screen and (min-width:480px) {html { font-size:112.5%;}}
@media screen and (min-width:550px) {html { font-size:131.25%;}}
@media screen and (min-width:639px) {html { font-size:150%;}}


/*导航样式*/
.g-nav { position:relative; clear:both; padding:0.42rem 0 0 0.42rem;}
.g-nav a { float:left;  height:2.42rem; line-height:2.42rem; width:8.58rem; text-align:center; display:block; color:#333; font-size:0.83rem; position:relative; border-top:solid 1px #333;}
.g-nav a:after { position:absolute; content:""; width:1px; height:100%; background:#333; top:0; right:0;}
.g-nav a:nth-child(5),.g-nav a:nth-child(6),.g-nav a:nth-child(4) { border-bottom:solid 1px #333;}
.g-nav a:nth-child(1),.g-nav a:nth-child(4) { border-left:solid 1px #333;}
.g-nav a:nth-child(1) { background:#f58220; color:#fff;}

/*通栏广告*/
.g-adv{ width:100%; height:12.5rem; overflow:hidden;}

/*严格品控*/
.g-yan{width: 25.83rem; margin:0 auto; padding:2rem 0 1rem;}
.g-yan .m-bt,.g-jz .m-bt{display: block;font-size: 1rem;color: #333;text-align: center;height: 2.75rem;}
.g-yan p{width: 100%;height: 10.83rem; background:url(/mobile/Images/Index/yan_bg.gif) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-yan p b{display: block;float: left;width: 8.79rem;height: 2.75rem;line-height: 2.75rem; margin-bottom:0.83rem; margin-right:1.2rem; padding:0 0 0 3.5rem;}
.g-yan p b a{font-size: 0.75rem;color: #1a1a1a;font-weight: bold;}
.g-yan p b:nth-child(2n){ margin-right:0;}

/*鸿基产品中心*/
.g-case{width:100%; height:36rem;background: #f6f6f6; overflow:hidden;}
.g-case .m-bt{display: block;font-size: 1rem;color: #fff;text-align: center;height: 2.67rem;line-height: 2.67rem;background: #f58220;}
.g-case .m-cnt{ height:3.17rem; padding:1.67rem 0 0; width:100%;}
.g-case .m-cnt li{ width:7.5rem; text-align:center; float:left;font-size: 0.83rem;color: #333;height: 2.25rem;line-height: 2.25rem; border:#333 1px solid; margin:0 0.6rem;
border-radius:0.3rem;               
-webkit- border-radius:0.3rem;
-moz-border-radius:0.3rem;
-o-border-radius:0.3rem;}
.g-case .m-cnt li.z-on{ background:#f58220; color:#fff; border:#f58220 1px solid;}
.g-case .sclwrap_box{ height:25rem;overflow: hidden;}
.g-case .m-box .con{ display:inline; float:left;}
.g-case .case_pic{width: 25.83rem;height: 16.25rem;position: relative;overflow: hidden; margin:0 auto 1.5rem;line-height: 0;}
.g-case .case_pic img{width: 25.83rem;height: 16.25rem;}
.g-case .case_pic span{display: block;width: 24.83rem;height: 4.5rem;text-align: center;position: absolute;bottom: 0;left: 0;font-size: 0.75rem;color: #fff;text-transform: uppercase; background:rgba(0,0,0,0.8); padding:0.5rem 0.5rem 0;line-height: 1.3rem;}
.g-case .case_fen{ width:25.83rem; margin:0 auto;position: relative;height: 6.15rem;}
.g-case .case_fen:before{ content:"";width: 100%;height: 1px;background: #d7d7d7;position: absolute;top: 0;left: 0;}
.g-case .case_fen:after{ content:"";width: 1px;height: 100%;background: #d7d7d7;position: absolute;top: 0;left: 0;}
.g-case .case_fen li{ border-bottom:#d7d7d7 1px solid; border-right:#d7d7d7 1px solid; width: 24.7%;float: left;text-align: center;height: 2rem;line-height: 2rem;}
.g-case .case_fen li a{ font-size:0.75rem; color:#333;text-overflow:ellipsis ;overflow: hidden;white-space :nowrap; display:block ;}
.g-case .case_bot{ width:18.5rem;  margin:0 auto;}
.g-case .case_bot a{font-size: 0.83rem;color: #333;display: block;float: left;height: 2.25rem;line-height: 2.25rem;width: 7.5rem;text-align: center; border:#333 1px solid; margin:0 0.8rem;
border-radius:0.3rem; 
-webkit- border-radius:0.3rem;
-moz-border-radius:0.3rem;
-o-border-radius:0.3rem;}
.g-case .case_bot a:first-child{background: #cacaca; border:#cacaca 1px solid;}

/*产品展示*/
.g-cp{ width:25.83rem; height:11.4rem; padding:1.25rem 0 0; overflow:hidden; position:relative; margin:0 auto;}
.g-cp .prev{ width:3.04rem; position:absolute; top:4.33rem; left:0;}
.g-cp .next{ width:3.04rem; position:absolute; top:4.33rem; right:0;}
.g-cp .nowarp { margin:0 2.5rem;}
.g-cp .m-box .con{ display:inline; float:left;}
.g-cp ul li{ width:8.83rem; float:left; padding:0 0.7rem;}
.g-cp ul li img{ width:8.75rem;height: 7.92rem; border:#ccc 1px solid;}
.g-cp ul li span{ display:block; text-align:center; width:100%; padding:0.3rem 0 0;}
.g-cp ul li span a{ font-size:0.75rem; color:#333;}

/*客户见证*/
.g-jz{ width:25.83rem; height:18.9rem; margin:0 auto; overflow:hidden;}
.g-jz .m-bt i{color: #f58220;}
.g-jz .m-cnt{ height:2.42rem; width:99.8%; border-bottom:#333 1px solid; border-top:#333 1px solid; border-left:#333 1px solid;}
.g-jz .m-cnt li{ width:33.3%; text-align:center; float:left; position:relative;font-size: 0.83rem;color: #333;height: 2.42rem;line-height: 2.42rem;}
.g-jz .m-cnt li:before{ position:absolute; content:""; width:1px; height:100%; background:#333; top:0; right:0;}
.g-jz .m-cnt li.z-on{ background:#f58220; color:#fff;}
.g-jz .m-box .con{ display:inline; float:left;}
.g-jz dl{ width:100%; display:inline-block; overflow:hidden; padding:1.25rem 0 0;}
.g-jz dl dt{ width:14.38rem; float:left; padding:0 0.5rem 0 0;}
.g-jz dl dt img{width: 14.38rem;height: 9.79rem;}
.g-jz dl dd{ width:10.67rem; float:left;}
.g-jz dl dd b{display: block;line-height: 1.2rem;height: 2.4rem;overflow: hidden;}
.g-jz dl dd b a{font-size: 0.83rem; color:#333;}
.g-jz dl dd p{ font-size:0.75rem; color:#333;height: 3.9rem;line-height: 1.3rem;overflow: hidden; padding:0.4rem 0 0;}
.g-jz dl dd span{ display:block; padding:0.5rem 0 0;}
.g-jz dl dd span a{ font-size:0.75rem; color:#333;}

/*广告条*/
.g-ban01{ display:block; width:100%; text-align:center; overflow:hidden; height:3.08rem; line-height:3.08rem; font-size:0.83rem; color:#fff; background:#f58220;}
.g-ban01 em{ display:inline-block;width: 1.25rem; padding:0 2% 0 0;}
.g-ban01 em img{width: 1.25rem;height: 1.25rem; vertical-align:middle;}

/**/
.g-ys { margin:2.3rem 0 0;}
.g-ys .m-bt { background:url(/mobile/Images/Index/ys_tbg.gif) no-repeat; width:21.5rem; height:1.75rem; line-height:1.75rem; text-align:center; margin:0 auto; display:block; font-size:1rem; color:#333; font-weight:bold;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

.g-ys .sclwrap_box{height:17.8rem; overflow:hidden}
.g-ys .con { float:left}
.g-ys .con a { width:25.83rem; margin:0.75rem auto 0; display:block;}
.g-ys .con a b { display:block; font-size:0.83rem; color:#333; text-align:center; padding:1rem 0;}
.g-ys .con a span { display:block; font-size:0.83rem; line-height:1.25rem; color:#333; text-align:center;}
.g-ys .con a span em { padding-left:3rem;}

.g-ys .m-cnt { padding:0 0 0 7.58rem; position:relative; height:3.42rem;}
.g-ys .m-cnt:before { position:absolute; content:""; width:100%; height:1px; background:#b8b8b8; top:0.48rem; left:0;}
.g-ys .m-cnt li{ background:url(/mobile/Images/Index/ys_ico01.png) no-repeat; width:0.96rem; height:0.96rem; float:left; margin:0 2.58rem 0 0; position:relative; z-index:99;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-ys .m-cnt li.z-on{ background:url(/mobile/Images/Index/ys_ico02.png) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

/*走进鸿基*/
.g-zj { background:url(/mobile/Images/Index/ab_bg.jpg) no-repeat; height:30.13rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-zj .m-bt { display:block; text-align:center; font-size:1rem; color:#333; font-weight:bold; padding:2.3rem 0 0;}
.m-zjpic { margin:2.3rem auto 0; width:15.92rem;}
.g-zj p { padding:5.3rem 0.42rem 0;} 
.g-zj p a { display:block; font-size:0.83rem; color:#333; font-weight:bold; text-align:center;}
.g-zj em { display:block; font-size:0.75rem; color:#333; line-height:1.25rem; text-align:center; padding:0.5rem 0;}
.g-zj span { background:url(/mobile/Images/Index/ab_k.gif) no-repeat; width:24.42rem; margin:0 auto; height:2.5rem; display:block; line-height:2.5rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-zj span a { font-size:0.75rem; color:#333;}
.g-zj span a:nth-child(1) { color:#f58220; padding-left:2.71rem;}
.g-zj span a:nth-child(2) { padding-left:6.2rem;}
.g-zj span a:nth-child(3) { padding-left:6rem;}

/*荣誉载道*/
.g-zz { padding:2.2rem 0 0; position:relative;}
.g-zz .m-bt { display:block; text-align:center; color:#333; font-size:1rem; color:#333;}
.g-zz .m-bt i{color: #f58220;}
.g-zz .prev { position:absolute; top:8.75rem; left:0.75rem; width:3.04rem; z-index:999;}
.g-zz .prev img { width:100%;}
.g-zz .next { position:absolute; top:8.75rem; right:0.75rem; width:3.04rem; z-index:999;}
.g-zz .next img { width:100%;}

.g-zz .no_ov { margin:1.58rem 4.46rem;}
.g-zz .sclwrap_box{ height:12.5rem}
.g-zz .no_ov .m-box .page { float:left; text-align:center;}
.g-zz .no_ov .m-box .page a { display:block; width:7.83rem; color:#333; float:left; margin-right:2.08rem}
.g-zz .no_ov .m-box .page a:nth-child(2) { margin:0;}
.g-zz .no_ov .m-box .page a i { display:block; background:url(/mobile/Images/Index/honor_k.jpg) no-repeat; width:7.83rem; height:10.17rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;} 
.g-zz .no_ov .m-box .page a img { width:6.88rem; height:8.88rem; padding:0.5rem 0 0;}
.g-zz .no_ov .m-box .page a em { display:block; font-size:0.75rem; color:#333; padding:0.3rem 0 0;}

/*常见问题*/
.g-wd { clear:both; position:relative}
.g-wd .m-cnt { display:block; padding:0 0 0 0.42rem; height:3rem;}
.g-wd .m-cnt li { float:left; width:12.96rem; height:2.67remn; line-height:2.67rem; background:#f6f6f6; text-align:center; color:#333; font-size:1rem;}
.g-wd .m-cnt li.z-on { background:#f58221; color:#fff;}
.g-wd .m-cnt li:nth-child(1),.g-fw .m-cnt li:nth-child(1).z-on { border-radius:5px 0 0 5px;}
.g-wd .m-cnt li:nth-child(2),.g-fw .m-cnt li:nth-child(2).z-on { border-radius:0 5px 5px 0;}

.g-wd .sclwrap_box { height:11.7rem; clear:both;}
.g-wd .con p { padding:0.5rem 0.42rem 0;}
.g-wd .con p a { display:block;  color:#3d3d3d; font-size:0.83rem; font-weight:bold;}
.g-wd .con p a img { display:block; float:left; width:0.92rem; padding-right:0.5rem;}
.g-wd .con p span { display:block; font-size:0.75rem; color:#606060; line-height:1.25rem; color:#606060; padding:0.5rem;}
.g-wd .con i { display:block; padding:0.5rem 0 0 1rem; line-height:1.75rem;}
.g-wd .con i a { display:block; font-size:0.83rem; color:#3d3d3d;}