﻿.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-adv{ width:100%; height:17.29rem; overflow:hidden;background: #f2f2f2;position: relative;}
.g-adv .sclwrap_box{ height:14.08rem; overflow:hidden;}
.g-adv .m-cnt{ width:6.17rem; position:absolute; bottom:1.25rem; right:1.67rem;}
.g-adv .m-cnt li{ float:left;width: 1rem;height: 0.67rem;background: #b3b3b3; margin:0 0 0 0.83rem;
border-radius:1rem;               
-webkit- border-radius:1rem;
-moz-border-radius:1rem;
-o-border-radius:1rem;}
.g-adv .m-cnt li.z-on{ background:#00a0e9;}
.g-adv .u-tel{font-size: 0.92rem;color: #333;position: absolute;bottom: 1.25rem;left: 1.67rem;}

/**/
.g-shi{width: 23.33rem; margin:0 auto; padding:2.92rem 0 3.1rem;}
.g-shi .m-pic{display: block;width: 23.29rem;}
.g-shi .m-pic img{width: 22.88rem;height: 12.42rem; border:#d2d2d2 0.21rem solid;}
.g-shi .m-bt{display: block;width: 22.17rem; margin:0 auto; padding:0.5rem 0 0;}
.g-shi .m-bt img{width: 22.17rem;height: 4.17rem;}
.g-shi p{font-size: 0.83rem;color: #666;line-height: 1.25rem;height: 6.25rem;overflow: hidden;width: 22rem; margin:0 auto; padding:0.5rem 0 0;}

/*解决方案*/
.g-plan{ width:100%; height:36.54rem; overflow:hidden; background:url(/mobile/Images/Index/plan_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-plan .m-bt{ padding:2.75rem 0 0;display: block;width: 100%;text-align: center;font-size: 1.42rem;color: #1ba3e2;font-weight: bold;height: 6.13rem;overflow: hidden;}
.g-plan .m-bt span,.g-fenl .m-bt span,.g-zhuan .m-bt span,.g-fuw .m-bt span,.g-case .m-bt span,.g-about .m-bt span{display: block;font-size: 0.92rem;color: #666;font-weight: normal;}
.g-plan .m-bt i,.g-fenl .m-bt i,.g-zhuan .m-bt i,.g-fuw .m-bt i,.g-case .m-bt i,.g-about .m-bt i{display: block;font-size: 0.5rem;color: #bbb;font-weight: normal;text-transform: uppercase; padding:0.2rem 0 0;}
.g-plan .m-cnt{ height:2.83rem;width: 25rem; margin:0 auto;}
.g-plan .m-cnt li{ width:33%; text-align:center;height: 2.08rem;line-height: 2.08rem;background: #fff;font-size: 0.83rem;color: #333; float:left; position:relative; margin:0 1px 0 0;}
.g-plan .m-cnt li.z-on{ background:#1ba3e2; color:#fff;}
.g-plan .m-cnt li.z-on:before{ position:absolute; content:""; width:0; height:0; top:2rem; left:45%;
border-top:0.5rem solid #1ba3e2; 
border-left:0.5rem solid transparent;
border-right:0.5rem solid transparent;}
.g-plan .sclwrap_box{ height:20rem;overflow: hidden;}
.g-plan .m-box .con{ display:inline; float:left;}
.g-plan dl{width: 25rem;height: 18.17rem;background: #1ba3e2; margin:0 auto;}
.g-plan dl dt{width: 25rem;}
.g-plan dl dt img{width: 25rem;height: 9.83rem;}
.g-plan dl dd{width: 21.88rem; margin:0 auto; padding:1.25rem 0 0;text-align: center;}
.g-plan dl dd span{display: block;}
.g-plan dl dd span a{font-size: 1rem;color: #fff;}
.g-plan dl dd p{font-size: 0.83rem;color: #fff;line-height: 1.4rem;height: 4.2rem;overflow: hidden; padding:0.5rem 0 0;}
.g-plan dl dd p a{font-size: 0.83rem;color: #fff;}
.g-plan .u-gd{ display:block; font-size:0.83rem; color:#fff; width:9.17rem; text-align:center; background:#ff9113;  margin:0 auto ; height:2.08rem; line-height:2.08rem;}

/*产品分类*/
.g-fenl{ padding:2.75rem 0 2.5rem;}
.g-fenl .m-bt{display: block;width: 25rem;text-align: center; margin:0 auto;font-size: 1.42rem;color: #1ba3e2;font-weight: bold;height: 5rem; background:url(/mobile/Images/Index/cp_bt.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;}
.m-fenl{width: 25.83rem; display:inline-block; padding:0 0 0 0.75rem;}
.m-fenl ul li{height: 2.5rem;line-height: 2.5rem;float: left;width: 33%;position: relative;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m-fenl ul li:before{ content:"";width: 0.67rem;height: 0.67rem;background: #fff; border:#bfbfbf 1px solid;position: absolute;top: 0.92rem;left: 0;
border-radius:2px;               
-webkit- border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;}
.m-fenl ul li a{font-size: 0.92rem;color: #333; padding:0 0 0 1rem;}
.m-cp{ display:inline-block;width: 100%;}
.m-cp ul li{width: 12.17rem;float: left; padding:0.6rem 0 0 0.75rem;}
.m-cp ul li img{width: 12.17rem;height: 5.92rem;}
.m-cp ul li span{display: block;width: 12.17rem;text-align: center; padding:0.2rem 0 0;font-size: 0.83rem;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*解决方案专家*/
.g-zhuan{background: #f2f2f2; padding:2.92rem 0 2rem;position: relative;}
.g-zhuan .m-bt{display: block;width: 100%;text-align: center;font-size: 1.17rem;color: #1ba3e2;font-weight: bold;height: 5.83rem; background:url(/mobile/Images/Index/zhuan_bt.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-zhuan p{width: 100%;height: 10.33rem;position: relative; margin:1.5rem 0 0;}
.g-zhuan p img{width: 100%;height: 10.33rem;}
.g-zhuan p i{display: block;font-size: 1rem;color: #fff;width: 9rem;text-align: center;height: 2.5rem;line-height: 2.5rem;background: #00a0e9;position: absolute;top: -1rem;left: 0;
border-radius:0 0.3rem 0.3rem 0;               
-webkit-border-radius:0 0.3rem 0.3rem 0;
-moz-border-radius:0 0.3rem 0.3rem 0;
-o-border-radius:0 0.3rem 0.3rem 0;}
.g-zhuan ul{ display:inline-block;width: 25.83rem; padding:0 0 0 0.75rem;}
.g-zhuan ul li{width: 24%;float: left;text-align: center;}
.g-zhuan ul li img{width: 3.75rem;height: 5rem;}
.g-zhuan ul li span{display: block;font-size: 0.75rem;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-zhuan .u-more{display: block;font-size: 1.25rem;color: #333;font-weight: bold;position: absolute;top: 22.5rem;right: 0.5rem;z-index: 10;width: 1.5rem;text-align: center;}

/*优势*/
.g-ys{ width:100%; overflow:hidden; height:35rem;background: #f2f2f2;}
.g-ys .sclwrap_box{ height:29.58rem; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys .ys_pic{width: 23.33rem;height: 14.42rem; margin:0 auto;position: relative;line-height: 0;}
.g-ys .ys_pic img{width: 23.33rem;height: 14.42rem;}
.g-ys .ys_pic em{width: 2.5rem;height: 7rem;background: #00a0e9;display: block;position: absolute;top: 0;right: 1rem;
border-radius:0 0 0.3rem 0.3rem;               
-webkit- border-radius:0 0 0.3rem 0.3rem;
-moz-border-radius:0 0 0.3rem 0.3rem;
-o-border-radius:0 0 0.3rem 0.3rem;}
.g-ys .ys_pic em i{font-size: 1rem;color: #fff;display: block;width: 1.25rem;text-align: center; margin:0 auto; padding:0.4rem 0 0;line-height: 1.2rem;}
.g-ys dl{ width:23.33rem;height: 13.96rem; margin:0 auto; background:url(/mobile/Images/Index/ys_k.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-ys dl dt{ width:21rem; margin:0 auto;overflow:hidden; padding:0.5rem 0 0;height: 5.67rem; border-bottom:#d9d9d9 1px solid;}
.g-ys dl dt em{ display:block; width:4.5rem; padding:0 0 0.3rem;}
.g-ys dl dt em img{width: 4.5rem;height: 1.5rem;}
.g-ys dl dt b{ display:block;}
.g-ys dl dt b a{ font-size:1.25rem; color:#333;}
.g-ys dl dt b i{ display:block;font-size: 0.92rem; font-weight:normal;}
.g-ys dl dd{ width:21rem; margin:0 auto;}
.g-ys dl dd p{font-size: 0.83rem;color: #666;line-height: 1.25rem;overflow: hidden; padding:0.5rem 0 0;}
.g-ys dl dd span{display: block;width: 8rem;text-align: center;background: #ff9113;height: 1.92rem;line-height: 1.92rem;overflow: hidden; margin:0.5rem 0 0;}
.g-ys dl dd span a{font-size: 0.83rem;color: #fff;}
.g-ys .m-cnt{ width:12rem;height: 2.08rem; margin:0 0 0 7.25rem; display:inline-block; background:url(/mobile/Images/Index/ys_botbg.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-ys .m-cnt li{ width:0.6rem; height:0.6rem; background:#d9d9d9; float:left; margin:0.92rem 0.8rem 0 0; 
border-radius:2rem; 
-webkit- border-radius:2rem;
-moz-border-radius:2rem;
-o-border-radius:2rem;}
.g-ys .m-cnt li.z-on{ background:#ff9113;}
.g-ys .m-cnt li:first-child{ margin-left:3rem;}

/*5心专业服务体系*/
.g-fuw{ width:100%; height:38.25rem; overflow:hidden;position: relative; 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.42rem;color: #1ba3e2;font-weight: bold; padding:3.33rem 0 0;height: 7.5rem;}
.g-fuw .m-cnt{width:7.75rem; height:27.42rem;float: left;}
.g-fuw .m-cnt li{width:5.54rem;height: 5.29rem;font-size: 0.92rem;color: #fff;font-weight: bold;position: relative;text-transform: uppercase; padding:0 0 0 1.67rem;}
.g-fuw .m-cnt li:before{ content:"";width: 4.25rem;height: 1px;background: #76c8ee;position: absolute;bottom: 0;left: 0.33rem;}
.g-fuw .m-cnt li i{display: block;font-size: 1rem;font-weight: normal; font-family:Arial, Helvetica, sans-serif; padding:1.5rem 0 0;}
.g-fuw .m-cnt li.z-on{ background:url(/mobile/Images/Index/fuw_k.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 .m-cnt li.z-on:before{ background:none;}
.g-fuw .sclwrap_box{width: 18rem;height: 27.42rem;float: left;}
.g-fuw .m-box .con{ display:inline; float:left;}
.g-fuw dl{width: 18rem;}
.g-fuw dl dt{width: 18rem;}
.g-fuw dl dt img{width: 18rem;height: 11.42rem;}
.g-fuw dl dd{width: 18rem; padding:0.3rem 0 0;}
.g-fuw dl dd b{display: block;}
.g-fuw dl dd b a{font-size: 1rem;color: #333;}
.g-fuw dl dd p{font-size: 0.83rem;color: #666; padding:0.3rem 0 0;}

/*经典案例*/
.g-case{ width:100%; height:27.58rem; overflow:hidden; margin:2.83rem 0 0; position:relative;}
.g-case .m-bt{display: block;width: 100%;text-align: center;font-size: 1.42rem;color: #1ba3e2;font-weight: bold;height: 5.92rem;overflow: hidden; background:url(/mobile/Images/Index/case_tbg.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-case .u-more{ display:block; width:8rem;text-align: center;height: 2.29rem;line-height: 2.29rem;font-size: 0.92rem;color: #fff;text-transform: uppercase; position:absolute; top:5.92rem; right:1rem;z-index: 10;}
.g-case .m-cnt{ height:2.29rem; line-height:2.29rem; width:25rem; background:#00a0e9; margin:0 auto; box-shadow:inset 2px 2px 2px #007ab1;}
.g-case .m-cnt li{ width:8.33rem; text-align:center; float:left; font-size:0.92rem; color:#fff;height: 2.29rem;line-height: 2.29rem;overflow: hidden;position: relative;}
.g-case .m-cnt li:before{ content:"";width: 1px;height: 100%;background: #007ab1;position: absolute;top: 0;right: 0;}
.g-case .m-cnt li.z-on{ background:#ff9113;}
.g-case .m-box .con{ display:inline; float:left;}
.g-case dl{ width:25rem; height: 3.88rem;display:inline-block; margin:0.83rem 0 0 0.83rem; padding-bottom:0.83rem; border-bottom:#e6e6e6 1px solid;overflow: hidden;}
.g-case dl dt{ width:6.5rem; float:left;}
.g-case dl dt img{width: 6.5rem;height: 3.88rem;}
.g-case dl dd{ width:17.83rem; float:left; padding:0 0 0 0.5rem;}
.g-case dl dd b{ display:block;}
.g-case dl dd b a{ font-size:0.92rem; color:#333;}
.g-case dl dd p{ font-size:0.83rem; color:#666; line-height:1.2rem;height: 2.4rem;overflow: hidden; padding:0.2rem 0 0;}
.g-case dl dd p a{ font-size:0.83rem; color:#666;}
.g-case dl:last-child{ border:none;}

/*规模实力，值得信赖*/
.g-about{ width:100%; height:23rem;background: #f2f2f2; padding:3.17rem 0 0; overflow:hidden; position:relative;}
.g-about .m-bt{display: block;width: 100%;text-align: center; margin:0 auto;font-size: 1.42rem;color: #1ba3e2;font-weight: bold;height: 6.25rem; background:url(/mobile/Images/Index/ab_tbg.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 .prev{ width:1.25rem; position:absolute; top:14.5rem; left:0;}
.g-about .next{ width:1.25rem; position:absolute; top:14.5rem; right:0;}
.g-about .nowarp { margin:0 1.5rem;}
.g-about .m-box .con{ display:inline; float:left;}
.g-about .ab_pic{width: 23.33rem;height: 12.42rem; margin:0 auto;position: relative;line-height: 0; padding:0.75rem 0 0;}
.g-about .ab_pic img{width: 23.33rem;height: 12.42rem;}
.g-about .ab_pic span{display: block;font-size: 0.83rem;color: #fff;width: 23.33rem;text-align: center;height: 1.75rem;line-height: 1.75rem;position: absolute;bottom: 0;left: 0; background:rgba(0,0,0,0.5);}

/**/
.g-news{ width:100%; height:20.25rem; overflow:hidden; padding:3.33rem 0 0;}
.g-news .m-cnt{ height:2.67rem; width:100%; background:#f2f2f2;}
.g-news .m-cnt li{ width:33%; text-align:center; float:left;height: 2.67rem;line-height: 2.67rem; position:relative;font-size: 1rem;color: #333;font-weight: bold;}
.g-news .m-cnt li:before{ position:absolute; content:""; width:1px; height:100%; background:#fff; top:0; right:0;}
.g-news .m-cnt li:first-child{ width:34%;}
.g-news .m-cnt li.z-on{ background:#00a0e9; color:#fff;}
.g-news .m-cnt li:last-child:before{ background:none;}
.g-news .m-box .con{ display:inline; float:left;}
.g-news .m-box ul{ width:25rem; margin:0 auto; padding:2% 0 0;}
.g-news .m-box ul li{ height:2.92rem; line-height:2.92rem; border-bottom:#ccc 1px dashed; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-news .m-box ul li a{ font-size:0.83rem; color:#555;}
.g-news .m-box ul li span{ font-size:0.83rem; color:#555;float: right;}

.g-fuw dl dd b{font-size: 1rem;color: #333;}
.m-pic iframe{ width:100%; height:15rem;}

@media screen and (max-width:400px)
{
    .m-fenl ul li:before{top:0.9rem;}    
}
.g-case dl dd b a{ display:block; overflow:hidden;text-overflow: ellipsis; white-space:nowrap;}