@charset "utf-8";
/* CSS Document */
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}


.banner{width: 100%;overflow: hidden;}
.banner img{display: block;width: 100%;}
.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0 }
.focus .hd ul .on{ background:#0D4DC2;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  }
.focus .bd li a{ -webkit-tap-highlight-color:#0b85ec; /* 取消链接高亮 */ }


/*brand*/
.brand{ overflow: hidden; width: 100%;  background-color: #fff; border-bottom: 1px solid #e8e8e8}
.brand li{ width: 25%; float: left; text-align: center; border-right: 1px solid #e8e8e8; box-sizing: border-box; padding: .8rem 0; }
.brand li img{ display: inline-block; width: 40%;}
.brand li span{  font-size: 1rem; color: #333333; display: block;}

/*关于我们*/
.aB{ overflow: hidden; width: 100%;}
.aB dl{ margin: .5% 0 3%; overflow: hidden}
.aB dl dt img{ display: block; width: 100%;}
.aB dl dd h3{ font-size: 1.05rem; margin-top: 3%}
.aB dl dd h3 a{ color: #333}
.aB dl dd p{ margin-top: 2%; font-size: .95rem; color: #666666; line-height: 1.5rem; -webkit-line-clamp: 5;  text-align: justify}

/*show*/
.show{ overflow: hidden; width: 100%;}
.show .showBox{ overflow: hidden; margin-top: 2%; position:relative;}
.show .showBox a{ display: block;}
.show .showBox a img{ display: block; box-sizing: border-box; border: 1px solid #e8e8e8; padding: 10px; background-color: #f4f4f4; width: 100%;}
.show .showBox a span{ display: block; text-align: center; font-size: 1rem; color: #47474a; padding: .6rem 0;}
.show .showBtn{ background: none; width: 2.5rem; z-index: 99999999}
.show .showBtn img{  display: block; width: 100%;}
.show .swiper-button-prev{  left:1rem; top:40%; position:absolute;}
.show .swiper-button-next{  right:1rem; top:40%; position:absolute;}

/*产品中心*/
.product{ padding-bottom: 1.2rem;}
.product .proBox{ overflow: hidden; width: 100%; margin-top: .8rem}
.product .proBox li img{ display: block; width: 100%;}

/*应用领域*/
.area{ padding-bottom: 1.2rem;}
.area .areaNav{ overflow: hidden; width: 100%; box-sizing: border-box; border-right: 1px solid #d9d9d9}
.area .areaNav li{ width: 25%; box-sizing: border-box; text-align: center; padding: .65rem 0; float: left; border: 1px solid #d9d9d9; border-right: none; font-size: .95rem;}
.area .areaNav li a{ color: #555555;}
.area .areaNav li.active a,.area .areaNav li.on a{ color: #fff;}
.area .areaNav li.active,.area .areaNav li.on{ background-color: #0d4dc2; border-color: #0d4dc2}
.area .areaBox,.area  dl{ overflow: hidden; width: 100%;}
.area .areaBox{ margin-top: 3%;}
.area dl dt img{ display: block; width: 100%;}
.area  dl dd h3{ font-size: 1.05rem; color: #0d4dc2; margin-top: 3.5%;  font-weight: normal}
.area  dl dd h3 a{ color: #0d4dc2}
.area dl dd p{ font-size: .95rem; color: #555; margin-top: .35rem;}
.area dl dd p a{ color: #0d4dc2}


.addBtn{ padding-bottom: 5.5rem !important;}