
/*CSS reset*/
html, body, div, p,ol,ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select,fieldset,legend, button, textarea,iframe, table, marquee,img{ margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6{font-size:12px;}
html{
	min-width:100%; 
	min-height:100%; 
	overflow-x:hidden;
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	}
fieldset{border:0 none;}
legend{display:none;}
textarea,input,button{outline:none;}
table{border-collapse:collapse;border-spacing:0;}
img{ 
  border: 0 none;
  vertical-align:bottom; /*空隙的解决方法*/ 
}
ul, li{ list-style-type: none; }
em{ font-style:normal;}
body{
	font-family:"Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", Tahoma, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:14px;
	behavior:url("http://zjmsryp.com/_skins/3her/csshover.htc")/*解决IE6不支持hover的问题*/;
	background-color: #eee;
    /*overflow-x:hidden;*/
	}

article, aside, figure, figcaption, footer, header, hgroup, nav, section, summary,time{display: block;}
/*文本选择的高亮效果*/
::selection{background:#000; color:#fff;}
::-moz-selection{background:#000; color:#fff;}
::-webkit-selection{background:#000; color:#fff;}
/*文本占位符颜色*/
::-webkit-input-placeholder { /* WebKit browsers */
	color: #666;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #666;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #666;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #666;
}
.placeholder{color: #999;}

/*原子类*/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left: auto;margin-right: auto;}
.fl{float:left;display:inline;} 
.fr{float:right;display:inline;}
.clearfix:after{
  content:"."; 
  display:block;
  height:0;
  line-height:0; 
  clear:both;
  visibility:hidden;
  }
.clearfix{zoom:1;/*IE6/7*/}
.hide{ display:none;}
.b{ border:1px solid #000000;}
.w{ border:1px solid #ffffff;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f22{font-size:22px;}
.f23{font-size:23px;}
.f24{font-size:24px;}
.f25{font-size:25px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.block{ display:block;}
.inline-block{display:inline-block; *display: inline;}
.fw-bold{ font-weight:bold;}
.fw-normal{ font-weight:normal;}
.fs-normal{ font-style: normal;}
.lh36{line-height:36px;}
.lh24{line-height:24px;}
.c-white{ color:#fff;}
.c-blue{ color:#0373cc;}
.c-red{color:#C03;}
.c-gray{color:#999;}
.text-upper{text-transform: uppercase;}
.text-lower{text-transform: lowercase;}
.gray-border{ border:1px solid #eaeaea;}
.pointer{ cursor:pointer;}
.Arial{font-family:Arial, Helvetica, sans-serif;}
.over-hidden{overflow:hidden;}
.pos-r{position:relative;}
.pos-a{position:absolute;}
.pos-f{position: fixed;}
.z1{z-index: 1;}
.z2{z-index: 2;}
.z3{z-index: 3;}
.z4{z-index: 4;}
.z5{z-index: 5;}
.z6{z-index: 6;}
.z7{z-index: 7;}
.z8{z-index: 8;}
.z9{z-index: 9;}
.z10{z-index: 10;}
.z1000{z-index: 1000;}
.v-middle{vertical-align: middle;}
/*竖排-从右到左*/
.vertical-rl{
  -webkit-writing-mode:vertical-rl;
  writing-mode:vertical-rl;
  writing-mode:tb-rl\9;
}
/*竖排-从左到右 ie6-10不兼容 建议少用*/
.vertical-lr{
  -webkit-writing-mode:vertical-lr;
  writing-mode:vertical-lr;
  writing-mode:lr-tb\9;
}
.transparent{
	filter:alpha(opacity=50);
	-khtml-opacity:0.5;
	-moz-opacity:0.5;
	opacity:0.5;
	}
.right_triangle {
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 10px;
  border-color: transparent transparent transparent #008091;
  border-style: dashed dashed dashed solid;
}

/*ie6 hack about position*/
* html, * html body {
	background-image: url(about:blank);/*设置空图片，清除跳变效果*/
	background-attachment: fixed;
}
* html #menu{
	position: absolute;
	bottom: auto;
	top: expression(100+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
}
 .ellipsis{
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	}
.img-responsive{max-width:100%;}
/*a*/
a{blr:expression(this.onFocus=this.blur())/*IE下*/; transition:all ease-in-out .2s/*IE10+、Firefox、chrome、Opera*/;} 
a:focus{outline:none;}/*FF下*/
a:link{color:#333;text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover{color:#a7c906;text-decoration:none;}


/*网页宽度*/
.w1920{
  width:1920px;
  position:relative;
  top: 0;
  left: 50%;
  margin-left: -960px;
}
.w1200{
  width:1200px;
  position:relative;
  top: 0;
  left: 50%;
  margin-left: -600px;
}
.bg-white{background-color:#fff;}
/*Header*/
.backToTop {
	display: none; 
	width: 40px;
	height:40px;
	line-height: 1.2em;
	padding:5px 5px;
	background:url(../image/up.png) no-repeat center top;
	text-align: center;
	position: fixed;
	_position: absolute;
	z-index:999;
	right: 50px;
	bottom: 20px;
	_bottom: "auto";
	cursor: pointer;
	opacity: .6;
	filter: Alpha(opacity=60);
  }
 /*Header*/
#header{
  background-color: #fff;
}
.logo{
  background:url(../image/logo.png) no-repeat left center;
  height: 100px;
  text-indent: -9999px;
}
.header-right{
  width: 100%;
  top: 10px;
}
.hotline-title{
	height: 31px;
	line-height: 31px;
	font-size: 18px;
	background:url(../image/index_1.png) no-repeat right center;
	padding-right: 40px;
}
.hotline-content{
	font-size: 27px;
	color: #a7c906;
}

  /*Menu*/
.menu{
  height:45px;
  background-color: #a7c906;
}
.menu ul{}
.main-nav{
  float: left;
  display: inline;
  height: 45px;
  padding:0 35px;
}
.main-nav a{
  display:block;
  height: 45px;
  line-height: 45px;
  padding: 0 35px;
  font-size: 14px;
  position: relative;
  z-index: 2;
}
.main-nav a:link{color:#fff;text-decoration:none;}
.main-nav a:visited{color:#fff;text-decoration:none;}
.main-nav a:hover,.main-nav a.active{
  color:#393939;
  text-decoration:none;
}
.main-nav a:hover:before,
.main-nav a.active:before{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -27px;
  width: 100%;
  height: 54px;
  background-color: #c8e53f;
  z-index: -1;
}
.main-nav a.default{
  color:#fff;
  background:none;
}
.main-nav a.default:before{
	background-color: transparent;
}
/*Banner*/
.banner-scroll{
  height: 602px;
  overflow: hidden;
	}
.banner-scroll{background-color: #121212;}
.banner-btn{
 width:100%;
 position:absolute;
 bottom:10px;
 z-index:999;
 text-align:center;
 padding: 10px 0;
}
.banner-btn ul{}
.banner-btn ul li{
  margin-left:4px;
  display:inline-block;
  *display:inline;
  width:10px;
  height:10px;
  background-color:#fff;
  cursor:pointer;
  border-radius:5px;
  zoom:1;
}
.banner-btn ul li.active{background-color:#a7c906;}
.banner-arrow{
 width: 50px;
 height: 50px;
 position: absolute;
 top: 42%;
 z-index: 100;
 background-image: url(../image/banner_arrow.png);
 background-repeat: no-repeat;
 cursor: pointer;
 display: none;
}
.banner-scroll:hover .banner-arrow{display: block;}
.banner-prev{background-position: 0 0; left: 0;}
.banner-next{background-position: -50px 0; right: 0;}

/*Content*/
.content{
	margin:0 auto;
	width:1200px;
	padding:20px 0 0 0;
	}

/*Advantage*/
.advantage{}
.advantage-title{
	height: 50px;
	position: relative;
	font-size: 24px;
}
.advantage-title:before{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -400px;
	width: 800px;
	height: 1px;
	background-color: #dedede;
}
.advantage-title:after{
	content: '';
	position: absolute;
	left: 50%;
	bottom: -1px;
	margin-left: -45px;
	width: 90px;
	height: 3px;
	background-color: #a7c906;
}
.advantage-content{margin-top: 40px;}
.advantage-list{
	float: left;
	display: inline;
	padding: 25px 58px;
	-webkit-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
}
.advantage-list:hover{
	background-color: #a7c906;
	color:#fff;
}
 .advantage-photo{
 	-webkit-transition: -webkit-transform ease-in-out .5s;
	-o-transition: -o-transform ease-in-out .5s;
	transition: transform ease-in-out .5s;
 }
.advantage-list:hover .advantage-photo{
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);		/* IE 9 */
	-webkit-transform: rotate(360deg);	/* Safari and Chrome */
	-o-transform: rotate(360deg);		/* Opera */
	-moz-transform: rotate(360deg);	
}
.advantage-name{font-size: 18px; margin-top: 25px;}

/*Panel*/
.panel-bg{
	margin-top: 20px;
	height: 360px;
	background-color: #fff;
	padding-top: 50px;
	position: relative;
	z-index: 0;
}
.panel-bg:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 190px;
	background-color: #a7c906;
	z-index: -1;
}

.panel{
	margin-left: 15px;
	width: 359px;
	height: 311px;
	border:1px solid #dedede;
	background-color: #fff;
	overflow: hidden;
	position: relative;
}
.panel:first-child{margin-left: 0;}
.panel-title{
	height: 52px;
	line-height: 52px;
	font-size: 18px;
	padding-left: 35px;
	border-bottom:1px solid #dedede;
	position: relative;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.panel-title:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100px;
	height: 1px;
	background-color: #a7c906;
}
.about-title{background-image: url(../image/index_7.png);}
.panel-content{}
.panel-summary{
	margin-top: 15px;
	padding: 0 15px;
	height: 130px;
	line-height: 32px;
	overflow: hidden;
}
a.panel-more{
	position: absolute;
	right: 10px;
	top: 0;
	font-size:30px;
	height: 52px;
	line-height: 52px;
}

.products{
	
	width: 444px;
}
.products-content{
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 400px;
	height: 230px;
	overflow: hidden;
}
.products-item{}
.products-list{
	float: left;
	display: inline;
	width: 215px;
}
.products-photo{
	margin: 0 auto;
	width: 188px;
	height: 170px;
	line-height: 170px;
	border:1px solid #dedede;
	font-size: 0;
	overflow: hidden;
}
.products-photo img{

}
.products-name{}

/*Sidebar*/
.sidebar{width:230px; height:auto; background-color:#fafafa;}
.sidebarTitle{
	width:230px; 
	height:40px;
	line-height:40px;
	text-align:center; 
	font-size:17px; 
	color:#fff;
	background: linear-gradient(top,#a7c906,#829c09);
	background: -webkit-linear-gradient(top,#a7c906,#829c09);
	background: -moz-linear-gradient(top,#a7c906,#829c09);
	background: -ms-linear-gradient(top,#a7c906,#829c09);
	background: -o-linear-gradient(top,#a7c906,#829c09);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7c906', endColorstr='#829c09'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7c906', endColorstr='#829c09')"; /* IE8 */
	}
.sidebarContent{
	width:228px; 
	height:auto; 
	padding:5px 0 10px 0;
	border:1px solid #eee;
	}
  .items{height:auto;}
  .items li{
	  margin:0 auto;
	  width:210px; 
	  height:43px;
	  padding:3px 0 0 0; 
	  border-bottom:1px solid #eeeeee; 
	  
	  }
  .items li a{
	  display:block; 
	  width:210px; 
	  height:40px; 
	  line-height:40px;
	  font-size:14px; 
	  text-align:center;
	  text-overflow:ellipsis;
	  white-space:nowrap;
	  overflow:hidden;
	  }
  .items li a:link{color:#333;text-decoration:none;}
  .items li a:visited{color:#333;text-decoration:none;}
  .items li a:hover,.items li a.active{color:#829c09;text-decoration:none; font-weight:bold; background-color:#f4f5f3;}
  .items li a.default{color:#333; font-weight:normal; background-color:transparent;}
  
  /*产品分类*/	
  .items li.firstLevel{}
  .items li.firstLevel a{
	  text-align:left; 
	  text-indent:25px;
	  font-size:14px; 
	  font-weight:bold;
	  }
  .items li.secondLevel{
	  width:210px;
	  height:25px;
	  margin-top:3px;
	  background:#f6f8f8 url(../image/dot_1.png) no-repeat 10% center;
	  border-bottom:0 none;
	  }
  .items li.secondLevel a{
	  display:block;
	  width:210px;
	  height:25px;
	  line-height:25px;
	  font-size:12px;
	  text-align:left;
	  text-indent:35px;
	  }  
  .items li.secondLevel a:link{color:#4e4c4c;text-decoration:none;}
  .items li.secondLevel a:visited{color:#4e4c4c;text-decoration:none;}
  .items li.secondLevel a:hover,.items li.secondLevel a.active{
	  color:#336699;
	  text-decoration:underline;
	  font-weight:normal !important;
	  background:none;
	  }

/*right*/
.right{width:930px; height:auto;}
  .right_title{
	  width:930px; 
	  height:37px; 
	  line-height:37px;
      border-bottom:1px solid #dbdbdb;
	  overflow:hidden;
	  }
    .tit{
		font-size:18px; 
		margin:0 0 0 10px;
		letter-spacing:1px; 
		color:#829c09; 
		}
    .location{ margin:0 15px 0 0;}
	
  .right_content{width:910px; height:auto; line-height:24px; padding:25px 10px 15px 10px; overflow:hidden;}
  .right_content p{margin-bottom:12px;}
  .rightContact{width:100%; min-height:213px; _height:213px; background:url(../image/contact.png) no-repeat right center;}
  .noInfo{width:100%;height:300px;line-height:300px;text-align:center;font-size:34px;}
  
  /*照片墙*/
  .image_gallery{overflow:hidden;}
  .image_gallery li{margin:0 0 15px 15px;float:left;display:inline;}
   .ig_bg{
	   width:200px; 
	   height:150px; 
	   border:1px solid #80990a; 
	   background-color:#f1f3e5;
	   }
   .pro_ig_bg{
	   width:200px; 
	   height:250px; 
	   border:1px solid #cacaca; 
	   background-color:#f1f3e5;
	   }
   .ig_bg:hover,pro_ig_bg:hover{background-color:#ecede5; opacity:0.8; filter:alpha(opacity=80);}
  
  .newsItems{padding-bottom:10px;}
	.news_lists{border-bottom: 1px dotted #736f64;line-height:35px; height:35px;}
	
	/*新闻最终页*/
  .new_banner{
	  width:100%;
	  height:35px;
	  line-height:35px;
	  margin:15px 0;
	  background-color:#daddc9;
	  }
	.pubTime{display:inline-block;}
  .browse{margin-left:20px;}
  .bottom_line{height:10px;border-top:1px dotted #bebdbd;width:100%;margin-top:20px;} 
  .goBack{color:#7b0002;margin-right:10px;margin-top:10px;}
  
  /*Feedback*/
.feedback{
	width:500px;
	height:auto;
	margin:auto;
	overflow:hidden;
	}
.feedback_title{
	width:85px;
	height:30px;
	line-height:30px;
	font-size:18px;
	font-weight:normal;
	text-align:center;
	border-bottom:2px solid #30c375;
	}

.feedback p{padding:2px;zoom:1;overflow:hidden;}
.feedback label{width:60px; display:block; height:28px; line-height:28px;font-weight:700;}
.form_textarea{
	width:462px;
	padding:10px;
	background-color:#f2f2f2;
	resize:none;
	}
.form_text{
	height:22px;
	line-height:22px;
	padding-left:5px;
	background-color:#f2f2f2;
	}
.w221{width:221px;}
.w475{width:475px;}
.postsubmit{
	width:150px;
	height:30px;
	text-align:center;
	color:#fff;
	font-size:16px;
	background-color:#b12023;
	border:0 none;
	}

/*Footer*/
#footer{
	padding: 20px 0;
	line-height: 24px;
}
.footer-nav a{
	display: inline-block;
	margin: 0 5px;
}




/*分页*/
.page{ height:50px; line-height:50px; text-align:center;}
.page_turner{padding:4px 0px 0px 1px; display:inline-block;}
.page_turner a, .page_turner span{ display:inline-block;border:1px solid #44bbe2;padding:3px 7px;margin-left:4px;line-height:14px;}
.page_turner a:link, .page_turner a:visited{text-decoration:none;}
.page_turner a:hover, .page_turner a.c{background:#3398c8;color:#fff}
/*留言板*/
textarea, select,input{border:1px solid #CCC;font-size:12px;padding:2px;}

/*人才招聘*/
.recruitment{width:100%;margin-top:10px;border:1px solid #f6a80d;}
.recruitment th{padding:5px;border:1px solid #f6a80d;text-align:center;}
.recruitment td{padding:5px;border:1px solid #f6a80d;}
