.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:999;}
.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-four{background: #f2f2f2; padding:1.8rem 0 2.2rem;}
.g-four p{font-size: 1.2rem;color: #333;width: 25%;text-align: center;float: left;line-height: 1.6rem;}
.g-four p em{display: block;width: 4rem;height: 4rem;background: #fff;box-shadow: 0 3px 5px 3px #c7c6c7; margin:0 auto 0.5rem;
border-radius:0.5rem;               
-webkit-border-radius:0.5rem;
-moz-border-radius:0.5rem;
-o-border-radius:0.5rem;}
.g-four p em img{width: 4rem;height: 4rem;}

/*案例*/
.g-case{width: 93.75%; margin:0 auto; padding:2.8rem 0 1.5rem;}
.m-bt{display: block;font-size: 1.8rem;color: #015198;font-weight: bold;width: 100%;text-align: center;}
.m-bt em{display: block;width: 7.7rem; margin:0.6rem auto 0.3rem;line-height: 0;}
.m-bt span{display: block;font-size: 1rem;color: #e0e0e0;text-transform: uppercase;font-weight: normal;}
.case01{width: 100%;height: 8rem;position: relative; border:#e6e6e6 1px solid; margin:1rem 0 0;}
.case01:before{ content:"";width: 100%;height: 1px;background: #e6e6e6;position: absolute;top: 50%;left: 0;}
.case01 ul li{width: 25%;float: left;height: 4rem;line-height: 4rem;text-align: center;position: relative;}
.case01 ul li:before{ content:"";width: 1px;height: 100%;background: #e6e6e6;position: absolute;top: 0;right: 0;}
.case01 ul li a{font-size: 1.2rem;color: #333;}
.case01 ul li:nth-child(4):before{ background:none;}
.case01 ul li:first-child{background: #015198;}
.case01 ul li:first-child a{color: #fff;}
.case01 .u-more{display: block;width: 7.4rem;text-align: center;height: 4rem;line-height: 4rem;position: absolute;bottom: 0;right: 0;font-size: 1.2rem;color: #333;}

.case02{width: 100%; padding:1.5rem 0 0;}
.case02 dl{width: 100%;}
.case02 dl dt{width: 100%;line-height: 0;}
.case02 dl dd{width: 100%;}
.case02 dl dd b{display: block;height: 3rem;line-height: 3rem;width: 100%;position: relative;}
.case02 dl dd b a{font-size: 1.4rem;color: #015198;}
.case02 dl dd b:before{ content:"";width: 2rem;height: 2px;background: #c60000;position: absolute;bottom: 0;left: 0;}
.case02 .case_desc{font-size: 1.2rem;color: #666;line-height: 2.2rem; padding:0.5rem 0 0;}
.case02 .case_desc span{display: block;}

/*设定需求*/
.g-xu{width: 100%;background: #f2f2f2; padding:0 0 1rem;}
.g-xu .m-bt{display: block;width: 100%;text-align: center;font-size: 1.5rem;color: #333;height: 5.7rem;line-height: 5.7rem;overflow: hidden;}
.g-xu ul li{width: 13.5rem;height: 13.5rem;background: #fff;float: left;box-shadow: 0 3px 5px 3px #c7c6c7; margin:0 1.2rem 1.2rem;text-align: center;
border-radius:0.5rem;               
-webkit-border-radius:0.5rem;
-moz-border-radius:0.5rem;
-o-border-radius:0.5rem;}
.g-xu ul li em{display: block;width: 4rem; margin:0 auto; padding:1.3rem 0 0;}
.g-xu ul li em img{width: 4rem;height: 3.4rem;}
.g-xu ul li b{display: block;font-size: 1.4rem;color: #333; padding:0.8rem 0 0;}
.g-xu ul li span{display: block;font-size: 1.2rem;color: #666;width: 80%; margin:0 auto; padding:0.3rem 0 0;}

/*产品中心*/
.g-cp{width: 93.75%; margin:0 auto; padding:2.8rem 0 2rem;}

.g-fenl{width: 100%; padding:1.6rem 0 0;}
.g-fenl .m-cnt{ width:100%;}
.g-fenl .m-cnt li{ width:33.33%; text-align:center;height: 4rem;line-height: 4rem;background: #015198; float:left; font-size:1.2rem; color:#fff; position:relative;}
.g-fenl .m-cnt li:after{ position:absolute; content:""; width:1px; height:100%; background:#fff; top:0; right:0;}
.g-fenl .m-cnt li.z-on{ background:#c60000;}
.g-fenl .m-cnt li:last-child:after,.g-fenl .m-cnt li.z-on:after{ background:none;}
.g-fenl .m-box .con{ display:inline; float:left;}
.g-fenl .m-box ul li{ height:3.4rem; line-height:3.4rem;width: 25%;float: left;text-align:center;}
.g-fenl .m-box ul li a{ font-size:1rem; color:#333;}

.m-cp ul li{width: 48.33%;float: left;position: relative;line-height: 0; margin-bottom:1rem; margin-right:1rem;}
.m-cp ul li span{ width:100%; display:block; text-align:center; height:3rem; line-height:3rem;font-size: 1.2rem;color: #333;position: absolute;bottom: 0;left: 0; background:rgba(255,255,255,0.8); overflow:hidden;}
.m-cp ul li:first-child{width: 100%; margin-right:0;}
.m-cp ul li:last-child{margin-right:0;}

/*优势*/
.g-ys{ width:100%; overflow:hidden;}
.g-ys .m-bt{color: #fff;background: #015198;height: 6.2rem; padding:1rem 0 0;}
.g-ys .m-bt span{color: #1563a8;}
.g-ys .m-box .con{ display:inline; float:left;}
.ys_m{width: 93.75%; margin:1.5rem auto 1rem; border:#e6e6e6 1px solid;}
.g-ys .ys_pic{ width:93.33%; margin:0 auto;line-height: 0; padding:1rem 0;}
.g-ys dl{ width:93.75%; margin:0 auto;}
.g-ys dl dt{font-size: 1.4rem;color: #015198;font-weight: bold;line-height: 1.5rem;}
.g-ys dl dt span{display: block;font-size: 0.8rem;color: #ccc;font-weight: normal;text-transform: uppercase; font-family:"Times New Roman", Times, serif;}
.g-ys dl dd{ width:100%; padding:0 0 1.3rem;}
.g-ys dl dd p{ display:inline-block;width: 100%; padding:0.5rem 0 0;}
.g-ys dl dd p em{display: block;width: 1.2rem;float: left; padding:0.3rem 0 0;}
.g-ys dl dd p em img{width: 0.6rem;height: 0.6rem;}
.g-ys dl dd p span{display: block;font-size: 1.2rem;color: #666;line-height: 1.6rem;width: 95%;float: left;}
.g-ys .m-cnt{ width:14.3rem;height: 2.4rem; margin:0 auto; background:url(../images/index/ys_bot.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{ font-family:"Times New Roman", Times, serif; font-size:2.2rem; color:#999;font-weight: bold; float:left; margin-right:1.2rem; margin-top:-0.2rem;}
.g-ys .m-cnt li.z-on{ color:#c30000;}
.g-ys .m-cnt li:first-child{ margin-left:2.6rem;}

/*客户见证*/
.g-jz{width: 93.75%; margin:0 auto; padding:2rem 0 0;}
.g-jz dl{ display:inline-block;width: 100%; padding:1rem 0 0;}
.g-jz dl dt{width: 50%;float: left;line-height: 0;}
.g-jz dl dd{width: 47%;float: left; padding:0 0 0 3%;}
.g-jz dl dd b{display: block;font-size: 1.2rem;color: #015198;width: 100%;height: 2rem;line-height: 2rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-jz dl dd b a{font-size: 1.2rem;color: #015198;}
.g-jz .jz_desc{font-size: 1.2rem;color: #666;line-height: 1.8rem; padding:0.5rem 0 0;}
.g-jz dl:nth-child(3) dt{float: right;}
.g-jz .u-more{display: block;width: 100%;text-align: center;height: 4rem;line-height: 4rem;background: #015198;font-size: 1.2rem;color: #fff;overflow: hidden; margin-top:1.6rem;
border-radius:0.3rem;               
-webkit-border-radius:0.3rem;
-moz-border-radius:0.3rem;
-o-border-radius:0.3rem;}

/*关于中门子*/
.g-about{ width:93.75%; margin:0 auto; padding:2.8rem 0 7.5%;}
.g-about dl{ width:100%; padding:1.3rem 0 0;}
.g-about dl dt{ width:100%;}
.g-about dl dd{ width:100%;font-size: 1.2rem;color: #666;line-height: 2rem; padding:0.3rem 0 0;height: 6rem;overflow: hidden;}
.g-about dl dd em{ display:block; width:100%; padding:4% 0 0;}
.g-about dl dd em a{ display:block; width:30%; font-size:1em; color:#fff; height:2em; line-height:2em; text-align:center; margin: 0 1%; background:#8d8d8d; float:left;}
.g-about dl dd em a:nth-child(2){ background:#252525;}
.m-about{width: 100%; padding:1rem 0 0;}
.m-about .m-cnt{ width:100%;height: 2.7rem;}
.m-about .m-cnt li{ width:25%; text-align:center;height: 2.5rem;line-height: 2rem; float:left; font-size:1.5rem; color:#014f92; position:relative;font-weight: bold;}
.m-about .m-cnt li.z-on{ border-bottom:#c60000 2px solid;}
.m-about .m-cnt li.z-on:before{ position:absolute; content:""; width:0; height:0; top:100%; left:40%;
border-top:0.5rem solid #c60000; 
border-left:0.5rem solid transparent;
border-right:0.5rem solid transparent;}
.m-about .m-box .con{ display:inline; float:left;}
.m-about .ab_desc{width: 94%;background: #f2f2f2; padding:0.5rem 3%; line-height:1.5rem;font-size: 1.2rem;color: #666; margin:1rem 0 0;}
.ab_bot{ display:inline-block;width: 100%; padding:1.5rem 0 0;}
.ab_bot ul li{width: 9rem;height: 3rem;text-align: center;line-height: 3rem;background: #015198;float: left;overflow: hidden; margin-left:1.5rem;
border-radius:0.3rem;
-webkit-border-radius:0.3rem;
-moz-border-radius:0.3rem;
-o-border-radius:0.3rem;}
.ab_bot ul li a{font-size: 1.2rem;color: #fff;}
.ab_bot ul li:first-child{margin: 0;background: #c60000;}


/**/

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