.wrap img{width: 100%;}

/*loading*/
.loading{position:fixed;width:100%;height:100%; top:0;background:#f6f6f6 url(../images/show.jpg) no-repeat 50% 50%;background-size:100% auto;z-index:51;  display:none;max-width:640px; min-width:320px; z-index:99999;}
.homeShow{ animation: fade 0.8s ease both;-webkit-animation: fade 0.8s ease both; }

@-webkit-keyframes fade {
  from 
  {
   opacity:1;
   display:block;
   
  }

  to {
    opacity: 0;
    display:none;
    height:0;
   
  }
}

@keyframes fade {
  from{
    opacity: 1;
   display:block;
  }

  to 
  {
    display:none;
    opacity: 0;
    height:0;
  }
}

.fade {
  -webkit-animation-name: fade;
  animation-name: fade;
}

/*---------------------------------------------------------*/
.ban{width: 100%;}
.ban img{ display:block; width:100%;}

/*解决方案*/
.g-plan{ width:100%; padding:2rem 0;position: relative;}
.m-bt{display: block; font-size: 2.1rem; color: #333; font-weight: bold; text-align: center; height: 4rem; line-height: 3.5rem; position: relative;border-bottom: #eee 1px solid;} 
.m-bt:before{content: "";width: 1.8rem; height: 0.25rem; background: #fe0000; position: absolute; left: 48%; bottom: -2px;} 
.g-plan .m-cnt{ width:92.5%; margin:1.5rem auto 1rem;border: #dadada 1px solid;position: relative;height: 18.6rem;box-sizing:border-box;}
.g-plan .m-cnt:before{content: "";width: 100%; height: 1px; background: #dadada; position: absolute; left: 0; top: 50%;z-index: 50;} 
.g-plan .m-cnt li{font-size: 1.2rem;color: #333;width: 33%;float: left;height: 7.8rem;position: relative;overflow: hidden;padding: 1.5rem 0 0;text-align: center;}
.g-plan .m-cnt li:before{content: "";width: 1px; height: 100%; background: #dadada; position: absolute; right: 0; top: 0;} 
.g-plan .m-cnt li em,.g-plan .u-more em{display: block;width: 1.6rem;height: 1.75rem;line-height: 0;overflow: hidden;margin:0 auto 0.6rem;}
.g-plan .m-cnt li em img,.g-plan .u-more em img{width: 1.6rem;height: 3.5rem;}
.g-plan .m-cnt li span,.g-plan .u-more span{display: block;font-size: 0.7rem;color: #838383;padding: 0.3rem 0 0;}
.g-plan .m-cnt li.z-on{background: #1261a3;color: #fff;font-weight: bold;}
.g-plan .m-cnt li.z-on em img{ margin-top:-1.75rem;}
.g-plan .m-cnt li.z-on span{color: #6d95b7;font-weight: normal;}
.g-plan .m-cnt li:nth-child(3):before{ background: none;}
.g-plan .m-cnt li:nth-child(1),.g-plan .m-cnt li:nth-child(4){width: 34%;}
.g-plan .u-more{display: block;font-size: 1.2rem;color: #333;width: 30%;float: left;height: 7.8rem;overflow: hidden;padding: 1.5rem 0 0;text-align: center;position: absolute;top: 17rem;right: 1.2rem;z-index: 20;}
.g-plan .m-box .con{ display:inline; float:left;}
.g-plan dl{ width:92.5%; margin:0 auto;position: relative;}
.g-plan dl dt{ width:100%;line-height: 0;}
.g-plan dl dd{position: absolute;bottom: 0;left: 0;width: 90%;height: 5rem;background: rgba(0,0,0,0.5);padding: 0.5rem 5% 0;}
.g-plan dl dd h5{height: 2rem;line-height: 2rem;overflow: hidden;}
.g-plan dl dd h5 a{font-size: 1.1rem;color: #fff;}
.g-plan .plan_desc{font-size: 1rem;color: #fff;height: 2rem;line-height: 2rem;overflow: hidden;}

/*合作客户*/
.g-hz{ width:92.5%; margin:0 auto;padding: 0 0 3rem;}
.g-hz .m-bt{font-size: 1.5rem;font-weight: normal;line-height: 4rem;margin-bottom: 0.8rem;}
.g-hz ul li{width: 31.25%;float: left;line-height: 0;padding-right: 0.9rem;padding-top: 1rem;}
.g-hz ul li:nth-child(3n){padding-right: 0;}

/*万拓核心服务*/
.g-fuw{width: 100%;height: 29.6rem;padding: 2rem 0 0; border-top: #f4f4f4 1.2rem solid;position: relative; background:url(../images/five_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-fuw b{display: block; font-size: 2.1rem; color: #333; text-align: center;height: 4.2rem;overflow: hidden;}
.g-fuw ul li{width: 50%;float: left;height: 12.7rem;text-align: center;}
.g-fuw ul li em{display: block;width: 3.2rem;margin:0 auto;padding: 2.4rem 0 0;line-height: 0;}
.g-fuw ul li em img{width: 3.2rem;height: 3.2rem;}
.g-fuw ul li span{display: block;font-size: 1.3rem;color: #333;height: 3rem;line-height: 3rem;}
.g-fuw ul li i{display: block;font-size: 1rem;color: #1261a3;width: 1.5rem;text-align: center;height: 1.5rem;line-height: 1.5rem;border-bottom:#1261a3 0.2rem solid;margin:0 auto;}
.g-fuw ul li:last-child{position: absolute;top: 14.2rem;left: 11rem;width: 10.3rem;height: 10.3rem;}
.g-fuw ul li:last-child em{padding: 1.5rem 0 0;}
.g-fuw ul li:last-child span{height: 2.5rem;line-height: 2.5rem;}

/*优势*/
.g-ys{ width:100%; overflow:hidden;border-top: #f4f4f4 1.2rem solid;border-bottom: #f4f4f4 1.2rem solid;padding: 2rem 0;position: relative;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys dl{ width:92.5%; margin:0 auto; padding: 2rem 0 0;}
.g-ys dl dt{ width:100%;line-height: 0;}
.g-ys dl dd{width: 100%;padding: 2.5rem 0 0;}
.g-ys dl dd h5{font-size: 1.5rem;color: #333;padding: 0 0 0 1rem;}
.g-ys dl dd p{font-size: 1.1rem;color: #666;line-height: 1.8rem;position: relative;padding: 0.8rem 0 0 1rem;}
.g-ys dl dd p:before{content: "";width: 0.3rem; height: 0.3rem; background: #fff; position: absolute; left: 0; top: 1.5rem;border: #fe0c0c 1px solid;border-radius:50%;} 
.g-ys dl dd i{ color:#fe0c0c;}
.g-ys .m-cnt{ width:100%; display:inline-block;position: absolute;top: 59%;left: 0;z-index: 20;}
.g-ys .m-cnt li{ width:0.5rem; height:0.5rem; background:#000; float:left;margin-right: 0.5rem; border-radius:2rem; }
.g-ys .m-cnt li.z-on{ background:#fe0c0c;}
.g-ys .m-cnt li:first-child{margin-left: 14rem;}

/*物联网*/
.g-wu{width: 100%;height: 51.7rem;padding-top: 2.6rem;background:url(../images/wu_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-wu span{display: block;width: 100%;line-height: 0; padding: 5rem 0 2rem;}
.g-wu p{font-size: 1rem;color: #d2e2eb;line-height: 2rem;padding: 1rem 0 1rem 2.5%; width:90%; margin:0 auto;border-bottom: #525860 1px dashed;position: relative;}
.g-wu p:before{content: "";width: 0.3rem; height: 0.3rem; background: #1264a8; position: absolute; left: 0; top: 2rem;border-radius:50%;}
.g-wu p:last-child{ border-bottom: none;}

/*产品展示*/
.g-cp01{padding: 2.5rem 0 2rem;}
.g-cp01 ul li{ margin: 2.3rem 0 0; width: 10.6rem;height: 10.5rem;float: left;text-align: center;background:url(../images/cp_k01.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-cp01 ul li em{width: 7.5rem;height: 2.4rem;display: block;line-height: 0;margin:0 auto;padding: 1.5rem 0 2rem;}
.g-cp01 ul li em img{width: 7.5rem;height: 2.4rem;}
.g-cp01 ul li span{display: block;font-size: 1rem;color: #333;line-height: 1.4rem;}
.g-cp01 ul li span i{display: block;}

/*产品中心*/
.g-cp02{padding: 0 0 3rem;}
.g-cp02 ul li{width: 44.38%;float: left;line-height: 0;padding-left: 1.1rem;overflow: hidden;}
.g-cp02 ul li span{display: block; font-size: 0.8rem; color: #666; width: 100%; text-align: center; height: 3.3rem; line-height: 2.8rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-cp02 .u-gd{display: block; font-size: 1.2rem; color: #fff; width:92.5%; margin:1rem auto 0;background: #1261a3; text-align: center; height: 4rem; line-height: 4rem; overflow: hidden;}

/*小广告*/
.g-ban01{width: 100%;height: 17.5rem;background:url(../images/ban01.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-ban01 p{font-size: 1.8rem;color: #fff;line-height: 2.6rem;padding: 4rem 0 0;text-align: center;height: 6.5rem;}
.g-ban01 p i{display: block;}
.g-ban01 .ban_tel{display: block; font-size: 1.4rem; color: #fff; width: 60%; height: 2.5rem; line-height: 2.5rem; background: #1264a8; margin:0 auto;font-family:"宋体";} 
.g-ban01 .ban_tel em{width: 1.4rem;height: 1.4rem;display: block;line-height: 0;float: left;padding: 0.6rem 1.5rem 0;}
.g-ban01 .ban_tel em img{width: 1.4rem;height: 1.4rem;}

/*走进万拓*/
.g-about{width: 100%;height: 42rem;padding-top: 2.4rem;background:url(../images/ab_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-about dl{ width:92.5%; margin:0 auto; padding:2.5rem 0 0;}
.g-about dl dt{ width:78.72%;margin:0 auto;line-height: 0;}
.g-about dl dd{ width:100%; padding:3.7rem 0 0;}
.g-about .ab_desc{ width:95%; margin:0 auto; font-size:1.1rem; color:#666; line-height:1.8rem;height: 10.8rem;overflow: hidden;}
.g-about dl dd em{ display:block; width:100%; padding:2rem 0 0;}
.g-about dl dd em a{ display:block; width:100%; font-size:1.2rem; color:#fff; height:4rem; line-height:4rem; text-align:center;background:#1264a8;}

/**/
html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 320px) {html {font-size: 10px;}}
@media screen and (min-width: 360px) {html {font-size: 11.25px;}}
@media screen and (min-width: 375px) {html {font-size: 11.7px;}}  /*ipone6*/
@media screen and (min-width: 400px) {html {font-size: 12.5px;}}
@media screen and (min-width: 414px) {html {font-size: 12.94px;}} /*ipone6P*/
@media screen and (min-width: 440px) {html {font-size: 13.75px;}}
@media screen and (min-width: 480px) {html {font-size: 15px;}}
@media screen and (min-width: 520px) {html {font-size: 16.25px;}}
@media screen and (min-width: 560px) {html {font-size: 17.5px;}}
@media screen and (min-width: 600px) {html {font-size: 18.75px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}