.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-cp01{padding: 2.5rem 0 1.5rem;}
.m-bt{display: block; width: 100%; text-align: center; font-size: 1.7rem; color: #666;line-height: 2.4rem;height: 8rem;border-bottom: #eeeae8 0.6rem solid;} 
.m-bt b{display: block;color: #333;}
.g-cp01 p{width: 92.5%;margin:0 auto;padding: 2rem 0 0;line-height: 0;}

/*产品中心*/
.g-cp02{border-bottom: #e5e5e5 1px solid;border-top: #e5e5e5 1px solid;width: 100%;position: relative;}
.g-cp02:before{ content: "";width: 100%; height: 1px; background: #e5e5e5; position: absolute; top: 14.5rem; left: 0;z-index: 20;}
.g-cp02:after{ content: "";width: 100%; height: 1px; background: #e5e5e5; position: absolute; top: 29rem; left: 0;z-index: 20;}
.g-cp02 ul{display: block;width: 92.5%;border-left: #e5e5e5 1px solid;border-right: #e5e5e5 1px solid;margin:0 auto;height: 29rem;}
.g-cp02 ul li{width: 50%;float: left;height: 14.5rem;position: relative;}
.g-cp02 ul li:before{content: "";width: 1px; height: 100%; background: #e5e5e5; position: absolute; top: 0; right: 0;}
.g-cp02 ul li span{font-size: 1.1rem;color: #666; display:block; height:2rem; line-height:2rem; overflow:hidden;position: absolute;left: 2.6rem;bottom: 1rem;padding-left: 1rem;width: 9.5rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-cp02 ul li span:before{content: "";width: 0.4rem; height: 1rem; background: #cbc0bb; position: absolute; top: 0.6rem; left: 0;}
.g-cp02 ul li:nth-child(2n):before{background: none;}
.g-cp02 .u-more,.g-about dl dd .u-more{display: block; font-size: 1.2rem; color: #fff; width: 92.5%; text-align: center; height: 4.4rem; line-height: 4.4rem; background: #542e1e; margin:2rem auto 0;border-radius:0.25rem;}

/*执着品质*/
.g-pinz{width: 100%;padding: 2.5rem 0 0;}
.g-pinz .m-pic{width: 92.5%;margin:2rem auto 0;position: relative;}
.g-pinz .m-pic span{display: block;font-size: 1rem;color: #fff;width: 21rem;position: absolute;bottom: 1.5rem; left: 1.5rem;line-height: 1.6rem;}

/*设计师团队*/
.g-team{width: 92.5%;margin:0 auto;padding: 3rem 0 1rem;}
.g-team dl{width: 100%;}
.g-team dl dt{width: 29%;margin:0 auto;}
.g-team dl dt img{display: block;border-radius:50%;}
.g-team dl dd{width: 83%;margin:0 auto;text-align: center;padding: 0.5rem 0 0;}
.g-team dl dd b{display: block;font-size: 1rem;color: #333;height: 1.8rem;line-height: 1.8rem;}
.g-team dl dd h5{font-size: 1.7rem;color: #333;font-weight: bold;height: 2.2rem;}
.g-team dl dd span{display: block;height: 2rem;padding: 0.5rem 0 0;}
.g-team dl dd span a{border-bottom: #e5e5e5 1px solid;font-size: 1rem;color: #666;}
.g-team .team_desc{font-size: 1rem;color: #666;line-height: 1.7rem;height: 8.5rem;padding: 1.8rem 0 0;overflow: hidden;}

/*欧盟出口标准原材*/
.g-ou{width: 100%;}
.g-ou .m-pic{width: 92.5%;margin:2rem auto;}
.g-ou ul{position: relative;border-top: #e5e5e5 1px solid;border-bottom: #e5e5e5 1px solid;width: 100%;height: 23rem;}
.g-ou ul:before{ content: "";width: 100%; height: 1px; background: #e5e5e5; position: absolute; top: 50%; left: 0;}
.g-ou ul:after{ content: "";width: 1px; height: 100%; background: #e5e5e5; position: absolute; top: 0; left: 50%;}
.g-ou ul li{width: 36%;float: left;text-align: center;padding:2rem 6% 0 6%;height: 9.5rem;}
.g-ou ul li i{display: block;font-size: 1.2rem;color: #333;height: 3rem;line-height: 2.5rem;position: relative;}
.g-ou ul li i:before{ content: "";width: 1.3rem; height: 0.2rem; background: #542e1e; position: absolute; bottom: 0; left: 40%;}
.g-ou ul li span{display: block;font-size: 1rem;color: #666;padding: 0.5rem 0 0;}
.g-ou ul li:nth-child(2n){padding-right: 0;}

/*案例*/
.g-case{width: 100%;padding: 3.8rem 0 1.5rem;}
.case_l{width: 38.59%;float: left;padding: 2.2rem 0 0 1.2rem;}
.g-case ul li{width: 100%;line-height: 0;position: relative;margin-bottom: 1rem;}
.g-case ul li p{position: absolute;left: 0;bottom: 1.6rem;height: 2.2rem;line-height: 2.2rem;}
.g-case ul li p em{display: block;float: left;width: 1.75rem;line-height: 0;padding: 0.5rem 0.5rem 0 1rem;}
.g-case ul li p em img{width: 1.75rem;height: 1.25rem;}
.g-case ul li p b{font-size: 1.1rem;color: #fff;}
.case_r{width: 50.78%;float: right;padding: 2.2rem 1.2rem 0 0;}
.g-case .case_r ul li p{left: 6rem;bottom: 1.2rem;}

/*优势*/
.g-ys{ width:100%; overflow:hidden;}
.g-ys .sclwrap_box{ height:31rem; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys dl{ width:92.5%; margin:0 auto;padding: 2rem 0 0;}
.g-ys dl dt{ width:100%;}
.g-ys dl dd{ width:100%;padding: 1rem 0 0;}
.g-ys dl dd span{display: block;font-size: 1.3rem;color: #333;height: 2.5rem;line-height: 2.5rem;position: relative;overflow: hidden;padding-left: 1rem;}
.g-ys dl dd span:before{ content: "";width: 0.5rem; height: 1.5rem; background: #542e1e; position: absolute; top: 0.6rem; left: 0;}
.g-ys dl dd p{font-size: 1.2rem;color: #666;line-height: 1.8rem;padding: 1rem 0 0;}
.g-ys .m-cnt{ width:10rem; display:inline-block;padding-left: 13rem;}
.g-ys .m-cnt li{ width:0.6rem; height:0.6rem; background:#999; float:left;margin-right: 0.5rem; border-radius:2em;}
.g-ys .m-cnt li.z-on{ background:#542e1e;}

/*关于我们*/
.g-about{ width:92.5%;margin:0 auto; overflow:hidden; padding:3rem 0 0;}
.g-about dl{ width:100%;}
.g-about dl dd{padding: 1.5rem 0 0;}
.g-about dl dd span{ display:block; width:100%;height: 3rem;line-height: 3rem; overflow:hidden;}
.g-about dl dd span a{ font-size:1.5rem; color:#333;}
.g-about dl dd em{display: block;float: left;width: 3rem;line-height: 0;padding: 0.7rem 0.5rem 0 0;}
.g-about dl dd em img{width: 3rem;height: 1.5rem;}
.g-about .ab_desc{ font-size:1rem; color:#777; line-height:1.6rem;padding: 1rem 0 0;}
.g-about dl dd .u-more{width: 100%;}
.g-about dl dd b{display: inline-block;width: 1.6rem;padding: 0 0.5rem 0 0;}
.g-about dl dd b img{width: 1.6rem;height: 1.6rem;vertical-align:middle;}


/**/

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