.wrap img{width: 100%;}
.top50{ margin-top:50px;}
/*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%;}

/*引子*/
.m-yin01{padding: 0 0 1.8rem;}
.m-yin01 ul li{font-size: 1.1rem;color: #333;width: 50%;float: left;text-align: center;padding: 2.3rem 0 0;}
.m-yin01 ul li b{display: block;line-height: 3rem;}
.m-yin01 ul li i{font-size: 5rem; font-family:"Times New Roman", Times, serif;}
.m-yin02{background: #085cbe;padding: 1rem 0 0.5rem;}
.m-yin02 ul li{height: 2.4rem;line-height: 2.4rem;font-size: 1.1rem;color: #fff;width: 95%; display: inline-block;padding: 0 0 0 5%;}
.m-yin02 ul li:nth-child(1),.m-yin02 ul li:nth-child(2){float: left;width: 45%;}

/*产品一览*/
.g-cp{padding:3rem 0 3rem;}
.m-bt{display: block; width: 100%; text-align: center; font-size: 2rem; color: #333; height: 3rem; line-height: 3rem;background:url(../images/cp_tbg.png) 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-pinz .m-bt{display: block; width: 100%; text-align: center; font-size: 2rem; color: #333; height: 3rem; line-height: 3rem;background:url(../images/cp_tbg.pn) 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;}

.fenl{width: 96.88%;margin:0 auto;padding: 1rem 0 0;}
.fenl ul li{width: 46%; float: left;  margin-right: 10px;height: 2.5rem;line-height: 2.5rem;overflow: hidden;border-bottom: #d2d2d2 1px solid;}
.fenl ul li a{font-size: 1rem;color: #085cbe;font-weight: bold;display: block;width: 100%;}
.fenl ul li em{float: right;color: #666;font-weight: normal; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.fenl ul li span{ display: inline-block;width: 1.5rem;padding: 0 0 0 1rem;}
.fenl ul li span img{width: 1.5rem;height: 1.5rem; vertical-align:middle;}
.fenl p{width: 100%;display: inline-block;padding: 0.7rem 0 0;}
.fenl p a{font-size: 1rem;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;width: 31%;float: left;position: relative;height: 2.2rem;line-height: 2.2rem;padding: 0 0 0 2.33%;}
.fenl p a:before{content: "";width: 0.3rem; height: 0.3rem; background: #085cbe; position: absolute; top: 1rem; left: 0;border-radius: 2rem;}
.m-cp{padding: 2rem 0 0;}
.m-cp ul li{width: 45.63%;float: left;line-height: 0;padding: 0 0.6rem;}
.m-cp ul li em{border: #cecece 1px solid;display: block;box-sizing:border-box;width: 100%;border-radius: 1rem;}
.m-cp ul li em img{display: block;border-radius: 1rem;}
.m-cp ul li span{display: block; width: 100%; text-align: center; height: 3.4rem; line-height: 3.4rem; font-size: 1rem; color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*品质竞争力*/
.g-pinz{padding: 0 0 3.7rem;}
.g-pinz dl{width: 96.88%;margin:0 auto;height: 11rem;overflow: hidden;
background: #ebebeb; /* Old browsers */
background: -moz-linear-gradient(top,  #ebebeb 0%, #f3f3f3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ebebeb 0%,#f3f3f3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ebebeb 0%,#f3f3f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
}
.g-pinz dl dt{width: 45.32%;float: left;line-height: 0;}
.g-pinz dl dd{float: left;padding: 2.5rem 0 0 1rem;width: 15rem;}
.g-pinz dl dd b{display: block;font-size: 1.1rem;color: #333;line-height: 2rem;}
.g-pinz dl dd b i{color: #085cbe;}
.g-pinz dl dd p{font-size: 1rem;color: #666;line-height: 1.5rem;padding: 0.3rem 0 0;}
.g-pinz dl:nth-child(2){margin-top: 1.5rem;}

/*优势*/


/*案例见证*/
.g-case{padding: 3rem 0 3.5rem;}
.g-case .m-cnt{width: 96.88%;margin:0 auto; padding:2rem 0 0; height:5rem;}
.g-case .m-cnt li{width:9rem;height: 3.7rem;line-height: 3.7rem; background:#ededed;border-radius:0.5rem; float:left; margin-bottom:0.6rem; text-align: center; margin:0 0 0 0.7rem;}
.g-case .m-cnt li a{font-size: 1rem;color: #333;display: block;}
.g-case .m-cnt li:nth-child(3n){ margin-right:0;}
.g-case dl{width: 96.88%;margin:0 auto 1rem;position: relative;height:8rem;overflow: hidden;}
.g-case dl dt{width: 10rem;height: 10rem;position: absolute;top: 0;left: 0;border-radius: 50%;line-height: 0;}
.g-case dl dt img{display: block; padding-top:10px;}
.g-case dl dd{width: 18rem;height: 6.8rem;float: left;padding: 0 2rem 0 6rem;border-radius: 0.6rem;box-shadow: 0 3px 0.5rem 3px #f3f3f3;margin-top: 0.8rem;margin-left: 5rem;}
.g-case dl dd h5{height: 1.5rem;line-height: 1.5rem;overflow: hidden;padding: 0.8rem 0 0;}
.g-case dl dd h5 a{font-size: 1rem;color: #085cbe;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-weight: bold;}
.g-case dl dd span{display: block;font-size: 1rem; color: #333;font-weight: bold;line-height: 1.5rem;}
.g-case .case_desc{font-size: 1rem; color: #666; line-height: 1.5rem; height: 3rem; overflow: hidden;padding: 0.5rem 0 0;} 

/*走进*/
.g-about{width: 100%;height: 42.3rem;padding-top: 3.6rem;background:url(../images/ab_bg.jpg) no-repeat center;-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 .m-bt{color: #fff;background:url(../images/ab_tbg.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{ width:100%;padding:3.2rem 0 0;}
.g-about dl dt{ width:79%;line-height: 0;margin:0 auto;}
.g-about dl dd{ width:96.88%;padding: 8rem 0 0;margin:0 auto;}
.g-about .ab_desc{ font-size:1rem; color:#333; line-height:1.5rem;overflow: hidden;width: 88.5%;margin:0 auto;}
.g-about dl dd em{ display:inline-block; width:100%; padding:1.5rem 0 0;}
.g-about dl dd em a{ display:block; width:8.5rem; font-size:1rem; color:#fff; height:3rem; line-height:3rem; float:left;text-align: center;background: #085cbe;margin-left:1.2rem;border-radius: 2rem;}
/*.g-about dl dd em a:nth-child(1){margin-left: 0;}*/

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