@charset "utf-8";  
/* CSS Document */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, i, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	vertical-align:baseline;
	word-wrap:break-word;
	font-weight:100;
}
p {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
button, input, select, textarea {
	outline:0;
	-webkit-box-sizing:border-box
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block
}
li, ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:after, blockquote:before, q:after, q:before {
	content:'';
	content:none
}
b, strong {
	font-weight:700
}
img {
	max-width:100%;
	vertical-align:top;
	border:0;
	-ms-interpolation-mode:bicubic;
	-webkit-touch-callout:none
}
:focus {
	outline:0
}
a {
	color:#000;
	text-decoration:none;
	cursor:pointer;
}
a.active {
	color:#db2b02
}
body {
	background:#fff;
	max-width:7.5rem;
	min-width:3.2rem;
	margin:0 auto;
	position:relative;
	font-family:Helvetica;
	font-size:0.28rem;
}
a, button, input, textarea {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0;
) -webkit-user-modify:read-write-plaintext-only;
}
input {
	outline:0;
	-webkit-box-sizing:border-box;
	-webkit-tap-highlight-color:transparent;
	-webkit-appearance:none
}
input:focus, textarea:focus {
	outline:0;
	border:0.01rem solid #f60
}
/* 定义浮动 */ 
.fl {
	float: left!important;
	display: inline
}
.fr {
	float: right!important;
	display: inline
}
/*清除浮动*/
.clearfix:before, .clearfix:after {
	content:"";
	display:table;
}
.clearfix:after {
	clear:both;
}
.clearfix {
*zoom:1;/*IE/7/6*/
}
html {
	font-size:100px;
	text-transform:uppercase;
}
.mt20 {
	margin-top:0.2rem;
}
.mb20 {
	margin-bottom:0.2rem;
}
.mtb20 {
	margin:0.2rem 0;
}
.mt10 {
	margin-top:0.1rem;
}
.mt30 {
	margin-top:0.3rem;
}



.icon {/* 图标和文字相邻时，垂直对齐 */ vertical-align: -0.15em;/* 通过设置 color 来改变 SVG 的颜色/fill */fill: currentColor;
          /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
             normalize.css 中也包含这行 */overflow: hidden;}

/*layout=======================================*/
#container{margin:0 auto;overflow:hidden;}
.mainboxbg{ position:fixed; height:100%; width:100%; background:none; top:0; display:none; z-index:998;lter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
/*nav*/
.nav{width:40%; height:100%;position: fixed;right:-40%; padding-top:8%; display:none; top:0; z-index:999; background:#3e9602; z-index:999;}
.nav li{text-align: left; text-indent:0.8rem;}
.nav li a{display:block;width:100%; font-size:0.3rem; color:#fff;padding:5% 0;border-bottom:0.01rem solid #327702;}
.nav li a:hover{ color:#fff;}

/*header*/
#header{ width:100%; height:1rem; line-height:1rem; text-align:center; vertical-align:middle; color:#fff; background-color:#45a802; font-weight:normal;overflow:hidden; position:relative;}
#header #logo{ width:6rem; height:1rem; overflow:hidden; float:left;}
#header #logo a{ width:6rem; height:1rem; display:block; overflow:hidden;}
#header #logo a h1{text-align:left; vertical-align:middle; font:600 0.4rem/1rem "微软雅黑"; padding-left:0.2rem; color:#FFF;}

#header .sechan{ width:0.6rem; height:0.9rem; line-height:0.9rem; float:left; overflow:hidden; border-right:0.01rem solid #4dbb02; text-align:center; vertical-align:middle; margin-top:0.05rem; padding-right:0.07rem; }
#header .sechan .icon{ width:0.4rem; height:0.4rem; overflow:hidden;text-align:center; vertical-align:middle; color:#FFF;}

#header .flbox{ width:0.8rem; height:1rem; line-height:1rem;  float: right;cursor:pointer; overflow:hidden; text-align:center; vertical-align:middle;}
#header .flbox .icon{ width:0.5rem; height:0.5rem; overflow:hidden; text-align:center; vertical-align:middle;}

/*search*/
.serchbox{ width:100%; height:100%; position: absolute; top:0;right:-100%;background-color:#45a802; z-index:6;}
.serchct{width:70%; display:inline; float:left; margin-left:1%; }
.serchct .inputl{ background-color:#fff; text-indent:0.1rem;border: none; height:0.5rem; vertical-align:middle; line-height:0.5rem; border-radius:0.5rem; width:100%; font-size:0.2rem;}
.serchl{ width:0.5rem; display:inline; float:left; text-align:center; vertical-align:middle; padding:0.3rem 0 0 0.1rem;}
.serchl .serchclose{ width:0.4rem; height:0.4rem; line-height:0.4rem; border-radius:100%; display:block; text-align:center; vertical-align:middle; background:url(../images/sccolose.png) #ff9e40 center center no-repeat; cursor:pointer;}
.cerchr{ width:1.2rem; height:0.7rem; line-height:0.7rem; display:inline; float:left; text-align:center; vertical-align:middle; padding:0.3rem 0.1rem 0 0; }
.serchann{ width:100%; height:0.4rem; vertical-align:middle; background-color:#ff9e40;color:#fff;  border-radius:0.2rem; display:block; border:0 none; font-size:0.24rem; cursor:pointer;}

/*banner*/
/*大图*/
.banner {
	width: 100%;
	height:4rem;
}
.banner .swiper-slide {
	height:4rem;
	text-align: center;
	/* Center slide text vertically */
      display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.banner .swiper-slide a img{height:4rem; overflow:hidden;}

.gallery-thumbs{ padding-top:0.2rem; height:1rem;}
.gallery-thumbs .swiper-slide { width:25%; height:0.94rem;
      background-size: cover;
      background-position: center; opacity: 0.4; border:0.01rem solid #45a802;
    }

.gallery-thumbs .swiper-slide-active {
      opacity: 1;border:0.02rem solid #f28c08;
    }
.gallery-thumbs .swiper-slide a img{width:100%; height:0.94rem; overflow:hidden;}




/*关于我们*/
.dh{ height:0.8rem; text-align:center; vertical-align:middle;  position:relative; overflow:hidden;}
.newlm em{ color:#cdcbcb; font:600 0.3rem/0.4rem "微软雅黑"; display:block;}
.newlm i{ color:#080808; font:0.3rem/0.4rem "微软雅黑"; display:block;}
.newlm:before, .newlm:after {content:'';/*CSS伪类用法*/position: absolute; /*定位背景横线的位置*/bottom:.1rem; background:#cdcbcb; /*宽和高做出来的背景横线*/width:3rem;height:0.01rem;}
.newlm:before{left:0;/*调整背景横线的左右距离*/}
.newlm:after { right:0;}

/*aboutbox*/
.aboutnr{width:100%; height:3.7rem; padding-top:0.6rem; overflow:hidden; background:url(../../uploads/aboutbg1.jpg)  no-repeat center top; background-size:100% 3.8rem; position:relative;}
.aboutimg{ width:3.2rem; height:2.9rem; overflow:hidden; position:relative;  top:0.8rem; left:0.1rem;}
.aboutimg em{ width:2.8rem; height:2.5rem; overflow:hidden; display:block; background-color:#FFF; position:absolute; left:0; top:0;}
.aboutimg a{ width:2.8rem; height:2.5rem; overflow:hidden; display:block; position:absolute; bottom:0; z-index:9; left:0.2rem; top:0.2rem;}
.aboutimg a img{ width:2.8rem; height:2.5rem; overflow:hidden;}

.aboutwenzi{ width:4rem; height:3rem; background-color:#fff;  position:relative; padding:0.1rem;}
.nrz{ height:4rem; overflow:hidden;}
.nrz P{ line-height:0.3rem; font-size:0.24rem;}

.aboutwenzi a{position:absolute; display:block; right:0; bottom:0;}
.sj{ width:0; height:0; border-top:0.8rem solid transparent; border-bottom:0.8rem solid  transparen; border-right:1.5rem solid #35a82e;  text-align:center; display:block;}
.aboutwenzi a span{ width:2rem; line-height:0.3rem; font-size:0.2rem; position:absolute; left:0; bottom:0; z-index:1; padding-top:0.2rem; text-align:center; color:#FFF;}
.aboutwenzi a span i{ width:100%; line-height:0.18rem; float:left; display:block; font-size:0.24rem;}

/*产品中心*/
.productshow {width:100%; height:auto; overflow:hidden;  zoom:1; clear:both;}
.productshow .swiper-slide{width:3.75rem; height: auto; overflow:hidden;margin-bottom:0.2rem;}
.productshow .swiper-slide>a{width:3.22rem; height:2.3rem; overflow:hidden; display:block; text-align:center; vertical-align:middle; margin-left:0.25rem; }
.productshow .swiper-slide>a img{width:3.22rem; height:2.3rem; overflow:hidden; text-align:center; vertical-align:middle;}
.jstittle{width:3rem; height:0.84rem; border:0.01rem solid #E4E5E4; overflow: hidden; margin-top:0.1rem; padding:0.05rem 0.1rem; margin-left:0.25rem;}
.jstittle a{ display:block;}
.jstittle a h3{height:0.4rem; font:0.28rem/0.4rem "微软雅黑"; border-bottom:0.01rem solid #E5E5E5;}
.jstittle a span{ width:auto; color:#b6b7b6; font:0.26rem/0.4rem "微软雅黑"; display: inline-block; float:left; }
.jstittle a span:hover{color: #f28c08;}
.jstittle a .icon{ width:0.45rem; height:0.45rem; overflow:hidden; text-align:center; vertical-align:middle; color:#b6b7b6; float:right;}
.productshow .swiper-wrapper{ margin-bottom:0.3rem;}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fb7701 !important;
}


/*横幅广告*/
.hfgg{height:1rem; border:0.01rem solid #c8c9c7;}
.hfggz{ width:4.4rem; height:0.6rem; overflow:hidden; float:left; padding:0.2rem 0.1rem; float:left;}
.hfggz h3{ width:100%; color:#45a802; font:600 0.26rem/0.4rem "微软雅黑"; }
.hfggz p{ color:#c9c9c8;  font:0.14rem/0.3rem "微软雅黑"; }
.hfphone{ width:2.8rem; height:100%;  float: right; overflow:hidden; text-align:center; vertical-align:middle; position:relative;}
.serve{font:0.18rem/0.3rem "微软雅黑"; color:#FFF; padding-top:0.15rem;}
.serve i{ font-weight:100; font-style:italic;}
.serve:before, .serve:after {
            content: '';   /*CSS伪类用法*/
            position: absolute; /*定位背景横线的位置*/
            top:0.3rem;
            background:#fff; /*宽和高做出来的背景横线*/
            width:0.5rem;
            height:0.01rem;
        }
.serve:before{left:0;  /*调整背景横线的左右距离*/}
.serve:after { right:0;}

.hfphone p{ color:#fcf900; font:600 0.32rem/0.4rem "微软雅黑"; margin-top:0rem;}

.productbg{width:16%; position:absolute; right:0;
height: 0; 
border-left:0.6rem solid transparent; 
border-right:1.5rem solid #45a802; 
border-top:1rem solid #45a802;}

/*news*/
.newsbox{ padding:0 0.25rem; overflow:hidden;}
.newsbox ul li{ width:6.8rem; height:1.8rem; box-shadow:0.01rem 0.02rem 0.02rem 0.01rem #bcbdbc; padding:0.1rem; margin-bottom:0.3rem;}
.newsbox ul li .tittle{ height:0.6rem; border-bottom:0.01rem dashed #e6e5e5;}
.newsbox ul li .nrbox{ height:1.2rem;font:0.24rem/0.3rem "微软雅黑"; color:#6d6c6c; padding:0.1rem 0; position:relative;}
.newsbox ul li .tittle em{ width:0.5rem;height:0.5rem; background: #45A802;display: inline-block;vertical-align: middle; text-align:center; font:600 0.32rem/0.5rem "微软雅黑"; color:#FFF; float: left; margin-right:0.1rem; font-style:italic;} 
.newsbox ul li .tittle h1{font:0.3rem/0.6rem "微软雅黑"; float:left;} 
.newsbox ul li .tittle i{font:0.18rem/0.6rem "微软雅黑"; float:right; color:#878686;} 
.newsbox ul li .nrbox a{ color:#fb7701; position:absolute; bottom:0.15rem; right:0.1rem;  text-align:center; vertical-align:middle;}
.newsbox ul li .nrbox a .icon{ width:0.4rem; height:0.4rem; overflow:hidden; text-align:center; vertical-align:middle;}


/*荣誉资质*/
.honor {width:100%; height:auto; overflow:hidden;  zoom:1; clear:both;}
.honor .swiper-slide{width:3.75rem; height: auto; overflow:hidden; margin-bottom:0.2rem;}
.honor .swiper-slide>a{width:3rem; height:1.9rem; overflow:hidden; display:block; margin:0 0.25rem; border:0.01rem solid #F3F3F3; padding:0.1rem;}
.honor .swiper-slide>a img{width:3rem; height:1.9rem;  overflow:hidden; text-align:center; vertical-align:middle;}
.honor .swiper-wrapper{ margin-bottom:0.3rem;}

/*foot*/
.foot {
	background:#f9fafa;
	line-height:0.36rem;
	font-size:0.24rem;
	text-align:center;
	color:#363636; padding:0.2rem 0; margin-bottom:1rem;
}
.foot a{ color:#fe3d04;}

.footpf {
	width:100%;
	max-width:7.5rem;
	background:#45a802;
	bottom:0;
	position:fixed;
	bottom:0;
	text-align: center;
	z-index:99;
*bottom: auto;
*position: absolute;
*top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
	padding:0.05rem 0;
}
.footpf ul {
	width:100%;
	list-style:none;
}
.footpf ul li {
	width:23%;
	max-height:1.2rem;
	text-align:center;
	float:left;
	cursor:pointer;
	margin:1%;
	overflow:hidden;
}
.footpf ul li div {
	width:100%;
	color: #FFF;
	overflow:hidden;
	font-size:0.24rem;
}
.footpf ul li svg {
	width:0.4rem;
	height:0.4rem;
	margin-bottom:0.05rem;
}
.footpf li .icon {
	width:0.4rem;
	height:0.4rem;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
	color:#FFF;
}

/*==================================================*/

.weizhi{ width:100%;height:0.5rem;color:#666; border-bottom:#E0E0E0 solid 0.02rem; overflow:hidden; margin-top:0.2rem;}
.weizhi a{ color:#333;}

.page{ width:100%; text-align:center;}
.page a{padding:0.1rem; margin:0 0.1rem; border-radius:0.02rem; display:inline-block; border:0.01rem solid #e2e2e2; background-color:#fff; font-size:0.28rem;}


/*产品*/
.productbox {width:100%; height:auto; overflow:hidden;  zoom:1; clear:both;}
.productbox ul{}
.productbox ul li{width:3.75rem; height: auto; overflow:hidden;margin-bottom:0.2rem; float:left;}
.productbox ul li>a{width:3.22rem; height:2.3rem; overflow:hidden; display:block; text-align:center; vertical-align:middle; margin-left:0.25rem; }
.productbox ul li>a img{width:3.22rem; height:2.3rem; overflow:hidden; text-align:center; vertical-align:middle;}
.productbox ul li .jstittle{width:3rem; height:0.84rem; border:0.01rem solid #E4E5E4; overflow: hidden; margin-top:0.1rem; padding:0.05rem 0.1rem; margin-left:0.25rem;}
.productbox ul li .jstittle a{ display:block;}
.productbox ul li .jstittle a h3{height:0.4rem; font:0.2rem/0.4rem "微软雅黑"; border-bottom:0.01rem solid #E5E5E5;}
.productbox ul li .jstittle a span{ width:auto; color:#b6b7b6; font:0.16rem/0.4rem "微软雅黑"; display: inline-block; float:left; }
.productbox ul li .jstittle a span:hover{color: #f28c08;}
.productbox ul li .jstittle a .icon{ width:0.3rem; height:0.3rem; overflow:hidden; text-align:center; vertical-align:middle; color:#b6b7b6; float:right; padding-top:0.1rem;}

/*list info*/
.bt{line-height:0.5rem; padding-top:0.2rem; text-align:center;}
.bt h1{color:#000; font-size:0.28rem; font-weight:100;}
.info{line-height:0.5rem; border-bottom: dashed #BDBDBD 0.01rem;  text-align:center;  color: #6A6A6A;}
.nr{line-height:0.4rem; padding-top:0.2rem;}

.wpage{ width:100%; padding-top:0.2rem;}
.wpage div{width:100%; float:left;line-height:0.4rem; }
.wpage div a{font-size:0.18rem; float:left; text-align:center;color:#398c01;}