.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-yin{padding: 1.5rem 0 2.8rem;}
.m-bt{display: block; width: 100%; text-align: center; font-size: 1.5rem; color: #333; font-weight: bold;height: 2.5rem;line-height: 2.5rem;position: relative;overflow: hidden;}
.m-bt:before{content: "";width: 1.1rem; height: 1px; background: #363636; position: absolute; top: 50%; left: 26%;}
.m-bt:after{content: "";width: 1.1rem; height: 1px; background: #363636; position: absolute; top: 50%; right: 26%;}
.g-yin ul li{width: 14.4rem;height: 7.1rem;float: left;background: #fff500;margin: 1rem 0 0 1.1rem;}
.g-yin ul li em{display: block;float: left;width: 3.3rem;padding: 2rem 0 0 2rem;}
.g-yin ul li em img{width: 2.1rem;height: 1.8rem;}
.g-yin ul li span{display: block;float: left;font-size: 1.1rem;color: #333;padding: 1.8rem 0 0;width: 9rem;line-height: 1.6rem;}
.g-yin ul li b{font-size: 2.6rem;}
.g-yin ul li i{display: block;font-size: 1.2rem;color: #666;}
.g-yin ul li:nth-child(2),.g-yin ul li:nth-child(3){background: #e3e3e3;}

/*产品中心*/
.g-cp{width: 100%;height: 66.4rem; padding: 1.6rem 0 0; background:url(../images/cp_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-cp .m-bt:before{ left: 32%;}
.g-cp .m-bt:after{ right: 32%;}
.cp_ul01 li{width: 96.88%;height: 5.1rem;background: #fff;margin:0.8rem auto 0;padding: 1rem 0 0;}
.cp_ul01 li a{display: block;font-size: 1.2rem;color: #333;width: 95%;height: 2.5rem;line-height: 2.5rem;overflow: hidden;font-weight: bold;padding: 0 0 0 5%;position: relative;}
.cp_ul01 li a:before{content: "";width: 0.25rem; height: 1.3rem; background: #fff500; position: absolute; top: 0.8rem; left: 2%;}
.cp_ul01 .cp_ul02 li{height: 1.5rem;padding: 0;width: 16.66%;float: left;margin: 0.3rem 0 0;}
.cp_ul01 .cp_ul02 li a{font-size: 0.9rem;color: #666;height: 1.5rem;line-height: 1.5rem;white-space:nowrap; text-overflow:ellipsis;font-weight: normal;width: 85%;padding: 0 0 0 15%;}
.cp_ul01 .cp_ul02 li a:before{background: none;}
.g-cp p{width: 96.88%;margin:0.6rem auto 0;height: 3.5rem;line-height: 3.5rem;overflow: hidden;background: #fff;}
.g-cp p a{font-size: 1.2rem;color: #333;font-weight: bold;padding: 0 0 0 1.5rem;}
.m-cp,.m-case{padding: 1rem 0 0;}
.m-cp ul li,.m-case ul li{width: 46.88%;float: left;margin-left: 0.6rem;}
.m-cp ul li span,.m-case ul li span{display: block; width: 94%;margin:0 auto; text-align: center; height: 3.5rem; line-height: 3rem; font-size: 0.9rem; color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*产品竞争力*/
.g-three{padding: 2.1rem 0 0;width: 96.88%;margin:0 auto;}
.g-three .m-bt{margin-bottom: 1rem;}
.g-three .m-bt:before{ left: 23%;}
.g-three .m-bt:after{ right: 23%;}
.g-three dl{width: 84%;height: 11.3rem;background: #e5e5e5;overflow: hidden;margin-bottom: 1rem;padding: 0 8%;}
.g-three dl dt{font-size: 1.4rem;color: #333;padding: 1.5rem 0 0.9rem; display: inline-block;width: 100%;border-bottom: #2f2f2f 1px solid;height: 3.2rem;line-height: 3.2rem;overflow: hidden;}
.g-three dl dt em{display: block;float: left;width: 4rem;}
.g-three dl dt em img{width: 3.1rem;height: 3.1rem;}
.g-three dl dd{font-size: 1rem;color: #333;line-height: 1.6rem;padding: 0.5rem 0 0;}

/*优势*/
.g-ys{width: 96.88%;margin:0 auto;padding: 1rem 0 2rem;}
.g-ys .m-bt{height: 4rem;line-height: 1.8rem;}
.g-ys .m-bt span{display: block;font-size: 0.9rem;color: #666;font-weight: normal;}
.g-ys .m-bt:before{ left: 26%;top: 24%;}
.g-ys .m-bt:after{ right: 26%;top: 24%;}
.g-ys .sclwrap_box{ height:27rem; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys dl{ width:100%;padding: 1rem 0 0;}
.g-ys dl dt{ width:100%;line-height: 0;}
.g-ys dl dd{ width:100%;padding: 0.8rem 0 0;}
.g-ys dl dd h5{font-size: 1.5rem;color: #333;height: 2.5rem;line-height: 2.5rem;}
.g-ys dl dd em{height: 1.5rem;line-height: 0;padding: 0.6rem 0.8rem 0 0;display: block;float: left;}
.g-ys dl dd em img{height: 1.5rem;}
.g-ys .ys_em01,.g-ys .ys_em01 img{width: 6.7rem;}
.g-ys .ys_em02,.g-ys .ys_em02 img{width: 10.7rem;}
.g-ys .ys_em03,.g-ys .ys_em03 img{width: 9.3rem;}
.g-ys dl dd p{font-size: 1rem;color: #666;line-height: 2rem;}
.g-ys .m-cnt{ width:12rem; display:inline-block;padding: 0 0 0 12rem;}
.g-ys .m-cnt li{ width:0.7rem; height:0.7rem; background:#333; float:left; border-radius:2rem;border: #fff500 0.4rem solid;margin-right: 1rem;}
.g-ys .m-cnt li.z-on{ background:#9b9619;}

/*客户案例*/
.g-case{background: #e5e5e5;padding: 1.8rem 0 0.5rem;}
.g-case .m-bt:before{ left: 35%;}
.g-case .m-bt:after{ right: 35%;}
.m-case ul li span{ height: 3rem; line-height: 2.5rem; font-size: 1rem;}

/*关于三川宏*/
.g-about{width: 96.88%;margin:0 auto;padding: 2rem 0;}
.g-about .m-bt:before{ left: 32%;}
.g-about .m-bt:after{ right: 32%;}
.g-about dl{ width:100%;padding: 1rem 0 0;}
.g-about dl dt{ width:100%;line-height: 0;}
.g-about dl dd{ width:96%;text-align: center;padding: 1rem 0 0;margin:0 auto;font-size:0.9rem; color:#666; line-height:1.5rem;height: 4.5rem;overflow: hidden;}

/**/

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