@charset 'utf-8';


.fl{
	float: left;
}
.fr{
	float: right;
}
ul,li{
	list-style: none;
}


.navbar{
	position: fixed;
	width: 100%;
	height: 104px;
	border: none;
	border-radius: 0;
	margin-bottom: 0;
	box-shadow: 0px 0px 15px #888;
	z-index: 999;
}
.navbar-brand{
    height: 0;
    padding: 0;
    line-height: 0;
}
.collapse{
	margin-top: 30px;
	float: right;
}
@media screen and (max-width:800px) {
	.collapse{
		margin-top: 2px;
		float: none;
		border: 0;
		background-color: #f1f1f1;
	}
	.about p{
		padding-top: 36%; 
	}
}
.navbar-toggle{
	margin-top: 60px;
}
.nav li a{
	color: green!important;
	font-size: 16px;
}
.nav li a:hover{
	text-decoration: underline;
}
.logo {
    height: 95px;
}
.index-banner{
	padding-top: 104px;
	width: 100%;
	height: auto;
}
.index-banner a{
	display: block;
	width: 100%;
	height: auto;
}
.index-banner a img{
	width: 100%;
	height: 100%;
}
.about {
	background: url("../images/abtit.jpg") no-repeat top center #f0e6d4;
	padding: 20px 0;
}
.about p {
	padding-top: 16%;
	text-indent: 2em;
	font-size: 16px;
	line-height: 34px;
}
.about p span {
	color: #00753e;
}

@media screen and (max-width:800px) {
	.about p{
		padding-top: 36%; 
	}
}
.more{
	background: green;
	padding: 5px;
	color: #fff;
	margin-top: -38px;
}
.abimg{
	width: 100%;
}
.case {
	height: 647px;
	background: url("../images/case.jpg")/*tpa=http://demo627.adminbuy.cn/skin/images/case.jpg*/ no-repeat center;
}
.s2-item {
	margin: 20px 0;
}
.s2-item a {
	display: block;
	position: relative;
	text-decoration: none;
	overflow: hidden;
}
.s2-img {
	display: block;
	overflow: hidden;
}
.s2-img img {
	width: 100%;
	height: auto;
	margin: 0px auto;
	transition: 600ms;
}
.s2-item:hover .s2-img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.s2-text {
	padding-bottom: 15px
}
.s2-text h4 {
	margin-top: 24px;
	height: 24px;
	margin-bottom: 0;
	font-size: 14px;
	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
	color: #666;
	text-align: left;
	line-height: 24px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}
.s2-item:hover .s2-text h4 {
	color: #2A9C2A;
}
.s2-text p {
	color: #999;
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}
.s2-text:before {
	content: '';
	width: 0;
	height: 2px;
	background: #038A03;
	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2
}
.s2-text::after {
	content: '';
	height: 1px;
	background: #e3e3e3;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2
}
.s2-item:hover .s2-text:before {
	width: 100%
}
.pic{
	padding:1px; 
	border:1px solid #B0B0B0; 
	margin:10px auto 0px 13px; 
	float:left;
}
.top_left {
	float:left;
}
.new_pic{
	text-align:center;
}

.link p{
	color: #000;
	font-weight: bold;
	font-size: 14px;
}
.link p sapn{
	color: #999;
	font-size: 12px;
}

.rollBox{
	overflow:hidden;
	padding:12px 6px 5px 13px;
	margin:0 auto;
	padding-top: 10%;
}
@media screen and (max-width:740px) {
  .rollBox{
    padding-top: 50%;
  }
}
.rollBox .LeftBotton{
	height:52px;
	width:19px;
	background:url(../images/button.gif) no-repeat 11px 0;
	overflow:hidden;
	float:left;
	display:inline;
	margin:120px 0 0 0;
	cursor:pointer;
}
.rollBox .RightBotton{
	height:52px;
	width:20px;
	background:url(../images/button.gif) no-repeat -8px 0;
	overflow:hidden;
	float:left;
	display:inline;
	margin:120px 0 0 0;
	cursor:pointer;
}
.rollBox .Cont{
	width:96%;
	overflow:hidden;
	float:left;
}
.rollBox .ScrCont{
	width:10000000px;
}
.rollBox .Cont .pic{
	width:217px;
	float:left;
	text-align:center;
	border:none;
	padding:0;
}
.rollBox .Cont .pic img{
	padding:4px;
	background:#fff;
	display:block;
	margin:0 auto;
}
.rollBox .Cont .pic p{
	line-height:26px;
	color:#505050;
}
.rollBox #List1,.rollBox #List2{
	float:left;
}
.pagetit {
  text-align: center;
  font-size: 22px;
  height: 100px;
  line-height: 100px;
}
.list {
  margin-top: 50px;
}
.list li {
  border-bottom: 1px solid #fff;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.list a {
  display: block;
  font-weight: bold;
}
.list span {
  display: block;
  font-size: 12px;
  color: #929292;
  line-height: 52px;
}
.list p {
  color: #5a5a5a;
  font-size: 12px;
}
.main {
  background: url("../images/nbg.jpg")/*tpa=http://demo627.adminbuy.cn/skin/images/nbg.jpg*/ no-repeat top center #f0e6d4;
  padding-bottom: 30px;
}
.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}
.news {
  background: url("../images/new.jpg") no-repeat top;
}
.news ul {
  margin-left: -50px;
  padding-top: 200px;
}
.news li {
  float: left;
  width: 100%;
  background: #097c3b;
  margin-bottom: 22px;
  margin-left: 20px;
  color: #fff;
}
.news li a {
  display: block;
  width: 100%;
  height: 103px;
  color: #fff;
}
.news li img {
  padding: 4px;
  border: 1px solid #e6e7e7;
  margin: 8px 14px 0 6px;
  width: 20%;
  height: 78px;
}
.news li .newinfo {
  width: 55%;
}
.news li .newinfo span {
  font-size: 16px;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
}
.news li .newinfo p {
  font-size: 12px;
  line-height: 23px;
}
.news li .time {
  width: 20%;
  height: 62px;
  text-align: center;
  border-left: 1px dotted #80d6a1;
  margin-top: 24px;
}
.news li .time p {
  font-size: 13px;
  margin-top: 8px;
  margin-bottom: 5px;
}
.news li:hover {
  background: #3ba720;
  transition: background 0.3s;
}
@media screen and (max-width:740px) {
  .news {
      background: url("../images/new2.jpg") repeat-y top;
   }
  .news ul {
    margin-left: -50px;
        padding-top: 160px;
   }
   .news .haha {
        padding-top: 2%!important;
   }
}
@media screen and (max-width:440px) {
   .news li .time {
    display: none;
  }
}
.footer {
  height: 157px;
  background: url("../images/footer.jpg")/*tpa=http://demo627.adminbuy.cn/skin/images/footer.jpg*/ no-repeat center;
  color: #fff;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width:740px) {
  .footer {
    height: 40%;
    background: url("../images/footer2.jpg")/*tpa=http://demo627.adminbuy.cn/skin/images/footer.jpg*/ repeat-y center;
  }
}
.footer {
	height: 157px;
	background: url("../images/footer.jpg")/*tpa=http://demo627.adminbuy.cn/skin/images/footer.jpg*/ no-repeat center;
	color: #fff;
	width: 100%;
	margin: 0 auto;
}
.footer a {
	color: #fff;
}
.footleft li {
	float: left;
	margin-top: 32px;
	font-size: 15px;
	margin-bottom: 20px;
}
.footleft li a {
	margin: 0 20px;
}
.footleft p {
	margin-left: 60px;
	line-height: 24px;
}
@media screen and (max-width:740px) {
  .footleft ul {
    margin-left: -30px;
  }
  .footleft p {
    margin-left: 0;
  }
}
.footcont {
	margin-top: 32px;
}
.footcont p {
	font-size: 20px;
	line-height: 35px;
}
.footcont p:last-child {
	font-size: 16px;
}
.footcont img {
	margin-right: 23px;
}
@media screen and (max-width:740px) {
  .footer {
    height: 40%;
    background: url("../images/footer2.jpg")/*tpa=http://demo627.adminbuy.cn/skin/images/footer.jpg*/ repeat-y center;
  }
}

.product {
	height: 363px;
	background: url(../images/probg.png) no-repeat center;
	margin-top: -29px;
	position: relative;
}
.product .container {
	position: relative;
	height: 363px;
}
.product .picMarquee-left {
	overflow: hidden;
	position: relative;
	top: 220px;
}
.product .picMarquee-left .bd {
	margin-left: 15px;
}
.product .picMarquee-left .bd ul {
	overflow: hidden;
	zoom: 1;
}
.product .picMarquee-left .bd ul li {
	margin: 10px 15px;
	width: 238px;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
}
.product .picMarquee-left .bd ul li img {
	width: 238px;
	height: 262px;
	float: left;
}
.product .picMarquee-left .bd ul li p {
	height: 54px;
	line-height: 54px;
	text-align: center;
	background: #00753e;
	color: #fff;
	float: left;
	width: 100%;
}
.product .picMarquee-left .bd ul li:hover {
	margin-top: 0;
	transition: margin 0.5s
}
.product a.more {
	position: absolute;
	display: block;
	bottom: 17px;
	left: 50%;
	margin-left: -15px;
}