﻿.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{width: 100%;padding: 3rem 0;}
.g-yin ul li{width: 25%;float: left;text-align: center;position: relative;height: 8.6rem;}
.g-yin ul li:before{content: "";width: 1px; height: 100%; background: #ebebeb; position: absolute; top: 0; right: 0;} 
.g-yin ul li em{width: 2.8rem;height: 2.8rem;display: block;margin:0 auto 0.3rem;}
.g-yin ul li em img{width: 2.8rem;height: 2.8rem;}
.g-yin ul li b{display: block;font-size: 1.2rem;color: #333;height: 3rem;line-height: 3rem;overflow: hidden;position: relative;}
.g-yin ul li b:before{content: "";width: 1.4rem; height: 2px; background: #265eb2; position: absolute;bottom: 0;left: 40%;} 
.g-yin ul li span{display: block;font-size: 1.1rem;color: #666;padding: 0.5rem 0 0;}
.g-yin ul li:last-child:before{background: none;}

/*产品中心*/
.g-cp{padding: 2.2rem 0 3rem;border-top: #f4f4f4 1.2rem solid;border-bottom: #f4f4f4 1.2rem solid;}
.m-bt{display: block; font-size: 2rem; color: #265eb2; width: 100%; text-align: center; position: relative; height: 3rem; line-height: 3rem; overflow: hidden;font-weight: bold;} 
.m-bt:before{content: "";width: 1.5rem; height: 0.25rem; background: #265eb2; position: absolute; top: 50%; left: 30%;}
.m-bt:after{content: "";width: 1.5rem; height: 0.25rem; background: #265eb2; position: absolute; top: 50%; right: 30%;}
.cp_t{border-top: #ebebeb 1px solid;margin-top: 2rem;}
.cp_t ul li{width: 33%;float: left; border-bottom: #ebebeb 1px solid;height: 3.2rem;line-height: 3.2rem;position: relative;}
.cp_t ul li:before{content: "";width: 0.25rem; height: 0.25rem; background: #fff; position: absolute; top: 1.4rem; left: 0.5rem;border: #cecece 1px solid;transform:rotate(45deg);} 
.cp_t ul li a{font-size: 1.2rem;color: #666;padding-left: 1.5rem;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_t ul li:nth-child(3n){width: 34%;}
.cp_m{width: 100%;position: relative;}
.cp_m:before{content: "";width: 1px; height: 100%; background: #ebebeb; position: absolute; top: 0; left: 50%;z-index:10;}
.cp_m ul li{width: 50%;float: left;position: relative; border-bottom: #ebebeb 1px solid;line-height: 0;padding: 0.6rem 0;}
.cp_m ul li span{font-size: 1.2rem; color: #666; display: block; width: 100%; text-align: center; height: 2rem; line-height: 2rem; overflow: hidden;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*设备品质*/
.g-pinz{ width:100%; height:40.7rem;padding: 2.4rem 0 0; overflow:hidden;background:url(../images/pinz_bg.jpeg) 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{margin-bottom: 2.5rem;}
.g-pinz dl{width: 100%;height: 6.4rem;overflow: hidden;}
.g-pinz dl dt{width: 7rem;float: left;text-align: center;padding-top: 1.2rem;}
.g-pinz dl dt img{width: 4.4rem;height: 3.85rem;}
.g-pinz dl dd{width: 25rem;float: left;border-bottom: #485a76 1px solid;line-height: 2rem;padding: 1rem 0 0;height: 5rem;}
.g-pinz dl dd b{display: block;font-size: 1.4rem;color: #fff;}
.g-pinz dl dd p{font-size: 1.1rem;color: #fff;}

/**/
.g-four{width: 100%;height: 26rem;position: relative;}
.g-four:before{content: "";width: 1px; height: 100%; background: #e8e8e8; position: absolute; top: 0; left: 50%;}
.g-four ul li{width: 50%;float: left;height: 13rem;border-bottom: #e8e8e8 1px solid;text-align: center;}
.g-four ul li em{display: block;font-size: 1.4rem;color: #265eb2;height: 3.5rem;line-height: 3rem;position: relative;overflow: hidden;width: 100%;margin-top: 1.5rem;}
.g-four ul li em:before{content: "";width: 1.5rem; height: 0.2rem; background: #265eb2; position: absolute;bottom: 0;left: 45%;} 
.g-four ul li span{display: block;font-size: 1rem;color: #666;width: 13.5rem;margin:0 auto;line-height: 1.5rem;padding: 0.8rem 0 0;}

/*优势*/
.g-ys{ width:92.5%;margin:0 auto; overflow:hidden;padding: 2.7rem 0 1rem;position: relative;}
.g-ys .m-box .con,.g-case .m-box .con{ display:inline; float:left;}
.g-ys dl{ width:100%;padding: 1.8rem 0 0;}
.g-ys dl dt,.g-case dl dt{ width:100%;line-height: 0;}
.g-ys dl dd{ width:100%;padding: 0.5rem 0 0;}
.g-ys dl dd b{display: block; font-size:1.3rem; color:#333;height: 2.5rem;line-height: 2.5rem;overflow: hidden;}
.g-ys dl dd p{ font-size:1rem; color:#666;line-height: 1.8rem;padding: 0.3rem 0 0;}
.g-ys .m-cnt,.g-case .m-cnt{ width:100%; display:inline-block;position: absolute;top: 64%;left: 0;z-index: 20;}
.g-ys .m-cnt li,.g-case .m-cnt li{ width:0.7rem; height:0.7rem; background:#fff; float:left;margin-right: 0.7rem; border-radius:2rem;}
.g-ys .m-cnt li.z-on,.g-case .m-cnt li.z-on{ background:#265eb2; }
.g-ys .m-cnt li:first-child{margin-left: 12.3rem;}

/*合作客户*/
.g-case{ width:100%; overflow:hidden;padding: 2.5rem 0 3rem;border-top: #f4f4f4 1.2rem solid;border-bottom: #f4f4f4 1.2rem solid;position: relative;}
.g-case dl{ width:92.5%;margin:0 auto;padding: 1.5rem 0 0;}
.g-case dl dd{ width:100%;padding: 1rem 0 0;}
.g-case dl dd h5{height: 2.5rem;line-height: 2.5rem;overflow: hidden;}
.g-case dl dd h5 a{ font-size:1.2rem; color:#333;}
.g-case .case_desc{ font-size:1.1rem; color:#666;line-height: 1.8rem;padding: 0.5rem 0 0;}
.g-case dl dd span{display: block;width: 100%;padding: 2.5rem 0 0;}
.g-case dl dd span a{display: block; width: 100%; text-align: center; font-size: 1.2rem; color: #fff; height: 4rem; line-height: 4rem; background: #265eb2; overflow: hidden;}
.g-case .m-cnt{top: 52%;}
.g-case .m-cnt li:first-child{margin-left: 14.5rem;}

/*关于我们*/
.g-about{ width:100%;height: 39.3rem; padding: 2.3rem 0 0; background:url(../images/ab_bg.jpeg) 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 .m-bt:before{ left: 23%;}
.g-about .m-bt:after{ right: 23%;}
.g-about dl{ width:92.5%;margin:0 auto; padding:2.5rem 0 0;}
.g-about dl dt{ width:80.4%;line-height: 0;margin:0 auto;}
.g-about dl dd{ width:100%; padding: 4rem 0 0;}
.g-about .ab_desc{ font-size:1.1rem; color:#666;line-height: 1.8rem;height: 5.4rem;overflow: hidden;}
.g-about dl dd em{ display:inline-block; width:100%; padding:3rem 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:#265eb2;}

/**/

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;}}