/* 手机屏幕 */
@media (max-width: 768px) {

.row{ margin:0;}
	/*header s*/
/*header s*/
/*header s*/
	.navbar{
		width:100%;
		background:#fff;
		margin:0;
		padding: 0;
	} 
	.navbar .navbar-heade .container{
		overflow: hidden;
	}
	.navbar .navbar-header{
		width:100%;	
		height:0.82rem;
	}
	.navbar .navbar-brand {
		float:left;
	    width:1.2rem;
		height:1.05rem;
		display:block;
	    margin:0;
		padding:0;
		margin-left:-0.1rem;
		margin-right:0.05rem;

		
	}
	.navbar .navbar-brand .logo{
		width:0.84rem;
		margin-top:0.15rem;
		height:0.77rem;
				

	}
	.navbar .navbar-brand .title{
		text-indent: -999.99rem;
	}
	.navbar .navbar-header .add{
		float:left;
		margin-top:0.30rem;
		height:0.6rem;
		line-height:0.24rem;
		font-size:0.16rem;
		color:#101010;
		font-weight:bold;
		
		
	}
		.navbar .navbar-header .add span{ margin-right:0.05rem;}

	.navbar .navbar-header #btn{
		margin-right:-0.1rem;
		margin-top: 0.27rem;
		padding:0;
	}
	#nav_list{
		position: absolute;
		top:0.60rem;
		right:0;
		z-index: 2;
		padding: 0;
	}
	#nav_list .nav{
		padding:0;
		background: #424242;
	}
	#nav_list li{
		width:100%;
		padding:0;
		margin:0 auto;
		text-align: center;
	}
	#nav_list li a{
		height:0.6rem;
		padding: 0 0.3rem;
		line-height: 0.6rem;
		color:#fff;
		font-size: 0.24rem;
	}
	#nav_list li:hover a{
		background: #006300;
	}
	#nav_list .active a{
		background: #222;
	}
	/*header e*/
	.banner-index{
		overflow: hidden;
		width:100%;
		max-height: 8.0rem;
	}
	
	/*首页公共标题 s*/

  .header{
	  text-align: center;
  }
  .header .title{
	  color:#9d7957;
	  font-size:0.20rem;
	  font-weight:bold;
	  letter-spacing: 0.01rem;
	  padding-top:0.55rem;
      background:url(../images/logo.png) no-repeat center top;
	  background-size:auto 60%;
  }
  

  
	  .header .add{
	  margin-top:0.12rem;
	  color:#666;
	  font-size:0.14rem;
	  line-height: 0.14rem;
	  letter-spacing: 0.03rem;
	  font-weight:lighter;
	  background:url(../images/header_add_bg.png) no-repeat center 0.12rem;

  }


.cut15{ margin:0; padding:0;}





.life{width:100%; padding-top:0.2rem; text-align:center;}
.life .content{ margin-top:0.2rem;}
.life .content .block{ width:50%; float:left; margin:0 auto; margin-bottom:0.15rem;}
.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.16rem; color:#222; font-weight:bold; padding-top:0.15rem; background:url(../images/life_05.png) no-repeat center top; background-size:auto 40%; margin-top:0.1rem;}
.life .content .block .add{ font-size:0.12rem; color:#222;}

.life .content .block .cont .hr{ width:0.2rem; height:0.02rem; display:inline-block; background:#9d7957; margin-top:0.05rem; margin-bottom:0.05rem; transition: all .3s;}
.life .content .block  .cont:hover .hr{ width:72px;}

.family{ height:1rem; background:url(../images/family.jpg) no-repeat center; background-size:cover; text-align:center;}
.family_tel{ height:0.25rem; line-height:0.25rem; font-size:0.16rem; font-weight:bold; padding-left:0.25rem; padding-right:0.25rem; display:inline-block; margin-top:0.66rem; border-radius:0.25rem; background:#fff; color:#101010;}

.free{ height:1rem; background:url(../images/family.jpg) no-repeat center; background-size:cover; text-align:center;}
.free_tel{ height:0.25rem; line-height:0.25rem; font-size:0.16rem; font-weight:bold; padding-left:0.25rem; padding-right:0.25rem; display:inline-block; margin-top:0.66rem; border-radius:0.25rem; background:#fff; color:#101010;}
/*philosophy s*/
.philosophy{
	width:100%;
	margin-top:0.2rem;
	
}
.philosophy .content{
	width:100%rem;
	background:url(../images/phi_m_bg.png) no-repeat center top; background-size:100% 100%;
	margin-top:0.2rem;



}



.philosophy .content .block{width:50%; float:left; margin-bottom:0.12rem;}

.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:25%; padding-left:0.05rem; padding-right:0.05rem; text-align:center }

.philosophy .content .block .cont .tit{ font-size:0.14rem; color:#9d7957;}
.philosophy .content .block .cont .tit span{ font-size:0.14rem; color:#101010; padding-left:0.08rem;}
.philosophy .content .block .cont .hr{ width:0.15rem; height:0.02rem; background:#101010; margin-top:0.02rem; margin-left:0.04rem; margin-bottom:0.02rem; transition: all .3s;}
.philosophy .content .block  .cont:hover .hr{ width:42px;}


.philosophy .content .block .cont .add{ line-height:0.16rem; font-size:0.12rem; color:#666}
.philosophy .content .block .cont:hover .add{ color:#9d7957;}



.world { width:100%; padding-top:0.35rem; background:#f7f7f7}
.world .content{ margin-top:0.25rem;}
.world .block{ float:left; width:50%; margin-bottom:0.15rem;}
.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{ padding-bottom:0.1rem;}
.time .title { font-size:0.2rem; font-weight:bold; color:#9d7957; text-align:center; background:url(../images/time.png) no-repeat center; margin-top:0.2rem;}

	.time #swiperIndexCasesM{
		margin-top:0.2rem;
		padding-bottom: 0.5rem;
	}
	.time .content img{
		width:100%;
	}
	.time .swiper-pagination-bullet{
		width:0.07rem;
		height:0.07rem;
		opacity: 1;
		background: #898a89;
		border-radius: 0.035rem;
	}
	.time .swiper-pagination-bullet-active{
		width:0.25rem;
		background: #9d7957;
	}
	/*cases e*/



.busy{ width:100%; margin-top:0.2rem; text-align:center}
.busy .content{ margin-top:0.3rem;}
.busy .pic img{ width:100%; height:100%;}
.busy .content .cont { width:100%; padding-left:0.1rem; padding-right:0.1rem;}
.busy .content .cont .block{ margin-top:0.1rem; margin-bottom:0.10rem;}
.busy .content .cont .block h3{ font-size:0.18rem; font-weight:bold; color:#9d7957;}
.busy .content .cont .block .add{ font-size:0.14rem; color:#666; margin-top:0.1rem;}



.good{ width:100%; padding-top:0.3rem; background:#f7f7f7}
.good .content{ margin-top:0.3rem}

.good .block{ width:50%; float:left; text-align:center; margin-bottom:0.10rem;}
.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.1rem; padding-bottom:0.05rem;  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 .tit{ font-size:0.18rem; color:#222 }
.good .block .cont .con .info{ font-size:0.16rem; color:#9d7957; font-weight:bold;  margin-top:0.05rem;}



.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.05rem; margin-bottom:0.05rem; transition: all .3s;}
.good .block .cont .con:hover .hr{ width:0.42rem;}
.good .block .cont .add{ line-height:0.16rem; font-size:0.14rem; color:#666 }
.good .block .cont .con:hover .box{  height:auto;}





.aboutus{ width:100%; padding-top:0.25rem; margin-bottom:0.3rem;}

.aboutus .content { margin-top:0.2rem; background:url(../images/about_m_bg.png) no-repeat left bottom; background-size:60% auto}


.aboutus .header .title { background:url(../images/logo.png) no-repeat center top; background-size:auto 40%;}

.aboutus .pic  {
 width:100%;
}
.aboutus .pic  img{ width:100%; height:100%;}

.aboutus .cont {
width:90%;
position:relative;
border:1px solid #565656;
left:5%;
top:-0.15rem;
}

.aboutus .con{ padding:0.3rem 0.1rem 0.1rem 0.15rem;}
.aboutus .con h3{ color:#101010; font-size:0.18rem; font-weight:bold; margin-top:0.05rem;}
.aboutus .con .hr {
	height:2px; background:#ed0d13; width:0.2rem;
	margin-top:0.1rem; margin-bottom:0.05rem;
}

.aboutus .con  .block {
	color:#565656;
	font-size:0.12rem;
	line-height: 0.16rem;
	text-align:justify;


}



/*首页结束*/

		/*二级banner*/
	.banner-list{
		width:100%;
		height:1rem;
		margin:0;
		padding: 0;
	}
	/*list public part s*/

	
	.sec_title{ font-size:0.24rem; text-align:center; line-height:0.24rem; margin-top:0.15rem; margin-bottom:0.15rem;}
	/*about s*/
	.about {
		padding: 0.14rem 0.1rem 0.1rem;
	}
	.about .content{
		overflow: hidden;
		padding: 0 0.1rem;
	}
	
	.about .pic{
		width:90%;
		margin:0 auto;
	}
	.about .con{
		width:100%;
	}

	.about .btn{
		top:50%;
		margin-top:-0.12rem;
		width:0.25rem;
		height:0.25rem;
		outline: none;
	}
	.about .swiper-button-prev{
		background: url(../images/index_products_prev.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size:contain;
		outline: none;
	}
	.about .swiper-button-next{
		background: url(../images/index_products_next.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size:contain;
		outline: none;
	}
	
	
	.about .pic img{
		width:100%;

	}
	.about .tit{
		margin:0.20rem 0 0.1rem;
		color:#006300;
		font-size:0.2rem;
		line-height: 0.25rem;
		font-weight: bold;
	}
	.about .add{
		margin-top:0.1rem;
		font-size:0.14rem;
		text-indent:2em;
		line-height: 0.30rem;
	}
	
	
	.about .cont h3{
		margin-top:0.1rem;
		font-size:0.16rem;
		text-indent:2em;
		line-height: 0.30rem;
		font-weight:bold;
	}
	
	
	.about .cont p{
		font-size:0.14rem;
		line-height: 0.30rem;
	}
	
	.about .cont p span{ padding-left:0.1rem; padding-right:0.1rem;}
	
	
		
.about #swiperHonorM {margin-top:0.25rem; margin-bottom:0.2rem;}


.about #swiperHonorM a{ display:block;}
.about #swiperHonorM .cont{

    	border:1px solid #ed0d13;

}

.about #swiperHonorM .cont{

}
.about #swiperHonorM .cont img {
  width:100%;


}

.about #swiperHonorM  h2{ font-size:0.18rem; height:0.3rem; text-align:center;}
.about #swiperHonorM{
  padding-bottom: 0.4rem;
}
.about .swiper-pagination-bullet{
  width:0.1rem;
  height:0.1rem;
  opacity: 1;
  background: #898a89;
  border-radius: 0.05rem;
}
.about .swiper-pagination-bullet-active{
  width:0.35rem;
  background: #9d7957;
}	
	
.about_bottom{ height:5rem;  background: url(../images/about_bottom.jpg) center no-repeat; background-size:100% 100%;}	
	
.about_bottom .content{ margin-top:0.3rem;}


	
.about_bottom .block .cont{ padding-left:0.2rem; padding-right:0.2rem; padding-bottom:0.3rem; padding-top:0.2rem;  border-bottom:1px dashed #4a4a4a;}
.about_bottom .block .cont .hr{ width:0.2rem; height:0.02rem; display:inline-block; background:#9d7957; margin-top:0.1rem; margin-bottom:0.1rem; transition: all .3s;}
.about_bottom .block .cont:hover .hr{ width:36px;}	
.about_bottom .block .cont h3{ color:#dec4a9; font-size:0.2rem; line-height:0.3rem;}	
.about_bottom .block .cont .con{ line-height:0.2rem; color:#fff; font-size:0.16rem;}		
	
	
	
	
	/*about e*/
	
	
	
	
	
	/*product s*/
	
	.product{
		width:100%;
	
	}
	
	.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;
        padding-left:0.05rem;
		padding-right:0.05rem;
		height:0.32rem;
		line-height:0.32rem; 
		text-align:center;
		font-size:0.14rem;
		margin-right:0.05rem;
		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%;

		color:#fff;
	}
	.product-nav .cont a.active{
		background: url(../images/product_nav_bg.png) center no-repeat;
		background-size: 100% 100%;
	
		height:0.32rem;
		line-height:0.32rem; 
		font-size:0.14rem;
		color:#fff;
	}
		
	
	.product .block{
		float: left;
		width:50%;
		padding: 0 10px;
		margin-bottom: 0.2rem;
	}
	.product .cont{
		display: block;
		width:100%;
		margin:0 auto;
	}
	.product .cont .pic{
		width:100%;
		height:1.55rem;
	}
	.product img{
		width:100%;
		height:100%;
	}
	.product .cont .tit{
		position: relative;
		width:100%;
		height:0.30rem;
		line-height: 0.30rem;
		margin:-0.3rem 0 0 0;
		background:#9d7957;
		color:#fff;
		font-size:0.14rem; 
		text-align: center;
		letter-spacing: 0.02rem;
	}
	.product .cont .con{
		padding-top: 0.1rem;
		min-height:1rem;
		font-size:0.12rem;
	}
	.product .cont .add{
		line-height: 0.25rem;
	}
	
.product .content .block{ width:50%; float:left; position:relative;}
.product .content .block .cont .pic img{ width:100%; height:100%; border:1px solid #9d7957;}

.product .content .block .cont .circle{ display:none;}
.product .content .block .cont:hover .circle{
	overflow:hidden;
	position:absolute;
	width:1.4rem;
	height:1.4rem;
	top:50%;
	left:50%;
		margin-top:-0.7rem;
	margin-left:-0.7rem;
	display:inline-block;
	border-radius:1.4rem; /* 圆形边缘弧度 */
	filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7;
	background-color:#282828;
	text-align:center;

}
.product .content .block .cont .circle span{
    text-align:center;
	width:1.4rem;
	position:absolute;
	top:50%;
	left:0;
	display:block;
	margin-top:-0.12rem;

	font-size:0.18rem;
	color:#fff;


} 
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/*product e*/
	/*case s*/
	.case{
		width:100%;
		padding-bottom:0.4rem;
	}
	.case .block{
		float: left;
		width:50%;
		padding: 0 10px;
		margin-bottom: 0.2rem;
	}
	.case .cont{
		display: block;
		width:100%;
		margin:0 auto;
	}
	.case .cont .pic{
		width:100%;
		height:1.55rem;
	}
	.case img{
		width:100%;
		height:100%;
	}
	.case .cont .tit{
		position: relative;
		width:100%;
		height:0.30rem;
		line-height: 0.30rem;
		margin:-0.3rem 0 0 0;
		background: rgba(29,32,137,.8);
		color:#fff;
		font-size:0.14rem; 
		text-align: center;
		letter-spacing: 0.02rem;
	}
	.case .cont .con{
		padding-top: 0.1rem;
		min-height:1rem;
		font-size:0.12rem;
	}
	.case .cont .add{
		line-height: 0.25rem;
	}
	/*case e*/
	/*news s*/
	.news{
		width:100%;
		margin-top:0.15rem;
		padding-bottom: 0.1rem;
	}
	.news .block{
		overflow:hidden;
		width:90%;
		margin:0 auto 0.2rem;
	}
	.news .block .cont{
		display: block;
		width:100%;
		margin:0 auto;
	}
	.news .block .pic{
		width: 100%;
	}
	.news .block img{
		width: 100%;
	}
	.news .block .con{
		width:100%;
	}
	.news .block .cont .tit{
		margin:0.2rem 0 0.1rem;
		color:#006300;
		font-size:0.18rem;
		line-height: 0.18rem;
	}
	.news .block .date{
		color:#ccc;
		font-size:12px;
		font-weight: 300;
		letter-spacing: 1px;
	}
	.news .block .add{
		margin:0.05rem 0 0 0;
		color:#979797;
		font-size:0.14rem;
		line-height: 0.25rem;
	}
	/*news e*/
	/*show s*/
	.show{
		width:100%;
		padding: 0 0.1rem 0.2rem;
	}
	.show .head-detail{
		overflow: hidden;
		padding-top: 0.2rem;
	}
	.show .head-detail .title{
		margin:0 0 0.08rem;
		text-align: center;
		color: #8f2027;
		font-size:0.22rem;
	}
	.show .head-detail .add{
		margin-top: 0.1rem;
		color:#7a7a7a;
		font-size: 0.12rem;
		text-align: center;
	}
	.show .head-detail .add .authors{
		display: inline-block;
		margin-left: 0.3rem;
	}
	.show .head-detail .add .date{
		margin-left: -0.2rem;
	}
	.show .content{
		margin-top: 0.2rem;
	}
	.show .content img{
       display: inline-block;  
       height: auto;  
       max-width: 100%;
	}
	.show .prev-next{
		overflow: hidden;
		margin:0.38rem 0 0.1rem;
	}
	.show .prev-next a{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: block;
		width:40%;
		height:0.16rem;
		color:#8f2027;
	}
	.show .prev{
		float: left;
		text-align: left;
	}
	.show .next{
		float: right;
		text-align: right;
	}


.show_product .title{ line-height:0.70rem; font-size:0.24rem; text-align:center}
.show_product {margin-bottom:0.15rem;}
.show_product .article  img{ width:100%; height:100%;}	
	
/*	 show  e*/
	/*contact s*/
	.contact{
		width:100%;
		padding-bottom: 0.45rem;
	}
	.contact .content .address{
		overflow: hidden;
		margin:0.21rem 0 0.23rem;
	}
	.contact .content .block{
		overflow: hidden;
		float: left;
		width:50%;
		margin-bottom: 0.2rem;
		padding: 0 1%;
		text-align: center;
	}
	.contact .content .block .pic{
		width:50%;
	}
	.contact .content .tit{
		margin:0.10rem 0 0;
		color:#747474;
		font-size:0.12rem;
		line-height: 0.2rem;		
		height:0.4rem;
	}
	.contact .content .con{
		width:100%;
		margin: 0 auto;
		word-break: break-all;
	}
.contact .content .cont { text-align:center;}
.contact .content .cont img{ width:100%; height:100%;}
.contact .content .cont .sign{ width:0.26rem; height:0.3rem; margin:0 auto; margin-top:0.05rem;  margin-bobttom:0.05rem;}

.contact .content .cont .title{
	text-align:center;
	font-weight:bold;
	font-size:0.24rem;		
	background: #fff;
	margin-bottom:0.3rem;
	
}
.contact .cont .line {
	height:1px; line-height:1px; background:url(../images/contact_line.png) no-repeat center;
	margin-bottom:-6px;
}


	.contact .content .map{
	width:100%;
	margin-bottom:0.6rem;
	height:485px;
	background: #fff;
}
.contact #dituContent {
	width:100%;
	height:100%;
	border:1px solid #262626;
}
	/*contact e*/

	/*footer s*/
	.footer{
		display: none;
		width:100%;
		padding-top: 34px;
		padding-bottom: 30px;
		background: #473332;
		border-top: 4px solid #f73f3f;
		color:#fff;
	}
	.footer .container{
		overflow: hidden;
	}
	.footer .address div{
		font-size:16px;
		line-height: 26px;

	}
	.footer .address div .shu{
		display: block;
		height:0;
	}
	.footer .address .tit{
		margin-top: 0;
		font-size:20px;
	}
	.footer .code{
		height:150px;
		width:100%;
		line-height: 150px;
		margin-top: 20px;
		font-size: 0;
		text-align: center;
	}
	/*footer e*/ 
	.copyright{
		clear: both;
		width:100%;
		padding-bottom: 12px;
		margin-bottom: 60px;
		border-top:0.02rem solid #9d7957;
		background: #999393;
		color:#fff;
		font-size: 14px;
		line-height: 22px;
		text-align: center;
		letter-spacing: 1px;
	}
	.fixed{
		position: fixed;
		bottom: 0;
		z-index: 2002;
		width: 100%;
		height:60px;
		font-weight: 500;
	}
	.fixed a{
		height:60px;
		line-height: 60px;
		color:#fff;
		text-align: center;
		text-decoration: none;
		letter-spacing: 2px;
	}
	.fixed a .font{
		font-size: 35px;
		font-family: "MicrosoftYaHei";
	}

}