﻿.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;width: 100%;height: 5.58rem;background: #c30101; margin:0 0 1px;}
.g-nav:before{ content:"";width: 100%;height: 1px;background: #dc7f7f;position: absolute;top: 50%;left: 0;z-index: 5;}
.g-nav a { font-size:1rem; color:#fff;font-weight: bold;height: 2.79rem;line-height: 2.79rem; width:33.3%; text-align:center; display:block; float:left; position:relative; }
.g-nav a:after { position:absolute; content:""; width:1px; height:100%; background:#dc7f7f; top:0; right:0;}
.g-nav a:nth-child(1){ background:url(/mobile/Images/Index/nav_bg01.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:nth-child(3n):after{ background:none;}


/*通栏广告*/
.g-adv{ width:100%; height:12.5rem; overflow:hidden;}

/*产品分类*/
.g-fenl{ width:100%; padding:1.88rem 0 0; overflow:hidden;}
.g-fenl .m-bt{display: block;font-size: 1rem;color: #fff; width:100%; height:2.5rem; line-height:2.5rem; background:#c30101; text-align:center;}
.g-fenl ul{ padding:1.25rem 0 0; width:100%;}
.g-fenl ul li{ height:2.5rem; line-height:2.5rem;width: 33.3%;float: left;}
.g-fenl ul li a{ font-size:1rem; color:#000;}
.g-fenl ul li em{ display:inline-block;width: 1rem; padding:0 0.5rem 0 1rem;}
.g-fenl ul li em img{width: 1rem;height: 1rem; vertical-align:middle;}

/*产品*/
.g-cp{ width:100%; overflow:hidden; padding:0 0 2.5rem;}
.g-cp ul li{ width:11.67rem; float:left; padding:1rem 0 0 1rem;}
.g-cp ul li img{ width:11.67rem;height: 10rem;}
.g-cp ul li span{ display:block; text-align:center; padding:0.5rem 0 0; width:11.67rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-cp ul li span a{ font-size:1rem; color:#000;}

/*解决方案*/
.g-plan{ width:100%; overflow:hidden; height:28rem; border-bottom:#fff 1px solid; background:url(/mobile/Images/Index/bg.jpg) repeat;}
.g-plan .m-bt,.g-about .m-bt{display: block;width: 18.96rem;height: 3.5rem; margin:2rem auto 0.67rem;text-align: center;font-size: 1.25rem;color: #c30101;font-weight: bold; background:url(/mobile/Images/Index/plan_tbg.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-plan .m-bt i,.g-about .m-bt i{display: block;font-size: 0.58rem;color: #b6b6b6;text-transform: uppercase;font-weight: normal; padding:0.2rem 0 0;}
.g-plan .sclwrap_box{ height:18.5rem; overflow:hidden;}
.g-plan .m-box .con{ display:inline; float:left;}
.m-plan{width: 26rem;height: 16.92rem;line-height: 0;position: relative; margin:0 auto;}
.m-plan img{width: 25.67rem;height: 16.58rem; border:#fff 0.17rem solid;}
.m-plan span{font-size: 0.67rem;color: #fff;font-weight: bold;display: block;width:20.75rem;height: 2.83rem;position: absolute;bottom: 0.17rem;left: 0.17rem; background:rgba(0,0,0,0.8); padding:0.5rem 0 0 0.5rem;line-height: 1.2rem;}
.m-plan span i{display: block;font-size: 0.5rem;}
.m-plan em{width: 4.42rem;text-align: center;height:2.83rem;display: block;position: absolute;bottom: 0.17rem;right: 0.17rem;background: #c30101; padding:0.5rem 0 0;line-height: 1.2rem;}
.m-plan em a{font-size: 0.83rem;color: #fff;}
.g-plan .m-cnt,.g-ys .m-cnt{width:8.67rem;height:1.5rem;display:inline-block; margin:0 0 0 9rem; background:url(/mobile/Images/Index/plan_botbg.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-plan .m-cnt li,.g-ys .m-cnt li{ width:0.5rem; height:0.5rem; background:#3c3535; float:left; margin:0.33rem 0.4rem 0; 
border-radius:2rem; 
-webkit- border-radius:2rem;
-moz-border-radius:2rem;
-o-border-radius:2rem;}
.g-plan .m-cnt li.z-on,.g-ys .m-cnt li.z-on{ background:#9f1517; }
.g-plan .m-cnt li:first-child,.g-ys .m-cnt li:first-child{ margin-left:2.1rem;}

/*四大核心优势*/
.g-four{ width:100%; overflow:hidden; border-top:#c30101 0.25rem solid; background:url(/mobile/Images/Index/bg.jpg) repeat; padding:0 0 1.9rem;}
.g-four .m-bt{display: block;width: 21.17rem;height: 3.5rem; margin:2rem auto 0.67rem;text-align: center;font-size: 1.25rem;color: #c30101;font-weight: bold; background:url(/mobile/Images/Index/four_tbg.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-four .m-bt i{display: block;font-size: 0.83rem;color: #666;font-weight: normal;}
.g-four .m-pic{display: block;width: 100%; padding:3.83rem 0 0;}
.g-four .m-pic img{width: 100%;height: 14.42rem;}

/*优势*/
.g-ys{ width:100%; overflow:hidden; height:33.67rem; background:url(/mobile/Images/Index/ys_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-ys .m-bt{display: block;width: 100%; padding:2.25rem 0 0;height: 5.83rem;}
.g-ys .sclwrap_box{ height:21.67rem; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys dl{ width:100%;}
.g-ys dl dt{ width:100%; display:inline-block; overflow:hidden;}
.g-ys dl dt em{ display:block; width:2rem; float:left; padding:0 2% 0 1.25rem;}
.g-ys dl dt b{ display:block; float:left; width:15rem;height: 2.5rem;line-height: 2rem;overflow: hidden; border-bottom:#a2302e 2px solid;}
.g-ys dl dt b a{ font-size:1.17rem; color:#fff;}
.g-ys dl dd{ width:100%; padding:0.5rem 0 0;}
.g-ys dl dd p{font-size: 0.83rem;color: #fff;width: 20.5rem;line-height: 1.4rem; padding:0 0 0 3.67rem;height: 4.17rem;}
.g-ys dl dd span{display: block;width: 100%;}
.g-ys .m-cnt{ background:url(/mobile/Images/Index/ys_botbg.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-ys .m-cnt li{background: #000;}
.g-ys .m-cnt li.z-on{background: #fff;}

/*走进上海商盟*/
.g-about{ width:100%; overflow:hidden; padding:0.42rem 0 0;height: 33rem; background:url(/mobile/Images/Index/ab_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-about .m-bt{ background:none;}
.g-about dl{ width:22rem; margin:0 auto; padding:0.95rem 0 0;}
.g-about dl dt{ width:18.67rem; margin:0 auto;}
.g-about dl dt img{width: 18.67rem;height: 12.67rem;}
.g-about dl dd{ width:100%; padding:1.67rem 0 0;}
.g-about dl dd p{ width:100%; font-size:0.83rem; color:#666; line-height:1.25rem;text-align: center;}
.g-about dl dd em{ width:14.5rem; padding:0.8rem 0 0 3.67rem; display:inline-block;}
.g-about dl dd em a{ display:block; width:6rem; font-size:0.83rem; color:#fff; height:1.67rem; line-height:1.67rem; text-align:center; background:#666; float:left; margin:1.25rem 1.25rem 0 0;}

/*资讯*/
.g-news{ background:url(/mobile/Images/Index/bg.jpg) repeat;width: 100%;height:17.5rem; padding:1.25rem 0 0;overflow: hidden;position: relative;}
.g-news .u-more{display: block;width: 25%;height: 2.5rem;line-height: 2.5rem;position: absolute;top: 1.25rem;right: 0;font-size: 1rem;color: #333;z-index: 2;text-align: right;}
.g-news .m-cnt{ height:2.5rem; width: 100%; border-bottom:#c6c4c6 1px solid;}
.g-news .m-cnt li{ width:25%;height: 2.5rem;line-height: 2.5rem; text-align:center; font-size:1rem; color:#3c3535; float:left; position:relative;}
.g-news .m-cnt li.z-on{color: #900;}
.g-news .m-cnt li.z-on:before{ position:absolute; content:""; width:100%; height:0.17rem;bottom: -2px;left: 0;background: #900;}
.g-news .m-box .con{ display:inline; float:left;}
.g-news .sclwrap_box { height:14.25rem;overflow: hidden;}
.g-news dl{ border-bottom:#666 1px dashed; width:25rem; margin:0 auto; padding:1rem 0;}
.g-news dl dt{ width:100%; height:2rem; line-height:2rem; display:inline-block;}
.g-news dl dt a{ font-size:1rem; color:#3c3535;}
.g-news dl dd{ width:100%;line-height: 1.5rem; display:inline-block;}
.g-news dl em{ width:2rem; display:block;float: left; font-size:1rem; color:#3c3535;}
.g-news dl span{display: block;float: left;width: 22rem; font-size:1rem; color:#3c3535;}
.g-news dl:last-child{ border:none;}
.g-news .m-box ul{width: 25rem; margin:0 auto; padding:0.8rem 0 0;}
.g-news .m-box ul li{height: 2.5rem;line-height: 2.5rem; border-bottom:#666 1px dashed;position: relative;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-news .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 #900;
border-bottom:0.3rem solid transparent;}
.g-news .m-box ul li a{font-size: 1rem;color: #333; padding:0 0 0 1.2rem;}
.g-news .m-box ul li:last-child{ border:none;}