﻿.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 {width: 100%;height: 4.5rem; background:url(/mobile/Images/Index/nav_bg.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-nav a { font-size:1.17rem; color:#fff;height: 2.83rem;line-height: 2.83rem; width:8.33rem; text-align:center; display:block; float:left; margin-top:0.83rem;}
.g-nav a:nth-child(1){ margin-left:0.83rem;}


/*通栏广告*/
.g-adv{ width:100%; height:12.5rem; overflow:hidden;}

/*产品中心*/
.g-cp{ width:100%; height:32.92rem; overflow:hidden;}
.g-cp .m-bt{width: 94%;height: 2.5rem;line-height: 2.5rem;background: #0E6740; padding:0 3%;}
.g-cp .m-bt a{font-size: 1rem;color: #fff;}
.g-cp .m-bt span{width: 4.25rem;display: block;float: right;line-height: 0; padding:0.67rem 0 0;}
.g-cp .m-bt span img{width: 4.25rem;height: 1rem;}
.g-cp .m-cnt{ height:2.5rem; width:100%; padding:0.75rem 0 0;}
.g-cp .m-cnt li{ width:11.33rem; text-align:center; float:left;height: 2.33rem;line-height: 2.33rem; border:#e5e5e5 2px solid;font-size: 1rem;color: #333; margin:0 0.83rem;
border-radius:10rem;               
-webkit- border-radius:10rem;
-moz-border-radius:10rem;
-o-border-radius:10rem;}
.g-cp .m-cnt li.z-on{ border:#BF2D30 2px solid; color:#BF2D30;}
.g-cp .m-box .con{ display:inline; float:left;}
.g-cp .m-box ul li{width: 12.08rem;height: 11rem;float: left;position: relative;line-height: 0; margin:0.83rem 0 0 0.83rem;}
.g-cp .m-box ul li img{width: 12.08rem;height: 11rem;}
.g-cp .m-box ul li span{display: block;width: 12.08rem;text-align: center;height: 2rem;line-height: 2rem;position: absolute;bottom: 0;left: 0; background:rgba(0,0,0,0.8);font-size: 1rem;color: #fff;}
.g-cp .u-more{display: block;width: 100%;text-align: center;font-size: 1.08rem;color: #BF2D30; padding:1rem 0 0;}

/*搜索*/
.g-ss{ height:3.25rem; position:relative;width: 100%;}
.inp01{ border:solid 2px #d3d3d3;font-size: 1rem; color:#888; float:left; height:2.25rem;line-height: 2.25rem; padding:0 0 0 1rem; width:19.25rem; margin:0 0.25rem 0 0.83rem;
border-radius:0.2rem;               
-webkit- border-radius:0.2rem;
-moz-border-radius:0.2rem;
-o-border-radius:0.2rem;}
.u-in{ background:none; display:block; height:2.42rem; position:absolute; right:0.83rem; top:0; width:4.29rem; cursor: pointer;}
.g-ss .scl_fri { display:block; float:left; height:2.42rem; width:4.29rem;}
.g-ss .scl_fri img{ height:2.42rem; width:4.29rem;}

/*一站式服务*/
.g-fuw{width: 100%;height: 34rem; background:url(/mobile/Images/Index/fuw_bg.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-fuw .m-bt{display: block;width: 100%;text-align: center;font-size: 1.5rem;color: #0E6740;font-weight: bold; padding:2.08rem 0 0;height: 3.25rem;}
.g-fuw .m-bt i{color: #BF2D30;}
.g-fuw .m-bt span{display: block;font-size: 0.58rem;color: #9b9b9b; font-family:Arial, Helvetica, sans-serif;font-weight: normal; }
.g-fuw p{width: 11.88rem;height: 13.29rem;float: left; margin:0 0 0.83rem 0.83rem; background:url(/mobile/Images/Index/fuw_bg01.png) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-fuw p em{display: block;width: 7rem; margin:0 auto;}
.g-fuw p em img{width: 7rem;height: 7rem;}
.g-fuw p b{display: block;width: 100%;text-align: center; padding:0.83rem 0 0;}
.g-fuw p b a{font-size: 1rem;color: #333;}
.g-fuw p b i{color: #BF2D30; padding:0 0 0.2rem;display: block;}

/*宝宫案例中心*/
.g-case{ width:100%; padding:0.5rem 0 0; height:27.25rem; overflow:hidden; position:relative;}
.g-case .m-bt{display: block;width: 100%;font-size: 1.5rem;color: #BF2D30;font-weight: bold;text-align: center;height: 3.5rem;}
.g-case .m-bt i{color: #adadad; padding:0 1rem;}
.g-case .m-bt span{display: block;font-size: 0.58rem;color: #666;font-weight: normal; font-family:Arial, Helvetica, sans-serif;}
.g-case .sclwrap_box{ height:19rem;overflow: hidden;}
.g-case .prev{ width:3.92rem; position:absolute; top:19rem; left:1.25rem;z-index: 2;}
.g-case .next{ width:3.92rem; position:absolute; top:19rem; right:1.25rem;z-index: 2;}
.g-case .nowarp { margin:0 0.83rem;}
.g-case .m-box .con{ display:inline; float:left;}
.g-case .m-case{ width:99%;height: 18rem; border:#ccc 1px solid; margin:0 auto;}
.g-case .m-case img{width: 24.17rem;height: 14.25rem;display: block; margin:0 auto; padding:0.33rem 0 0;}
.g-case .m-case span{ display:block; text-align:center; width:100%; padding:0.75rem 0 0;}
.g-case .m-case span a{ font-size:1rem; color:#333;}
.g-case .u-more{font-size: 1.25rem;color: #333;display: block;height: 3.42rem;line-height: 3.42rem;width: 24.75rem;text-align: center; border:#b3b3b3 0.13rem solid; margin:0 auto;
border-radius:10rem;               
-webkit- border-radius:10rem;
-moz-border-radius:10rem;
-o-border-radius:10rem;}

/*走进宝宫*/
.g-about{ width:100%; overflow:hidden; padding:0 0 0.83rem;}
.g-about .m-bt{ height:2.5rem; line-height:2.5rem; background:#bf2d31; width:94%; padding:0 3%;}
.g-about .m-bt a{ font-size:1.25rem; color:#fff;}
.g-about .m-bt span{ float:right;}
.g-about .m-bt span a{font-size: 1rem;text-transform: uppercase;}
.g-about dl{ width:25rem; margin:0 auto; padding:0.83rem 0 0;}
.g-about dl dt{ width:100%;line-height: 0;}
.g-about dl dt img{width: 100%;height: 10.25rem;}
.g-about dl dd{ width:100%;}
.g-about dl dd p{ width:23.5rem;background: #f0f0f0;height:7rem; padding:1.17rem 0 0 1.5rem;font-size: 1rem;color: #333;line-height: 1.7rem;}
.g-about dl dd p a{color: #BF2D30;font-size: 1rem;display: block;}
.g-about dl dd em{ display:inline-block; width:100%;height: 7.58rem;background: #bf2d31;position: relative;}
.g-about dl dd em:before{ content:"";width: 100%;height: 1px;background: #0E6740;position: absolute;top: 50%;left: 0;z-index: 5;}
.g-about dl dd em a{ display:block; width:33.3%; font-size:1.08rem; color:#fff; height:3.79rem; line-height:3.79rem; text-align:center;position: relative; float:left;}
.g-about dl dd em a:before{ content:"";width: 1px;height:100%;background: #0E6740;position: absolute;top:0;right: 0;}
.g-about dl dd em a:nth-child(2){ background:#BF2D30;}
.g-about dl dd em a:nth-child(3n):before{ background:none;}

/**/
.g-news{ width:25rem; margin:0 auto; height:15.58rem; overflow:hidden;position: relative;}
.g-news .u-more{display: block;font-size: 1rem;color: #333;width: 30%;height: 2.5rem;line-height: 2.5rem;text-align: right;position: absolute;top: 0;right: 0;z-index: 5;text-transform: uppercase;}
.g-news .m-cnt{ height:2.5rem; width:100%; border-bottom:#bf2d31 2px solid;}
.g-news .m-cnt li{ width:30%; text-align:center; float:left; position:relative;font-size: 1rem;color: #bf2d31;height: 2.5rem;line-height: 2.5rem;}
.g-news .m-cnt li:after{ position:absolute; content:""; width:2px; height:1rem; background:#bf2d31; top:0.8rem; right:0;}
.g-news .m-cnt li.z-on{ color:#BF2D30;}
.g-news .m-cnt li.z-on:before{ content:"";width: 100%;height: 2px;background: #BF2D30;position: absolute;bottom: -2px;left: 0;}
.g-news .m-cnt li:last-child:after{ background:none;}
.g-news .m-box .con{ display:inline; float:left;}
.g-news .m-box ul{width: 98%; margin:0.5rem auto 0;}
.g-news .m-box ul li{ height:2.25rem; line-height:2.25rem;overflow: hidden;}
.g-news .m-box ul li a{ font-size:1rem; color:#333;}
.g-news .m-box ul li span{float: right;font-size: 1rem;color: #333;}
