/* pc屏幕 */
@media (min-width: 768px) {
body{
	position: relative;
	min-width: 1200px;
}
.container{
	width:1200px;
	margin:0 auto;
	padding:0;

}
.row{ margin:0; padding:0;}
.fl{
	float:left;
}
.fr{
	float:right;
}

.row{ margin:0; padding:0;}




.left_float{ width:1.5rem; height:3.8rem; background:url(../images/left.png) no-repeat; position:fixed; left:0; top:50%; margin-top:-1.9rem; border:1px solid #ccc; z-index:99999}
.left_float ul{ width:1.5rem; padding-top:2.8rem;}
.left_float ul li{ height:0.5rem; line-height:0.5rem; text-align:right;}
.left_float ul li a{ color:#101010; font-size:0.18rem; display:block; margin-right:0.33rem;   text-decoration:none;}
.left_float ul li a:hover{ font-weight:bold;}


  /*header s*/
/*header s*/
	.navbar{
		width:100%;
		background:#fff;
		margin:0;
		padding: 0;
		border:none;
	} 
	.navbar .navbar-heade .container{
		overflow: hidden;
	}
	.navbar .navbar-header{
		width:100%;	
		height:1rem;
		margin:0 auto;
		background:#fff;
	}
	.navbar .navbar-brand {
		float: left;
		padding: 0;
	}
	.navbar .navbar-brand .logo{
		width:0.84rem;
		height:0.77rem;
		margin: 0.11rem 0.27rem 0 0; 
	}
	.navbar .navbar-brand .title{
		text-indent: -99999px;
	}
	.navbar .navbar-header .add{
		float: left;
		overflow: hidden;
		margin-top: 0.38rem;
		color:#1b2314;
		font-size:0.24rem;
		font-weight: bold;
		line-height: 0.24rem;
		text-align: center;
	}
	.navbar .navbar-header .add span{
		margin-right:0.16rem;
		margin-top:-0.03rem;
		font-size:0.14rem;
		line-height: 0.3rem;
		vertical-align: middle;
		display: inline-block;
	}
	.navbar .navbar-header .tel{

		 padding-top: 0.13rem;
		float: right;
		overflow: hidden;
	}
	.navbar .navbar-header .tel dt{
		font-size:0.2rem;
		font-weight:bold;
		color:#Avanti;
        padding-left:0.36rem;
		background:url(../images/header_tel.png) no-repeat left top;
	
	}
	.navbar .navbar-header .tel dd{
	  font-family:Avanti;
      font-size:0.36rem;
	  color:#222;
	  line-height:0.53rem;
	  font-weight:bold;
	}
	
	
	#nav_list{
		width:100%;
		height:0.4rem;
		background: #222;
	}
	#nav_list .nav{
		overflow: hidden;
		
		width:100%;
		height:0.4rem;
	}
	#nav_list .nav li{
		float: left;
		width:20%;
		height:0.4rem;


		
		
		text-align: center;
	}

	#nav_list .nav li a{
        margin-top:0.1rem;
		color:#fff;
		font-size: 0.2rem;
		text-align: center;
		background:none;

	}
	
  #nav_list .nav li.active{
	  font-size: 0.16rem;
	  font-weight:bold;
  }	
	
	

	/*header e*/
	
 /*header e*/
  .banner-index{
	  overflow: hidden;
	  width:100%;
	  max-height:8.0rem;

 }

  /*首页公共标题 s*/
  .header{
	  text-align: center;
  }
  .header .title{
	  color:#9d7957;
	  font-size:0.36rem;
	  font-weight:bold;
	  padding-top:1.03rem;
      letter-spacing: 0.03rem;
	  background:url(../images/logo.png) no-repeat center top;

  }
  
	  .header .add{
	  margin-top:0.34rem;
	  color:#666;
	  font-size:0.24rem;
	  line-height: 0.24rem;
	  letter-spacing: 0.03rem;
	  font-weight:lighter;


  }


.life{width:100%; padding-top:0.64rem; text-align:center;}
.life .content{ margin-top:0.63rem;}

.life .content .block{ width:25%; float:left; margin:0 auto;}
.life .content .block .cont{ width:83.33%;}
.life .content .block .cont img{ border:1px solid #9d7957; width:100%; height:100%;}

.life .content .block .tit{ font-size:0.24rem; color:#222; padding-top:0.5rem; background:url(../images/life_05.png) no-repeat center top; margin-top:0.23rem; font-weight:bold;}

.life .content .block .add{ font-size:0.16rem; color:#222;}

.life .content .block .cont .hr{ width:0.2rem; height:0.02rem; display:inline-block; background:#9d7957; margin-top:0.22rem; margin-bottom:0.15rem; transition: all .3s;}
.life .content .block  .cont:hover .hr{ width:72px;}


.family{ height:3rem; margin-top:0.7rem; background:url(../images/family.jpg) no-repeat center; background-size:cover;  text-align:center;}
.family_tel{ width:3.56rem; height:0.46rem; line-height:0.46rem; font-size:0.26rem; font-weight:bold; display:inline-block; margin-top:2rem; border-radius:0.46rem; background:#fff; color:#101010;}

.free{ height:3rem; background:url(../images/free.jpg) no-repeat center; background-size:cover;  text-align:center;}
.free_tel{ padding-left:0.2rem; padding-right:0.2rem; height:0.46rem; line-height:0.46rem; font-size:0.26rem; font-weight:bold; display:inline-block; margin-top:2rem; border-radius:0.46rem; background:#fff; color:#101010;}


/*philosophy s*/
.philosophy{
	width:100%;
	margin-top:0.67rem;
	
}
.philosophy .content{
	width:12rem;
	height:7.6rem;
	
	background:url(../images/phi_bg.png) no-repeat center; 
	margin-top:0.65rem;

	

}
.philosophy .content .block{width:33.3%; float:left; margin-bottom:0.24rem;}

.philosophy .content .con{width:93.75%; margin:0 auto; position:relative;}
.philosophy .content .block .con .pic img{ width:100%; height:100%;}

.philosophy .content .block .cont{ position:absolute; width:100%; top:30%; padding-left:0.3rem; padding-right:0.3rem; }

.philosophy .content .block .cont .tit{ font-size:0.3rem; color:#9d7957; font-weight:bold;}
.philosophy .content .block .cont .tit span{ font-size:0.3rem; color:#101010; padding-left:0.16rem;}
.philosophy .content .block .cont .hr{ width:0.2rem; height:0.02rem; background:#101010; margin-top:0.16rem; margin-bottom:0.09rem; transition: all .3s;}
.philosophy .content .block  .cont:hover .hr{ width:72px;}


.philosophy .content .block .cont .add{ line-height:0.28rem; font-size:0.18rem; color:#666}
.philosophy .content .block .cont:hover .add{ color:#9d7957;}






.world { width:100%; padding-top:0.71rem; padding-bottom:0.3rem; background:#f7f7f7; text-align:center}
.world .content{ margin-top:0.61rem;}
.world .block{  float:left; width:25%; margin-bottom:0.31rem;}
.world .block .cont{ width:87%; margin:0 auto; position:relative;}
.world .block .cont img{ width:100%; height:100%;}
.world .block .cont h3{ width:100%; text-align:center; position:absolute; top:50%; margin-top:-0.12rem; color:#101010; font-size:0.24rem; font-weight:bold;}



.time{ margin-top:0.3rem;}
.time .title { font-size:0.36rem; font-weight:bold; color:#9d7957; text-align:center; background:url(../images/time.png) no-repeat center;}


	.time #swiperIndexCases{
		margin-top:0.5rem;
		padding-bottom: 0.6rem;
	}
	.time .swiper-pagination-bullet{
		width:0.1rem;
		height:0.1rem;
		opacity: 1;
		background: #898a89;
		border-radius: 0.05rem;
	}
	.time .swiper-pagination-bullet-active{
		width:0.35rem;
		background: #9d7957;
	}




.busy{ padding-top:0.60rem;}
.busy .content{ margin-top:0.44rem;}
.busy .content .pic { width:4.65rem; height:3.81rem; float:left; margin-right:0.25rem;}
.busy .content .cont { width:7rem; margin-top:0.37rem; float:left;}
.busy .content .cont .block{ margin-bottom:0.15rem;}
.busy .content .cont .block h3{ font-size:0.24rem; font-weight:bold; color:#9d7957;}
.busy .content .cont .block .add{ font-size:0.16rem; color:#666; margin-top:0.15rem;}


.good{ width:100%; padding-top:0.54rem; background:#f7f7f7}
.good .content{ margin-top:0.65rem}

.good .block{ width:25%; float:left; border:1px solid #000}
.good .block .cont{ width:94%; margin:auto; border:1px solid #9d7957; position:relative;}

.good .block .cont .pic img{ width:100%; height:100%;}

.good .block .cont .con{ position:absolute; bottom:0; background:#f3f3f3; padding:0.25rem; padding-bottom:0.1rem;  background:rgba(250,248,246,0.8)}
.good .block .cont .con:hover{  background:rgba(250,248,246,0.7); transition:all .3s;}
.good .block .cont .con .title{ font-size:0.24rem; color:#222 }
.good .block .cont .con .info{ font-size:0.24rem; color:#9d7957; font-weight:bold;  margin-top:0.15rem;}



.good .block .cont .con .box{ height:0; overflow:hidden;}
.good .block .cont .con .hr{ width:0.2rem; height:0.02rem; display:inline-block; background:#9d7957; margin-top:0.15rem; margin-bottom:0.10rem; transition: all .3s;}
.good .block .cont .con:hover .hr{ width:72px;}
.good .block .cont .add{ line-height:0.26rem; font-size:0.18rem; color:#666 }
.good .block .cont .con:hover .box{  height:auto;}


.aboutus{ width:100%; padding-top:0.57rem;   }
.aboutus .content { height:5rem; background:url(../images/aboutus.png) no-repeat; margin-top:0.58rem; margin-bottom:0.47rem; position:relative;}
.aboutus .pic  {
	position:absolute;
	left:0.45rem;

}
.aboutus .pic  img{ width:100%; height:4.23rem;}
.aboutus .con { width:5.25rem; position:absolute; top:1.2rem; left:5.93rem;}

.aboutus .con  h3{ color:#101010; font-size:0.24rem; font-weight:bold;}
.aboutus .con .hr { width:0.2rem; height:0.02rem; display:inline-block; background:#9d7957; margin-top:0.15rem; margin-bottom:0.10rem; transition: all .3s;}
.aboutus .con:hover .hr{ width:0.72rem;}
.aboutus .con .block {
	color:#565656;
	font-size:0.16rem;
	line-height: 0.4rem;
	text-align:justify;
}

/*首页结束*/

	

	
/*about s*/
 .sec_title {
		font-size:0.3rem;
		text-align:center;
		color:#101010;
		margin-top:0.6rem;
		font-weight:bold;
		background:url(../images/line.png) no-repeat center 0.16rem;
		margin-bottom:0.5rem;
	}

.about .content{
   width:1160px; margin:0 auto; background:url(../images/about_bg.png) no-repeat right top;
}
	.about .pic{
		width:5.7rem;
		height:6.4rem;
		float:left;
	}
	.about .btn{
		width:0.37rem;
		height:0.37rem;
		outline: none;
	}
	.about .swiper-button-prev{
		background: url(../images/index_products_prev.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size:cover;
	}
	.about .swiper-button-next{
		background: url(../images/index_products_next.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size:cover;
	}

	
	.about .txt{
		width:5.7rem;
		height:6.4rem;
		padding-top:0.8rem;
		float:left;
		background:#e5e5e5;	


	}
	
	.about .txt{
		color:#101010;
		font-size:0.18rem;
		line-height: 0.45rem;	
		letter-spacing: 0.01rem;
	}
	
		.about .txt .add{
			width:80%;
			margin:0 auto;


	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.about #swiperHonor {margin-top:0.45rem; margin-bottom:0.2rem;}
.about #swiperHonor a{ display:block;}
.about #swiperHonor .cont{
  overflow: hidden;

  border:1px solid #ed0d13
}

.about #swiperHonor .cont h2{ font-size:0.24rem; height:0.8rem; line-height:0.8rem; text-align:center; font-weight:bold; color:#101010;}

.about #swiperHonor .cont img {
  width:100%;
}
.about #swiperHonor{
  padding-bottom: 0.7rem;
}
.about .swiper-pagination-bullet{
  width:0.1rem;
  height:0.1rem;
  opacity: 1;
  background: #666;
  border-radius: 0.05rem;
}
.about .swiper-pagination-bullet-active{
  width:0.35rem;
  background: #101010;
}	
	
.about_bottom{ height:4.7rem; background: url(../images/about_bottom.jpg) center no-repeat; background-size:100% 100%;}	
	
.about_bottom .content{ margin-top:1.61rem;}
.about_bottom .content .block{ width:33.3%; height:2.06rem; float:left;}
.about_bottom .content .block:nth-child(2){ border-left:1px dashed #4a4a4a; border-right:1px dashed #4a4a4a}
	
.about_bottom .content .cont{ padding-left:0.5rem; padding-right:0.5rem;}
.about_bottom .content .cont .hr{ width:0.2rem; height:0.02rem; display:inline-block; background:#9d7957; margin-bottom:0.15rem; transition: all .3s;}
.about_bottom .content  .cont:hover .hr{ width:72px;}	
.about_bottom .content .cont h3{ color:#dec4a9; font-weight:bold; font-size:0.3rem; line-height:0.77rem;}	
.about_bottom .content .cont .con{ line-height:0.30rem; color:#fff; font-size:0.2rem;}	




	
	
	/*about e*/

/*product s*/
	.product{
		width:100%;
		padding-top: 30px;
		padding-bottom: 40px;
	}
	.product-nav{
		overflow: hidden;
	}

	.product-nav .cont a{
		background: url(../images/product_bg.png) center no-repeat;
		background-size: 100% 100%;
		display:block;
		float:left;
		height:0.64rem;
		line-height:0.64rem; 
		text-align:center;
		font-size:0.24rem;
		margin-right:0.43rem;
		padding-left:0.4rem;
		padding-right:0.4rem;
		color:#101010;
		margin-bottom:0.10rem;
	}


	
	.product-nav .cont a:hover{
	    background: url(../images/product_nav_bg.png) center no-repeat;
		background-size: 100% 100%;
		display:block;
		padding-left:0.4rem;
		padding-right:0.4rem;
		color:#fff;
		
	}
	.product-nav .cont a.active{
		background: url(../images/product_nav_bg.png) center no-repeat;
		background-size: 100% 100%;

		height:0.64rem;
		line-height:0.64rem; 
		font-weight:bold;
		padding-left:0.4rem;
		padding-right:0.4rem;
		font-size:0.24rem;
		color:#fff;
	}
	
	.product .content{
		margin-top:20px;
		padding-bottom: 20px;
	}
	.product .content .block{
		padding:0 10px;
		margin-bottom: 26px;
	}
	.product .content .block a{
		display: block;

		text-align: center;
	}
	.product .content img{
		width:100%;
	}
	.product .content .tit{
		width:100%;
		margin:0;
		background: #9d7957;
		color:#fff;
		font-size:18px;
		line-height: 45px;
	}
	.product .content a:hover .tit{
		color:#fff;
	}
	
	


.product .content .block{ width:25%; float:left; position:relative;}
.product .content .block .cont .pic img{ width:100%; height:100%; border:1px solid #101010;}

.product .content .block .cont .circle{ display:none;}
.product .content .block .cont:hover .circle{
	overflow:hidden;
	position:absolute;
	width:2.1rem;
	height:2.1rem;
	top:50%;
	padding:0;
	margin-top:-1.05rem;
	left:50%;
	margin-left:-1.05rem;
	display:inline-block;
	border-radius:2.1rem; /* 圆形边缘弧度 */
	filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7;
	display:inline-block;
	background-color:#282828;
	text-align:center;

}
.product .content .block .cont .circle span{
    text-align:center;
	width:2.1rem;
	position:absolute;
	top:50%;
	left:0;
	display:block;
	margin-top:-0.12rem;

	font-size:0.24rem;
	color:#fff;
	font-weight:bold;

} 

	
	/*product e*/
	
	
	/*case s*/
	.case{
		width:100%;
	}
	.case .content{
		overflow: hidden;
		padding-top: 0.12rem;
	}
	.case .block{
		overflow: hidden;
		float: left;
		width:33.33%;
		margin-bottom: 0.46rem;
	}
	.case .cont{
		overflow: hidden;
		display: block;
		width:2.73rem;
		margin:0 auto;
		text-align: center;
	}
	.case .pic{
		overflow: hidden;
		width:100%;
		height:2.52rem;
	}
	.case .pic img{
		width:100%;
		height:100%;
	}

	.case .tit{
		width:100%;
		height:0.46rem;
		line-height: 0.46rem;
		color:#fff;
		font-size:0.22rem;
		letter-spacing: 0.01rem; 
		background: #006300;
	}
	/*case e*/
	/*news s*/
	.news{
		width:100%;
		padding-top:0.28rem;
		padding-bottom: 0.3rem;
	}
	.news .block{
		overflow: hidden;
		width:100%;
		margin-bottom: 0.43rem;
	}
	.news .block .pic{
		overflow: hidden;
		float: left;
		width:2.88rem;
		height:2.18rem;
	}
	.news .block img{
		width:100%;
		height:100%;
	}
	.news .block .con{
		float: left;
		width:8.3rem;
		margin-left:0.33rem;
		padding-right: 0.1rem;
		padding-top: 0.22rem;
	}
	.news .block .tit{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		height:0.24rem;
		color:#006300;
		font-size:0.24rem;
		line-height: 0.24rem;
	}
	.news .block .date{
		margin-top: 0.2rem;
		color:#c4c4c4;
		font-size:0.14rem;
		font-family:SOURCEHANSANSCNNORMAL;
		line-height: 0.14rem;
	}
	.news .block .add{
		overflow: hidden;
		height:1.2rem;
		margin-top: 0.14rem;
		color:#979797;
		font-size:0.16rem;
		font-family:SOURCEHANSANSCNNORMAL;
		line-height: 0.4rem;
	}
	/*news e*/
	
	/*show s*/
	.show{
		width:100%;
		padding: 0 0.1rem;
		margin-bottom:0.4rem;
	}
	.show .head-detail{
		overflow: hidden;
		height:1.5rem;
	}
	.show .head-detail .title{
		height:1.07rem;
		line-height: 1.5rem;
		margin:0 0 0.08rem;
		text-align: center;
		color: #262626;
		font-size:0.22rem;
	}
	.show .head-detail .add{
		color:#7a7a7a;
		font-size: 0.12rem;
		text-align: center;
	}
	.show .head-detail .add .authors{
		display: inline-block;
		margin-left: 0.2rem;
	}
	.show .head-detail .add .date{
		margin-left: -0.2rem;
	}
	.show .content img{
        max-width: 100%;
      }
	.show .content p{
		text-indent: 2em;
	}
	.show .prev-next{
		overflow: hidden;
		margin:0.38rem 0 0.54rem;
	}
	.show .prev-next a{
		overflow: hidden;
		display: block;
		width:40%;
		color:#262626;
	}
	.show .prev{
		float: left;
		text-align: left;
	}
	.show .next{
		float: right;
		text-align: right;
	}
	
	
	.show_product{ margin-bottom:0.4rem;}
	.show_product .title{ font-size:0.24rem; margin-top:0.4rem; margin-bottom:0.35rem; text-align:center}
	
	#showPic { display:none;}
	/*show e*/

	/*contact s*/
	.contact{
		width:100%;
	}
	.contact .content{
		width:100%;
		padding-top:0.39rem;
	}
	.contact .content .address{
		overflow: hidden;
		margin:0.0rem 0 0.63rem;
	}
	.contact .content .block{
		overflow: hidden;
		float: left;
		width:25%;
		text-align: center;
	}
	.contact .content .block .pic{
		width:1.21rem;
		height:1.21rem;
	}
	.contact .content .tit{
		color:#747474;
		margin:0.23rem 0 0.1rem;
		font-size:0.18rem;
		font-family:SOURCEHANSANSCNNORMAL;
		line-height: 0.18rem;
	}
	.contact .content .con{
		height:0.6rem;
		color:#101010;
		font-size:0.16rem;
		line-height: 0.31rem;
	}
	.contact .content .hr{
		width:50px;
		height:2px;
		margin:0 auto 0;
		background:#101010;
	}
	
	.contact .content .cont img{ width:100%; height:100%;}

	.contact .content .cont .title{
		text-align:center;
		font-weight:bold;
		font-size:0.36rem;		
		background: #fff;
		margin-bottom:0.66rem;
		
	}
	.contact .cont .line {
		height:1px; line-height:1px; background:url(../images/contact_line.png) no-repeat center;
		margin-bottom:-18px;
	}
	
.contact .content .map{
		width:100%;
		height:485px;
		background: #fff;
		margin-bottom:0.4rem;
	}
	.contact #dituContent {
		width:100%;
		height:100%;
		border:1px solid #d81213;
	}
	/*contact e*/	

/*footer s*/
	.footer{
		border-top:10px solid #9d7957;
		width:100%;
		padding-top: 0.6rem;
		padding-bottom: 0.54rem;
		background: #2e2e2e;
		color:#fff;
	}
	.footer .container{
		overflow: hidden;
	}
	.footer .zx{
		float: left;
	}
	.footer .zx .tit{
		margin:0.25rem 0 0.15rem;
		font-size:0.18rem;
		line-height: 0.18rem;
	}
	.footer .zx .num{
		font-size:0.36rem;
		line-height: 0.4rem;
		font-family:AvantiBold;
	}
	.footer .zx .copyright{
		margin-top: 0.2rem;
		color:#a5a5a5;
		font-size:0.12rem;
		font-family: "宋体";
		line-height: 0.2rem;
	}
	.footer .code{
		float: left;
		margin-left: 0.4rem;
		padding: 0 0.58rem 0.1rem 0.52rem;
		border-left:0.01rem solid #4b4b4b;
		border-right:0.01rem solid #4b4b4b;
	}
	.footer .code .tit{
		margin-top: 14px;
		font-size: 0.12rem;
		font-family: "宋体";
		line-height: 12px;
		text-align: center; 
	}
	.footer .address{
		float: right;
		width:6.2rem;
		padding-top: 0.1rem;
	}
	.footer .address .block{
		overflow: hidden;
		font-size:0.18rem;
		line-height: 0.35rem;
	}	
	/*footer e*/
}