@charset "utf-8";
/* CSS Document */
body,html {font-family:"微软雅黑", arial;margin:0; padding:0;font-size:20px; color:#333;}
*{margin:0; padding:0; border:0; }
li{list-style-type:none;}
img {max-width:100%; font-size:0; outline-width:0px; vertical-align:top; padding:0px; margin:0px; border:0px;}
img a{ border:none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;font-size:1rem; font-weight:600;}
* a {POSITION: relative}
a:link {color: #333; text-decoration:none;}
a:visited {color: #333;text-decoration:none;}
a:hover {color: #c00;text-decoration:none;}
a:active {color: #c00;text-decoration:none;}

.logo{ width:100%; height:auto; overflow:hidden;}
.logo img{ width:100%; height:auto; overflow:hidden;}

/*焦点动画开始*/
.slider {position: relative;width: 100%;height:auto;overflow: hidden;}
.slides {height: 100%;	
		/* Simple clear fix */
		overflow: hidden;
		/**	
		 * Prevent blinking issue
		 * Not tested. Experimental.
		 */
		-webkit-backface-visibility: hidden;
		-webkit-transform-style: preserve-3d;
		/**
		 * Here is CSS transitions 
		 * responsible for slider animation in modern broswers
		 */
		-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		     -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		        transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	}
	
.slide {height: 100%;float: left;clear: none;}
.slider-arrows {}
.slider-arrow {position: absolute;display: block;margin-bottom:-1rem;width:1.5rem;height:1.5rem;line-height:1.5rem;text-decoration: none;text-align: center;color: #fff;font-size:1rem;background-color: #333;background-color: rgba(50,50,50,.3);border-radius: 50%; display:none;}
.slider-arrow-right { bottom: 50%; right:1.5rem; }
.slider-arrow-left { bottom: 50%; left: 1.5rem; }
.slider-nav {position: absolute;bottom:0.75rem;}
.slider-nav-item {width:0.5rem;height:0.5rem;float: left;clear: none;display: block;margin:0 0.25rem; border-radius:0.25rem; background: #fff;}
.slider-nav-item:hover { background: #f00; }
.slider-nav-item--current { background: #f00; }

 
.content{width:100%; clear:none; float:left; height:auto; overflow:hidden;}

.company_tit{ width:100%; height:auto; overflow:hidden;}
.company_tit img{ width:100%; height:auto; overflow:hidden;}
.content p{ width:90%; margin:0 auto; height:auto; padding:0 5% 3% 5%; font-size:3.6vw; text-align:justify; line-height:180%;}

/*图片展示*/
.gallery{ width:96%; height:auto; margin:0 auto; overflow:hidden;}
.gallery a {width: 44.5%;height:auto; display:inline-block; border:1px solid #dedede;margin:2.5%; float:left;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
overflow: hidden;}
.gallery a span{width:100%;height:1.5rem; line-height:1.5rem; font-size:0.9rem; text-align:center; background:#dedede; color:#333; display:block;overflow: hidden;}
.gallery a img {width: 100%; height:auto; transition: -webkit-filter .4s, filter .4s;filter: grayscale(0%);-webkit-filter: grayscale(0%);}
.gallery a img:hover {filter: grayscale(100%);-webkit-filter: grayscale(100%);}

/*联系我们*/
.foot{ width:100%; height:auto; padding:5% 0; overflow:hidden; margin-top:1rem; background:#333;}
.foot p{ display:block; width:90%; height:auto; line-height:160%; margin:0 auto; color:#fff; font-size:3.6vw; font-weight:500; padding-left:0.75rem; border-left:0.05rem solid #fff;}

/*一键导航 一键拨号*/
.footer{ width:100%; height:auto; padding:5% 0; overflow:hidden; background:#333;}
.footer a{ display:block; width:36%; height:1.5rem; line-height:1.5rem; margin:0 7%; float:left; border-radius:1rem; background:#f00; color:#fff; text-align:center;}

/*回到顶部*/
p#back-to-top{position:fixed;bottom:150px;right:10px;width:30px; height:30px;}
p#back-to-top a{text-align:center;text-decoration:none;color:#d1d1d1;display:block;width:30px; height:30px;
      /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
      -moz-transition:color 1s;
      -webkit-transition:color 1s;
      -o-transition:color 1s;
}
p#back-to-top a span{background:url(../images/gotop.png) no-repeat center center;display:block;width:30px; height:30px;
      /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/
      -moz-transition:background 1s;
      -webkit-transition:background 1s;
      -o-transition:background 1s;
}
#back-to-top a:hover span{background:url(../images/gotop.png) no-repeat center center;}
/*show07添加--wcc2017-11-15*/
/*产品广告位推荐*/
.adpic_wcc{width:100%; margin-top:0%; line-height:0;}
.adpic_wcc_li{width:100%;font-size:0px;line-height:0;overflow:hidden; margin-top:-1%;}
.adpic_wcc_li img{width:100%; float:left;line-height:0; display:block;}
.clear{clear:both;}
/*系列产品*/
.xlprbt{width:100%; margin-top:4%;}
.xlprbt img{width:100%;}
.xlprimages{width:100%; margin-top:0%;}
.xlprimages a{width:40%;float:left;margin:2% 5% 0% 5%; position:relative;}
.xlprimages a img{width:100%; float:left; position:relative; border-radius:50%;}
.xlprimages a span{width:100%; float:left; line-height:200%; margin-top:4%; text-align:center; font-size:3.2vw; color:#fff; position:relative; background:#51012f; border-radius:3.2vw;}
/*版权部分*/
.footwcc{width:100%;float:left;clear:none; margin-top:0%; padding:6% 0% 6% 0%; background-size:100%;}
.footwcc a{width:40%;float:left;margin:2% 5% 0% 5%; position:relative; border-radius:3.2vw; line-height:200%; text-align:center; font-size:3.2vw; color:#fff;background:#c1272d;}
.footwcc a.wccbh{background:#d3542a;}

.footlogowcc{width:100%;clear:none; margin-top:2%;}
.footlogowcc img{width:100%;}
.contentwcc{width:90%; margin:2% 5% 2% 5%; line-height:180%; height:auto; overflow:hidden; font-size:3.6vw;}
.btimgwcc{width:100%; text-align:center; margin-top:2%; dfloat:left; font-size:0; overflow:hidden; line-height:0;}
.btimgwcc img{line-height:0px; font-size:0px;display:block;}