.wrap img{width: 100%;}

/*loading*/
.loading{position:fixed;width:100%;height:100%; top:0;background:#f6f6f6 url(..resource/images/acd3746651c84ee8916343680dbda8c1_4.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-case{background: #f8f8f8; border-top:#f3f3f3 1.2rem solid; padding:0 0 1.5rem;}
.m-bt{display: block;width: 100%;text-align: center;font-size: 1.6rem;color: #333;font-weight: bold;height: 4.5rem;line-height: 4.5rem;position: relative; margin-bottom:0.6rem;}
.m-bt:before{ content:"";width: 1.5rem;height: 0.15rem;background: #444;position: absolute;bottom: 0;left: 45%;}
.g-case ul li{width: 33.33%;float: left;height: 3rem;line-height: 3rem;}
.g-case ul li em{display: block;float: left;width: 2rem;height: 2rem;text-align: center;background: #004691; margin:0.5rem 0.5rem 0 1rem;border-radius:10rem;-webkit-border-radius:10rem;-moz-border-radius:10rem;-o-border-radius:10rem;line-height: 0;}
.g-case ul li em img{width: 1.9rem;height: 1.9rem;}
.g-case ul li a{font-size: 1.2rem;color: #333;}

/*合作客户*/
.g-hz{ width:100%; overflow:hidden; padding:1.2rem 0; border-bottom:#f8f8f8 2.8rem solid;}
.g-hz .m-box .con{ display:inline; float:left;}
.g-hz ul li{ width:27.5%; float:left; border:#ececec 2px solid; margin-left:1.2rem;}

/*晶拓产品中心*/
.g-cp{width: 93.75%; margin:0 auto; padding:1rem 0 2rem;}
.m-cp01{ padding:1rem 0;}
.cp_ul01 li{width: 37.33%;}
.cp_ul01 li a{font-size: 1.2rem;color: #fff;font-weight: bold;display: block;width: 100%;text-align: center;height: 2.7rem;line-height: 2.7rem;background: #ff5f00;
border-radius:10rem;
-webkit-border-radius:10rem;
-moz-border-radius:10rem;
-o-border-radius:10rem;}
.cp_ul01 .cp_ul02{width: 100%; display:inline-block;}
.cp_ul01 .cp_ul02 li{width: 33.33%;float: left; padding:0.3rem 0;}
.cp_ul01 .cp_ul02 li a{color: #333;font-weight: normal;background: #fff;width: 100%;}

.m-cp02{width: 100%;}
.m-cp02 ul li{width: 48.66%;float: left; margin-right:2.6%;}
.m-cp02 ul li span{font-size: 1.2rem;color: #666; width:100%; display:block; text-align:center; height:3rem; line-height:3rem; overflow:hidden;}
.m-cp02 ul li:last-child{ margin-right:0;}

/*品质精良无可挑剔*/
.g-pin{ width: 100%;height: 35.3rem; padding:1.2rem 0 0;background:url(../images/index/pin_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-pin dl{width: 43.13%;float: left; padding:1rem 1rem 0;}
.g-pin dl dt{width: 100%;}
.g-pin dl dt b{display: block;width: 100%;font-size: 1.1rem;color: #ff5f00;height: 3rem;}
.g-pin dl dt i{font-size: 1.5rem; padding:0 1rem 0 0;}
.g-pin dl dd{width: 100%;font-size: 1.2rem;color: #666; padding:0.5rem 0 0;line-height: 1.8rem;}

/*解决方案*/
.g-plan{ padding:1.2rem 0 3.8rem;width: 93.75%; margin:0 auto;}
.g-plan b{display: block;width: 100%; padding:1.4rem 0 1rem;}
.g-plan ul li{width: 25%;float: left;text-align: center;font-size: 1.1rem;color: #666;position: relative;}
.g-plan ul li em{display: block;width: 2.75rem; margin:0 auto;}
.g-plan ul li em img{width: 2.75rem;height: 2.25rem;}
.g-plan ul li:before{ content:"";width: 1px;height: 100%;background: #ececec;position: absolute;top: 0;right: 0;}
.g-plan ul li:last-child:before{ background:none;}

/*优势*/
.g-ys{ width:100%; overflow:hidden;background: #f6f6f6; padding:0 0 3.5rem;}
.g-ys .m-bt01{width: 100%; padding:3.2rem 0 0;height: 8.6rem;}
.g-ys .sclwrap_box{ height:35rem; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys .ys_pic{ width:93.75%; margin:0 auto;}
.g-ys dl{ width:93.75%; margin:0 auto;}
.g-ys dl dt{ width:100%; display:inline-block; overflow:hidden;}
.g-ys dl dt em{ display:block; width:2.6rem; float:left; padding:1.8rem 0.8rem 0 0;}
.g-ys dl dt em img{width: 2.6rem;height: 3.7rem;}
.g-ys dl dt b{ display:block; float:left; width:26.5rem;position: relative;font-size: 1.3rem;color: #333;line-height: 2.2rem; padding:1.5rem 0 0;}
.g-ys dl dt b i{ display:block; color:#c1c1c1; font-weight:normal;font-size: 0.7rem; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.g-ys dl dt b:before{ content:"";width: 100%;height: 1px;position: absolute;top: 66%;left: 0; border-bottom:#c5c5c5 1px dashed;}
.g-ys dl dd{width:100%;}
.g-ys dl dd p{ display:inline-block;width: 100%; padding:0.5rem 0 0;}
.g-ys dl dd p em{display: block;float: left;width: 1.1rem; padding:0.5rem 0.5rem 0 3.3rem;}
.g-ys dl dd p em img{width: 1.1rem;height: 0.9rem;}
.g-ys dl dd p span{font-size: 1.2rem;color: #333;line-height: 1.8rem;display: block;float: left;width: 24.8rem;}
.g-ys dl dd i{ color:#0055a4;}
.g-ys .u-btn{display: block;width: 8rem;text-align: center;height: 2.5rem;line-height: 2.5rem;background: #ff6800;font-size: 1.2rem;color: #fff; margin:1rem 0 0 5rem;border-radius:10rem;
-webkit-border-radius:10rem;
-moz-border-radius:10rem;
-o-border-radius:10rem;}
.g-ys .m-cnt{ width:100%; display:inline-block;height: 1.2rem;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{ width:0.5rem; height:0.5rem; background:#b0b0b0; float:left; margin-right:0.7rem; margin-top:0.4rem;
border-radius:2rem; 
-webkit- border-radius:2rem;
-moz-border-radius:2rem;
-o-border-radius:2rem;}
.g-ys .m-cnt li.z-on{ background:#0055a4; width: 1.5rem;}
.g-ys .m-cnt li:first-child{ margin-left:13.5rem;}

/*关于晶拓*/
.g-about{ width:93.75%; overflow:hidden; padding:1.2rem 0 0; margin:0 auto;}
.g-about dl{ width:100%; padding:0.5rem 0 0;}
.g-about dl dt{ width:100%;}
.g-about dl dd{ width:100%;  padding:0.5rem 0 0;}
.g-about dl dd div{ font-size:1.2rem; color:#666; line-height:1.8rem;}
.g-about dl dd span{ display:block;height: 1.8rem;line-height: 1.8rem; margin:-1.8rem 0 0 14rem;}
.g-about dl dd span a{ font-size:1.2rem; color:#005ead;}
.g-about dl dd em{ display:block; width:100%; padding:4% 0 0;}
.g-about dl dd em a{ display:block; width:9.3rem; font-size:1.2rem; color:#005ead; font-weight: bold;height:3rem; line-height:3rem; text-align:center; border:#005ead 2px solid; float:left;
border-radius:10rem; 
-webkit- border-radius:10rem;
-moz-border-radius:10rem;
-o-border-radius:10rem;}
.g-about dl dd em a:nth-child(2){  margin: 0 0.5rem;}

/**/

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