.wrap img{width: 100%;}

/*loading*/
.loading{position:fixed;width:100%;height:100%; top:0;background:#f6f6f6 url(../images/index/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: 93.75%; margin:0 auto; padding:2.9rem 0 0.8rem;position: relative;}
.m-bt{display: block;width: 100%;}
.g-plan .u-more{display: block;width: 7.3rem;text-align: center;height: 2.3rem;line-height: 2.3rem;font-size: 0.8rem;color: #333; border:#c9c9c9 0.05rem dotted;
position: absolute;top: 12.6rem;right: 0.5rem;z-index: 10;}
.g-plan .m-cnt{ display:inline-block; width:100%; padding:1rem 0 1.5rem;}
.g-plan .m-cnt li{ width:32.5%;height: 2.3rem;line-height: 2.3rem; text-align:center; float:left; position:relative;font-size: 0.8rem;color: #333; border:#c9c9c9 0.05rem dotted; margin:1rem 0 0;}
.g-plan .m-cnt li a {
color: #333;
}
.g-plan .m-cnt li.z-on{ background:#003c7d; color:#fff; border:#003c7d 0.05rem solid;}
.g-plan .m-box .con{ display:inline; float:left;}
.g-plan dl{width: 100%;}
.g-plan dl dt{width: 100%;line-height: 0;}
.g-plan dl dd{width: 100%; padding:1rem 0 0;}
.g-plan dl dd h5{height: 2rem;line-height: 2rem;overflow: hidden;}
.g-plan dl dd h5 a{font-size: 1.3rem;color: #003c7d;}
.g-plan .plan_desc{font-size: 1rem;color: #666;line-height: 1.6rem; padding:0.5rem 0 0;}
.g-plan dl dd span{display: block;line-height: 1.6rem; padding:0.3rem 0 0;}
.g-plan dl dd span a{font-size: 1rem;color: #003c7d;}

/*经典案例*/
.g-case{background: #f0f0f0; padding:2rem 0 2.4rem;}
.g-case ul li{width: 45%;float: left; padding:2rem 0 0 1rem;}
.g-case ul li img{display: block;width: 99.3%;line-height: 0; border:#ddd 1px solid;}
.g-case ul li span{display: block;width: 90%; padding:0 10% 0 0;height: 2.5rem;line-height: 2.5rem;font-size: 1rem;color: #333;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background:url(../images/index/case_btn.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-cp{ padding:2.3rem 0 1.5rem;width: 100%;position: relative;}
.m-bt01{ display:inline-block;width: 100%; padding:1rem 0 1.8rem;}
.m-bt01 b{width: 4.4rem;text-align: center;height: 4.4rem;line-height: 4.4rem;display: block;float: left; margin:0 0.8rem 0 1.8rem;font-size: 1.9rem;color: #fff; background:url(../images/index/cp_y.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;}
.m-bt01 span{display: block;float: left;font-size: 1.3rem;color: #003c7d;line-height: 4.4rem;width: 24rem;}
.g-cp .m-cnt{ width:100%;}
.g-cp .m-cnt li{ width:8.6rem;height: 7.5rem; text-align:center; float:left; font-size: 1rem;color: #003c7d; margin:0 1rem;background:url(../images/index/cp_k01.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-cp .m-cnt li em{display: block; padding:2.5rem 0 0;width:4.9rem; margin:0 auto;}
.g-cp .m-cnt li.z-on{color:#fff;background:url(../images/index/cp_k02.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-cp .m-cnt li:last-child{ margin-left:6.5rem;}
.g-cp .u-more{display: block;position: absolute;top: 20.8rem;right: 6.5rem; width:8.6rem;height: 7.5rem;line-height: 7.5rem;text-align:center; float:left; font-size: 1rem;color: #003c7d; -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-cp .m-box .con{ display:inline; float:left;}
.g-cp .m-box ul{ width:93.75%; margin:0 auto; padding:1.5rem 0 0;}
.g-cp .m-box ul li{width: 33.33%;float: left; height:1.8rem; line-height:1.8rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-cp .m-box ul li a{ font-size:1rem; color:#003c7d; padding:0 0 0 1.5rem;}

/*施工资质*/
.g-honor{ border-top:#f2f2f2 0.7rem solid; padding:0 0 1.5rem;}
.g-honor ul li{width: 44.06%;float: left; padding:0 0 0 1rem;}
.g-honor ul li img{display: block;width: 99.2%; border:#003c7d 1px solid;line-height: 0;}
.g-honor ul li span{display: block;font-size: 1rem;color: #333;width: 100%;text-align: center; padding:0.5rem 0 0;}

/*优势*/
.g-ys{ border-top:#f2f2f2 0.7rem solid; border-bottom:#f2f2f2 0.7rem solid; padding:0 0 0.8rem;}
.g-ys dl{width: 93.75%; display:inline-block; padding:0 0 1.2rem 1rem;}
.g-ys dl dt{width: 48%;float: right;}
.g-ys dl dd{font-size: 1.2rem;color: #666;width: 50%;float: left;}
.g-ys dl dd b{font-size: 1.3rem;color: #003c7d;}
.g-ys dl:nth-child(3) dt{float: left;}
.g-ys dl:nth-child(3) dd{float: right;}

/*关于同心科技*/
.g-about{ width:93.75%; margin:0 auto; overflow:hidden; padding:2rem 0 0;}
.g-about .m-bt{display: block;font-size: 1.5rem;color: #00468c;width: 100%;text-align: center;height: 3.3rem;line-height: 2.5rem;position: relative;}
.g-about .m-bt:before{ content:"";width: 15.8%;height: 0.3rem;background: #00468c;position: absolute;bottom: 0;left: 42%;}
.g-about dl{ width:100%; padding:1.5rem 0 0;}
.g-about dl dt{ width:100%;}
.g-about dl dd{ width:100%; padding:1rem 0 0;}
.g-about dl dd b{ display:block; width:100%;}
.g-about dl dd b a{ font-size:1.1rem; color:#00468c;}
.g-about .ab_desc{ width:100%; font-size:1rem; color:#666; line-height:1.5rem; padding:0.5rem 0 0;}
.g-about dl dd em{ display:block; padding:0.5rem 0 0;}
.g-about dl dd em a{ font-size: 1rem;color: #00468c;}

/**/

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;}}