.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-cp{width: 92.5%;margin:0 auto;padding: 2.4rem 0 0;}
.m-bt{display: block; width: 100%; font-size: 2rem; color: #333; text-align: center; font-weight: bold; position: relative;height: 3rem;line-height: 3rem;overflow: hidden;}
.m-bt:before{content: "";width: 2rem; height: 0.15rem; background: #0f5aad; position: absolute; top: 50%; left: 20%;}
.m-bt:after{content: "";width: 2rem; height: 0.15rem; background: #0f5aad; position: absolute; top: 50%; right: 20%;}
.cp_ul01 li{padding: 1.5rem 0 0;}
.cp_ul01 li a{display: block;font-size: 1.3rem;color: #fff;width: 100%;height: 3.4rem;line-height: 3.4rem; background:#0f5aad;}
.cp_ul01 li em{display: block;float: right;line-height: 0;}
.cp_ul01 li em img{width: 1.7rem;height: 3.4rem;}
.cp_ul01 li span{display: block;float: left;line-height: 0;}
.cp_ul01 li span img{width: 2.3rem;height: 3.4rem;}
.cp_ul02{background: #f3f3f3;width: 100%;display: block;height: 7.2rem;position: relative;overflow: hidden;}
.cp_ul02:before{content: "";width: 100%; height: 1px; background: #fff; position: absolute; top: 50%; left: 0;}
.cp_ul01 .cp_ul02 li{padding: 0;}
.cp_ul01 .cp_ul02 li a{font-size: 1.2rem;color: #666;padding: 0 0 0 5%;width: 20%;height: 3.6rem;line-height: 3.6rem;background: none;position: relative;float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_ul01 .cp_ul02 li a:before{content: "";width: 0.3rem; height: 0.3rem; background: #f3f3f3; position: absolute; top: 45%; left: 0.5rem;border: #0f5aad 2px solid;border-radius: 50%;}

/*产品图片*/
.m-cp{width: 100%;padding: 0.5rem 0 2.6rem;}
.m-cp ul li{width: 44.69%;float: left;padding: 1.4rem 0 0 1.1rem;}
.m-cp ul li span{display: block; width: 100%; text-align: center; font-size: 1.2rem; color: #666; height: 2.5rem; line-height: 2.5rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*引子*/
.g-yin{width: 100%;border-top: #f0f0f0 1.2rem solid;border-bottom: #f0f0f0 1.2rem solid;padding: 2.5rem 0 3rem;}
.g-yin ul{display: inline-block;width: 100%;height: 28.6rem;position: relative;margin-top: 1.8rem;}
.g-yin ul:before{content: "";width: 1px; height: 100%; background: #efefef; position: absolute; top: 0; left: 50%;} 
.g-yin ul:after{content: "";width: 100%; height: 1px; background: #efefef; position: absolute; top: 0; left: 0;} 
.g-yin ul li{width: 50%;float: left;text-align: center;height: 12.3rem;padding: 2rem 0 0;border-bottom: #efefef 1px solid;}
.g-yin ul li em{width: 3.7rem;height: 3.7rem;display: block;margin:0 auto;}
.g-yin ul li em img{width: 3.7rem;height: 3.7rem;}
.g-yin ul li b{display: block;font-size: 1.3rem;color: #555;height: 3rem;line-height: 3rem;overflow: hidden;} 
.g-yin ul li span{display: block;font-size: 1.1rem;color: #555;line-height: 1.6rem;width: 12.5rem;margin:0 auto;height: 3.2rem;overflow: hidden;}

/*优势*/
.g-ys{ width:92.5%; margin:0 auto;padding: 2.5rem 0 3rem;position: relative;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys dl{ width:100%;padding: 1.8rem 0 0;}
.g-ys dl dt{ width:100%;line-height: 0;}
.g-ys dl dd{ width:100%;padding: 1rem 0 0;background: #f4f4f4;height: 15.3rem;}
.g-ys dl dd h5{font-size: 1.3rem;color: #333;height: 3rem;line-height: 3rem;overflow: hidden;font-weight: bold;padding: 0 0 0 2rem;}
.g-ys dl dd h5 i{color: #0f5aad;padding: 0 0 0 1rem;}
.g-ys dl dd p{font-size: 1.1rem;color: #666;line-height: 1.8rem;position: relative;padding: 0.4rem 1rem 0 2rem;}
.g-ys dl dd p:before{content: ""; width:0.5rem; height:0.5rem; background:#0f5aad; position: absolute; top: 1.1rem; left: 1rem;border-radius:2rem; }
.g-ys .m-cnt{ width:10rem; display:inline-block;position: absolute;top: 37rem;left: 12.8rem;z-index: 10;}
.g-ys .m-cnt li{ width:0.7rem; height:0.7rem; background:#8e8e8e; float:left;margin-right: 0.5rem;
border-radius:2rem; 
-webkit-border-radius:2rem;
-moz-border-radius:2rem;
-o-border-radius:2rem;}
.g-ys .m-cnt li.z-on{ background:#0f5aad;}

/*荣誉资质*/
.g-honor{width: 100%;height: 29.5rem; padding: 2.5rem 0 0; overflow: hidden;background:url(../images/honor_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-honor .m-bt{color: #fff;}
.g-honor .m-bt:before,.g-honor .m-bt:after{ background: #fff;}
.g-honor .m-pic{display: block;width: 100%;padding: 1.1rem 0 0;}
.g-honor p{font-size: 1.1rem;color: #bcc8de;width: 92.5%;margin:0 auto;text-align: center;padding: 1.6rem 0 0;line-height: 1.8rem;}

/*关于斯泰克*/
.g-about{ width:100%; padding: 2.5rem 0;}
.g-about dl{ width:100%;padding: 1.8rem 0 0;}
.g-about dl dt{ width:100%;height: 18rem; 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 dt a{display: block;width: 72.81%;margin:0 auto;padding: 0.8rem 0 0;}
.g-about dl dd{ width:92.5%;margin:0 auto; padding: 1.3rem 0 0;}
.g-about dl dd p{font-size: 1.3rem;color: #666;text-align: center;line-height: 2.1rem;}
.g-about dl dd p b{display: block;color: #0f5aad;}
.g-about dl dd em{ display:block; width:100%; padding:1.6rem 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:#0f5aad;}


/**/

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