@charset "utf-8";
/*html5*/



article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/*通用*/
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer{margin:0;padding:0;font-size:14px;list-style:none;text-decoration:none;border:0;}
body{ font-family:' ',Helvetica,Arial,Tahoma;min-width:320px;color:#4D4D4D; background:#e3e4e6; }


a{color:#666;text-decoration:none;}
a:hover{ color:#f60;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }

/*公司名称和电话*/
.top_01{ background:#a9adb6; height:44px; line-height:44px; text-align:center; position:relative;}
.top_01 h1{ text-align:center;height:44px;color:#fff; }
.top_01 a{ position:absolute; background:url(../images/biao_01.png) center no-repeat; width:42px; height:42px; right:10px; top:1px; display:block;}

.lblContent img{ width:100%;}

/*menu start*/
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-wp8-horizontal{-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}
/* IE10 Windows Phone 8 Fixes */

.menu{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering */z-index:1;}
.menu{width: 100%;height: 40px;background:#737782; text-align:center;}
.menu ul li{width:80px;}
.menu .swiper-slide {float: left; line-height:40px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;padding:0 10px;}
.menu .swiper-slide a{color:#fff; display:block; padding:0 10px; margin:5px 0; height:30px; line-height:30px;}
.menu .hover_nav a{ border-radius: 4px;background-color: #a9adb6;}
/*menu end*/

/*banner start*/
.banner {
  width: 100%;
  height: 200px;
 background:#fff;
  position: relative; z-index:1;
}
.banner .arrow-left {
  background: url(../images/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;z-index:999;
}
.banner .arrow-right {
  background: url(../images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;z-index:999;
}
.banner .swiper-container {
  height: 200px;
  width:100%;
}
.banner .content-slide {
  padding: 20px;
  color: #fff;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%; z-index:999;
}
.banner .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.banner .swiper-active-switch {
  background: #fff;
}

.banner .swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.banner .swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.banner .swiper-slide{ background-size:auto 200px;}
/*banner end*/
.title{ height:38px; border-top:#623e1e solid 2px; background:#fff; padding-left:10px; color:#623e1e; line-height:38px; font-size:16px; font-weight:bold; border-bottom:#eee solid 1px;}
.more{ height:38px; border:#eee solid 1px; line-height:38px; margin:10px; text-align:center;border-radius:3px;}
.more a{ display:block; background:#fff; color:#623e1e;}

.product_list{background:#fafafa; margin-top:10px; padding-bottom:10px; overflow:hidden;}
.product_list ul{ width:302px; margin:0 auto;}
.product_list ul li{ width:147px; padding:0 2px; float:left; margin:10px 0;}
.product_list ul li span{ display:block; height:145px; width:145px; margin-left:2px; border:solid #eee 1px; text-align:center; display: table-cell;vertical-align:middle;}
.product_list ul li span img{ max-height:143px;width:143px;vertical-align:middle;}
.product_list ul li strong{ display:block; height:24px; line-height:24px; font-weight:normal; text-align:center;}

.about{background:#fafafa; margin-top:10px; padding-bottom:10px; overflow:hidden;}
.about_con{ padding:5px 10px;}

.contact{ background:#fafafa;margin-top:10px;}
.contact dl{ padding:5px 10px;}
.contact dl dd{ border-bottom:#eee solid 1px; line-height:20px; padding:5px 0px;}
.contact dl dd strong{ font-weight:normal;}
.contact dl dd span{ color:#333;}
.contact dl dd span a{ background:#623e1e; color:#fff; padding:2px 5px; border-radius:3px;}

.footer{ background:#fafafa;  border-top:#ccc solid 4px; text-align:center; padding:10px 0; padding-bottom:40px;}
.footer dl dt{ height:30px; line-height:30px;}
.footer dl dd{ font-size:12px; color:#999; line-height:20px; height:20px;}
.footer dl dd a{font-size:12px; color:#999;}
.side_nav{ height:35px; line-height:35px; z-index:99;
/* Firefox */
position: fixed; bottom: 0; width: 100%; overflow: hidden; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(1, #222));/* Saf4+, Chrome */
/* IE*/ }
.side_nav dl{ text-align:center; height:35px;}
.side_nav dl a{ display:block; color:#fff; font-size:12px;}
.side_nav dl dt a{ border-left:#444 solid 1px; border-right:#444 solid 1px;}
.side_nav dl dd{ float:left; width:33%;}
.side_nav dl dt{ float:left; width:34%;}

.news{background:#fafafa;margin-top:10px; padding-bottom:10px;}
.news{ line-height:20px;}
.news ul li{ margin:0 10px; border-bottom:#eee solid 1px; padding:8px 0;}
.news ul li span{ display:block; height:20px; line-height:20px; font-size:10px; color:#aaa;}





.menu001 { margin: 0px 7px; overflow: hidden; padding-bottom: 5px; }
.menu001 ul li { line-height: 35px; border: #dcdee0 2px solid; margin-top: 10px; background: #ffffff; border-radius: 5px; height: 35px; }
.menu001 ul li a { display: block; font-size: 14px; }
.menu001 ul li span { float: right; margin-top: 8px; margin-right: 10px; }

.index_nav{ width:320px; margin:0 auto; overflow:hidden;}
.index_nav dl{ width:330px; padding:5px 0 15px;}
.index_nav dl dt{ float:left; border-radius:5px; background:#fff; width:160px; height:150px; text-align:center; overflow:hidden; margin-right:10px; margin-top:10px;}
.index_nav dl dt strong{ display:block; height:120px; overflow:hidden;}
.index_nav dl dt img{ padding-top:10px; height:110px; width:110px;}
.index_nav dl dt span{ display:block; height:30px; line-height:30px;}
.index_nav dl dd{float:left; border-radius:5px; background:#fff; width:70px; height:70px; text-align:center; overflow:hidden; margin-right:10px; margin-top:10px;}
.index_nav dl dd strong{ display:block; height:40px; overflow:hidden;}
.index_nav dl dd img{ padding-top:10px; height:30px; width:30px;}
.index_nav dl dd span{ display:block; height:30px; line-height:30px;}