body {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
a{
	color: #333;
}
a:hover{
	color: #666;
	text-decoration: none;
}
.mt20{
	margin-top: 20px;
}
.mt30{
	margin-top: 30px;
}
.clearfix{
	overflow: hidden;
}
.top{
	height: 45px;
	line-height: 45px;
	border-bottom: 1px solid #ccc;
}
.top a{
	margin: 0 5px;
}
.navbar-tel{
	margin-top: 50px;
}
.navbar-tel span{
	display: block;
	font-size: 20px;
	line-height: 24px;
}
.navbar-tel b{
	display: block;
	font-size: 26px; 
	line-height: 30px;
	color: #ff6d10;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 0;
  border: none;
}
.navbar-default{
  background-color: #fff;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
  font-size: 16px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #ff6d10;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #ff6d10;
}
.navbar-default .navbar-collapse{
  background-color: #359b07;
}
.navbar-nav > li > a {
  padding: 15px 31px;
}
.carousel-indicators {
  bottom: 5px;
}
.carousel-indicators li {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 5px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  border: none;
  border-radius: 50%;
}
.carousel-indicators .active {
  width: 14px;
  height: 14px;
  margin: 0 5px;
  background-color: #359b07;
}
.product-list{
	background-color: #359b07;
	padding: 20px 10px;
}
.product-list b{
	margin: 0 0 20px;
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	display: block;
}
.product-list b span{
	display: block;
	font-size: 16px;
	font-weight: normal;
	margin-top: 10px;
}
.product-list ul{
  background-color: #fff;
  padding: 10px;
  margin-bottom: 0;
}
.product-list ul li{
	height: 40px;
	line-height: 40px;
  margin-bottom: 10px;
}
.product-list ul li a{
  display: block;
  height: 40px;
  font-size: 16px;
  background: #ddd url(../images/icon_li.jpg) no-repeat 90% center;
  padding: 0 20px;
  line-height: 40px;
}
.product-list ul li a:hover{
  background: #359b07 url(../images/icon_li_hover.jpg) no-repeat 90% center;
  color: #fff;
}
.title{
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #ccc;
}
.title b{
	height: 36px;
	border-left: 5px solid #359b07;
	padding-left: 10px;
	font-size: 22px;
	line-height: 36px;
	margin: 0;
}
.title b span{
	display: block;
	font-size: 12px;
	line-height: 12px;
}
.common-title{
  height: 56px;
  background: url(../images/title_bg.jpg) no-repeat top center;
  margin-bottom: 30px;
}
.common-title b{
  margin: 0 0 5px;
  font-size: 30px;
  font-weight: bold;
}
.common-title span{
  font-size: 20px;
  color: #999;
}
.product-item{
	margin-top: 28px;
}
.product-item > div{
	border: 1px solid #ccc;
}


.product-item span{
	height: 40px;
	line-height: 40px;
	background-color: #f5f5f5;
	color: #333;
}

.product-item > div:hover{
    border: 1px solid #359b07;
}
.product-item > div:hover span{
    background:#359b07 ;
    color: #fff;
}
.product-item .more{
	display: inline-block;
	width: 80px;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	background-color: #8c8c8c;
	color: #fff;
	text-align: center;
	margin-right: 10px;
}
.product-item .order{
	display: inline-block;
	width: 80px;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	background-color: #359b07;
	color: #fff;
	text-align: center;
}
.adv{
  background: url(../images/adv_bg.jpg);
  padding: 30px 0;
}
.adv-title{
  height: 113px;
  background: url(../images/adv_title.jpg) no-repeat center top;
}
.adv-title b{
	margin: 0 0;
  font-size: 30px;
  font-weight: bold;
}
.adv-title b i{
  font-size: 40px;
  font-style: normal;
  color: #359b07;
}
.adv-num{
	height: 52px;
	margin-bottom: 20px;
  padding-left: 122px;
}
.adv-num h4{
	font-size: 26px;
	font-weight: bold;
	line-height: 30px;
	color: #222;
	margin: 0 0 5px;
}
.adv-num span {
  display: block;
	font-size: 16px;
  color: #359b07;
}
.adv01{
  background: url(../images/01.jpg) no-repeat left center;
}
.adv02{
  background: url(../images/02.jpg) no-repeat left center;
}
.adv03{
  background: url(../images/03.jpg) no-repeat left center;
}
.adv04{
  background: url(../images/04.jpg) no-repeat left center;
}
.adv-con p{
	line-height: 30px;
	background: url(../images/icon_adv.png) no-repeat left 10px;
	padding-left: 20px;
	color: #666;
	font-size: 16px;
}
.ys{
  height: 744px;
  background: url(../images/ys.jpg) no-repeat center top;
}
.ys2{
  height: 1152px;
  background: url(../images/ys2.jpg) no-repeat center top;
}
.factory{
	background-color: #359b07;
	padding: 30px 0;
}
.factory-title{
	height: 102px;
	background: url(../images/factory_title.png) no-repeat top center;
}
.factory-title b{
	margin: 0;
	line-height: 52px;
	font-size: 30px;
	font-weight: bold;
	color: #359b07;
	color: #333;
}
.factory-title span{
	line-height: 48px;
	font-size: 16px;
	color: #fff;
}
.picScroll-left{ overflow:hidden; position:relative;}
.picScroll-left .bd ul{overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{width: 25%; margin: 0 10px; float:left; _display:inline; overflow:hidden; text-align:center;}
.picScroll-left .bd ul li img{width:100%; height:170px;}
.picScroll-left .bd ul li span{margin-top: 10px;}
.picScroll-left .bd ul li a{color: #333;}
.about-img{
	width: 100%;
}
.about-con{
	line-height: 30px;
  font-size:16px;
}
.about-con h4{
  margin: 10px 0;
  font-size: 20px;
  font-weight: bold;
  color: #359b07;
}
.slideBox{ width:100%; height:230px; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:230px;}


.ctit{
	width: 100%;
	height: 60px;
	overflow: hidden;
	background: url(../images/ctit.jpg) no-repeat center;
	margin-top: 30px;
	border-left: #019f40 1px solid;
	border-right: #019f40 1px solid;
	/* padding-top: 10px; */
}
.contact_con{
	width: 262px;
	padding: 10px 0;
	line-height: 41px;
	padding-left: 18px;
	padding-right: 18px;
	overflow: hidden;
	border: #019f40 1px solid;
	border-top:none;
}
.contact_con p{
	border-bottom: #ccc 1px dashed;
}


.news-list li{
	height: 36px;
	line-height: 36px;
	border-bottom: 1px dashed #ccc;
	background: url(../images/icon_news.jpg) no-repeat left center;
	padding-left: 10px;
}
.txtMarquee-top{ overflow:hidden; position:relative;}
.ask-list li{
	margin-bottom: 10px;
	border-bottom: 1px dashed #ccc;
}
.ask-list li dl{
	margin-bottom: 10px;
}
.ask-list li dt{
	margin-bottom: 10px;
	height: 26px;
	line-height: 26px;
	font-weight: normal;
}
.ask-list li dt span{
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	color: #fff;
	background-color: #359b07;
	border-radius: 5px;
	margin-right: 10px;
}
.ask-list li dd span{
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	color: #fff;
	background-color: #ababab;
	border-radius: 5px;
	margin-right: 10px;
}
.contact-con{
	padding:0 20px;
}
.contact-con p{
	line-height: 30px;
	margin-bottom: 0;
}
.flink b{
	display: block;
	margin-bottom: 5px;
}
.flink a{
	margin: 0 5px;
	color: #666;
}
.footer{
	padding: 20px 0;
	background-color: #359b07;
	color: #fff;
}
.footer a{
	color: #fff;
}
.footer p{
	line-height: 30px;
	margin-bottom: 0;
}
.product-list-contact{
	background-color: #fff;
	padding: 10px;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 0;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: 8px;
  line-height: 1.42857143;
  color: #333;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-radius: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-radius: 0;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #359b07;
  border-color: #359b07;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #359b07;
  border-color: #359b07;
}
.content{
	line-height: 26px;
}
.content-title{
	font-size: 24px;
	font-weight: bold;
}
.article-info{
	padding: 8px 0;
	border: 1px solid #ccc;
	border-radius: 5px; 
}
.article-info span{
	margin: 0 6px;
}
.news-hot-list li{
	float: left;
	width: 50%;
	padding-right: 20px;
}
.product-info h1{
	font-size: 24px;
	margin: 0;
	color: #359b07;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 50px;
}
.product-info p{
    margin-top: 20px;
}
.product-info p b{
    font-size: 16px;
}
.product-tel{
	color: #ff6d10;
	font-size: 24px;
	font-weight: bold;
}

.product-info div.hot-product-item{
    margin-top: 30px;
}
.product-detail{
	height: 40px;
	line-height: 40px;
	padding: 0 20px 0 50px;
	margin: 20px 0 0;
	font-size: 16px;
	font-weight: bold;
	background: #eee url(../images/icon_detail.gif) no-repeat 20px center;
}
.product-thumb{
	border: 1px solid #ccc;
}
.hot-product-item img{
	width: 100%;
	height: 90px;
	border: 2px solid #ccc;
}
.hot-product-item img:hover{
	border-color: #ff6d10;
}
.hot-product-item span{
	margin-top: 10px;
}
.magnifier{
	width: 100%;
	position: relative;
}
.magnifier-container{
	width: 406;
	height: 310px;
	overflow: hidden;
	position: relative;
	border: 1px solid #ddd;
}
.move-view{
	width: 100px;
	height: 100px;
	position: absolute;
	background-image: url('../images/move-box.png');
}
.images-cover{
	height: 100%;
	width: 100%;
	position: relative;
}
.images-cover img{
	position: absolute;
}
.magnifier-assembly{
	height: 92px;
	overflow: hidden;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
}
.magnifier-btn{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	margin-top: 15px;
}
.magnifier-btn span{
	height: 45px;
	width: 10px;
	color: #fff;
	display: block;
	z-index: 9998;
	cursor: pointer;
}
.magnifier-btn .magnifier-btn-left{
	float: left;
	background: url(../images/left.gif) no-repeat;
}
.magnifier-btn .magnifier-btn-right{
	float: right;
	background: url(../images/right.gif) no-repeat;
}
.magnifier-line{
	position: relative;
	overflow: hidden;
	height: 60px;
	margin-top: 10px;
}
.magnifier-line ul{
	display: block;
	font-size: 0;
	width: 10000%;
	position: absolute;
	left: 0;
	z-index: 9997;
}
.magnifier-line li{
	float: left;
	width: 91px;
	cursor: pointer;
}
.magnifier-line ul > .active .small-img{
	border-color: #bbb;
}
.small-img{
	height: 60px;
	padding: 2px;
	margin: 0 5px;
	overflow: hidden;
	border: 1px solid #ddd;
	text-align: center;
}
.small-img img{
	max-width: 100%;
	max-height: 100%;
}
.magnifier-view{
	width: 100%;
	height: 100%;
	position: absolute;
	right: -105%;
	top: 0;
	z-index: 9999;
	background-color: #fff;
	display: none;
	overflow: hidden;
}
.magnifier-view img{
	display: block;
}

@media (min-width: 1200px){
.container {
    /* width: 1270px; */
}

@media (min-width: 768px) {
  .navbar-header {
    width: 100%;
  }
  .navbar-brand {
	  float: left;
	  height: 120px;
	  padding: 20px 15px;
	}
	.navbar-default .navbar-nav > li > a {
	 background: url(../images/menu_line.gif) no-repeat right center;
	}
	.product-item img{
		width: 100%;
		height: 200px;
	}
}

@media (max-width: 767px) {
	.navbar-brand {
	  height: 50px;
	  padding: 10px 15px;
	}
	.navbar-brand img{
		height: 30px;
	}
	.navbar-default .navbar-nav > li > a{
		border-bottom: 1px dotted #efefef;
	}
	.content-title{
		font-size: 20px;
	}
	.article-info span{
		display: block;
		margin-top: 8px;
	}
	.news-hot-list li{
		width: 100%;
		float: none;
	}
	.product-img-item{
		width: 92%;
	}
	.product-img-item img{
		width: 22%;
	}
	.product-info{
		margin-top: 20px;
	}
	.hot-product-item{
		margin-bottom: 15px;
	}
	.hot-product-item img{
		height: auto;
	}
	.magnifier{
		width: 100% !important;
		overflow: hidden;
	}
	.magnifier-container{
		width: 100%;
		height: 270px !important;;
	}
	.magnifier-line li{
		float: left;
		width: 100px;
		cursor: pointer;
	}
}