.banner img{
	display: block;
}
body{
	padding-top: 0;
	font-size: .2rem;
}
.content .intro{
	background: url(../../static/images/main_bg.png) no-repeat bottom center;
	width: 100%;
	background-size: 7.5rem 6.18rem;
	padding: 0 .2rem .3rem;
}
.content .intro .intro_detail{
	width: 100%;
	background: url(../../static/images/title.png) no-repeat center right;
	padding: .3rem 1.8rem 0 1.2rem;
	background-size: 1.12rem 1.16rem;
	color: #565656;
}
.content .intro p{
	width: .4rem;
	font-size: .3rem;
	line-height: .35rem;
}
.content .intro p span {
    display: block;
   } 
.content .intro p:nth-last-of-type(1) span{
	transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	    -webkit-transform: rotate(90deg);
	   
	
}
.tea{
	text-align: center;
}
.tea .tea_title{
	margin-top: .5rem;
   display: inline-block;
   width: 2.08rem;
   height: 2.61rem;
}
/*  */
.culture{
	padding: 0 .2rem;
	padding-bottom: 1rem;
}
.culture .tea_step{
	height: 3.6rem;
}
.culture .swiper-slide p{
	text-align: center;
	font-size: .26rem;
	line-height: .35rem;
	padding: 0 0.1rem;
	float: right;
	border-left: 1px solid #a6a6a6;
	width: .35rem;
	color: #565656;
}
.culture .swiper-slide p span{
	display: inline-block;
	width: 100%;
	text-align: center;
}
.culture .swiper-slide .img{
	display: inline-block;
	width: 1.8rem;
	height: 1.8rem;
}
.culture .swiper-slide{
	padding: 0 .2rem;
}
.culture .swiper-slide{
	margin-top: .2rem;
}

.culture .swiper-slide .li-title{
	font-size: .2rem;
	line-height: .35rem;
	width: .5rem;
	font-weight: bold;
	
	text-align: center;
	margin-right: -.3rem;
}
.culture .swiper-slide .li-title span {
    margin-top: 0.1rem;
    font-size: 0.24rem;
    font-weight: bold;
	display: block;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
.consult_a{
	padding: 0 .2rem;
	margin-top: .2rem;
	font-size: .2rem;
}
.consult_a a{
   line-height: .6rem;
	display: inline-block;
	width: 47%;
	text-align: center;
	background-color: #627a27;
	color: #fff;
}
.culture .swiper-pagination-bullet-active{
	background-color: #627a27;
}
/* main_content */
.main_content {
	padding: .4rem 0 .2rem;
}
.main_content .top_bg{
	background: url(../../static/images/bg.jpg)  repeat-x #fff;
}
.main_content .top_bg p {
	font-size: .24rem;
}
.cy_title{
	text-align: center;
	margin-bottom: .1rem;
}

.cy_title h5{
	display: inline-block;
	font-size: .36rem;
	background: url(../../static/images/tea.png) no-repeat left center;
	background-size:.38rem .38rem ;
	padding-left: .5rem;
	color: #200b05;
	font-weight: normal;
}
.cy_title p{
	color: #676767;
	font-size: .22rem;
}
.main_content .top_bg{
	width: 100%;
	height: 4.8rem;
	background: url(../../static/images/bg_title.png) no-repeat ;
	background-size: 100% 1.83rem;
}
.content_m{
	margin-top: -3.5rem;
	background: url(../../static/images/bg.jpg) repeat;
	padding: .3rem .2rem 2rem;
	width: 100%;
	padding-top: 0;
}
.top_content.top_content_first{
   margin-top: -2rem;
}
.top_content{
	margin-top: .4rem;
	width: 100%;
}
.top_content .contentImg {
	float: left;
	width: 75%;
	height: auto;
}
.top_content .titleImg {
	float: right;
	width: 20%;
	height: auto;
}
.top_content a{
	display: inline-block;
	width: 5.27rem;
	height: 2.56rem;
}
.top_content.even a img{
	border-top-right-radius:.2rem;
}
.top_content.odd a img{
	border-top-left-radius:.2rem;
}
.right_content{
	width: 22%;

}

.right_content a{
	display: inline-block;
	width: 1.33rem;
	height: 1.98rem;
}
.content_detail h2{
	font-size: .28rem;
	line-height: .5rem;
}
.content_detail p{
	color: #787878;
	font-size: .2rem;
}

/* jn_zs */
.jn_zs{
	text-align: center;
	padding: 0 .2rem;
	padding-top: .2rem;
	
}
.jn_zs a{
	margin: 0 .2rem;
	display: inline-block;
	width: 2.86rem;
}
.jn_zs p{
	text-align: left;
	color: #565656;
}
.jybz{
	padding: 0.1rem .2rem;
}
.jybz p{
	color: #565656;
	font-size: .22rem;
}
.jybz_list a{
	display: inline-block;
	width: 48%;
}
/* hj */
.hj{
	padding: 0 .2rem;
	margin-top: .2rem;
}
.hj_list a{
	display: block;
	position: relative;
}
.hj_list a img{
	display: block;
}
.hj_list a span{
	width: 100%;
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	color: #fff;
	text-align: center;
	height: .6rem;
	line-height: .6rem;
}
.hj_center{
	margin: .1rem 0;
}
.hj_center>a{
	width:41%;
}
.hj_center .center_right{
	width:57%;
}
.hj_center .center_right a:nth-of-type(1){
	margin-bottom: .1rem;
}
.center_right a img{
	height: 1.95rem;
}
.hj_bottom a{
	display: inline-block;
	width: 49%;
}
/* works */
.works{
	padding: 0 .2rem;
	margin-top: .2rem;
	background: url(../../static/images/bg_title.png) no-repeat;
    background-size: 7.5rem 1.83rem;
}
.works_list{
	margin-top: .2rem;
}
.works_list li a{
	display: inline-block;
	width: 63.5%;
	height: auto;
}
.works_list li img{
	display: inline-block;
	width: 100%;
	height: 100%;
}
.works_list li .works_right{
	width: 36.5%;
	text-align: center;
	color: #627a27;
}
.works_list li .works_right h5{
	font-size: .3rem;
	margin-top: .2rem;
}
.works_list li .works_right p{
	font-size: .2rem;
}
.works_list li.works_third a{
	width: 36.5%;
}
.works_list li.works_third .works_right{
	width: 63.5%;
}

/*!* works *!*/
/*.works{*/
/*	padding: 0 .2rem;*/
/*	margin-top: .2rem;*/
/*	background: url(../../static/images/bg_title.png) no-repeat;*/
/*    background-size: 7.5rem 1.83rem;*/
/*}*/
/*.works_list{*/
/*	margin-top: .2rem;*/
/*}*/

/*.works_list li .works_right{*/
/*	width: 36%;*/
/*	text-align: center;*/
/*	color: #627a27;*/
/*	padding-top: .2rem;*/
/*}*/
/*.works_list li .works_right h5{*/
/*	font-size: .3rem;*/
/*	*/
/*}*/
/*.works_list li.works_third a{*/
/*	width: 36.5%;*/
/*}*/



/* zysz */
.cy_zy{
	margin-top: .3rem;
	padding: 0 .1rem;
}
.zy li{
	display: inline-block;
	width: 49%;
	color: #627a27;
	margin-bottom: .2rem;
}
.zy li:nth-of-type(4){
	margin-right: 0;
}
.zy li h5{
	font-weight: normal;
	font-size: .33rem;
	text-align: center;
	margin: .1rem 0;
}
.zy li h5 {
	line-height: .4rem;
	font-size: .3rem;
	margin: 0;
}
/*.zy li span{*/
/*	line-height: .4rem;*/
/*	width: 100%;*/
/*	font-size: .22rem;*/
/*	text-align: center;*/
/*}*/
.zy li p{
	display: inline-block;
	width: 100%;
	font-size: .22rem;
	text-align: center;
}
/*  ms*/

.ms{
	margin: .2rem 0;
	padding: 0 .2rem;
}
.ms .ms_des{
	background: url(../../static/images/bg.jpg) repeat;
	padding: .1rem .1rem;
}
.ms .ms_des h5{
	background: url(../../static/images/circle.png) no-repeat left bottom;
	background-size: 1.1rem .28rem;
	font-size: .3rem;
}
.ms .ms_des p{
	line-height: .5rem;
}