.banner{
	width: 100%;
	float: left;
}
.banner .bannerinfo{
	width: 100%;
	float: left;
}
.banner .bannerinfo .swiper-container {
  width: 100%;
  height: 100%;

}
.banner .bannerinfo .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.banner .bannerinfo .swiper-slide .bannertxt{
	position: absolute;
	top:55%;
	left: 50%;
	transform: translate(-50%, -50%);
	/*border: #f00 solid 1px;*/
}
.banner .bannerinfo .swiper-slide .bannertxt p:first-child{
	font-size: 60px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 81px;
}
.banner .bannerinfo .swiper-slide .bannertxt p:last-child{
	font-size: 24px;
	font-weight: bold;
	color: #E2E9F7;
	line-height: 36px;
	margin-top:42px;
}






.hkmabout{
	width: 100%;
	float: left;
}
.hkmabout .hkmaboutinfo{
	position: relative;
	width: 100%;
	padding:80px 96px;
	float: left;
}

.hkmabout .hkmaboutinfo  .abouttitle{
	width: 100%;

	font-size: 48px;
	font-weight: 400;
	color: #333333;
	line-height: 50px;
	text-align: center;
	float: left;
}
.hkmabout .hkmaboutinfo  .aboutentitle{
	width: 100%;
	margin-top: 10px;
	font-size: 18px;
	font-weight: 400;
	color: #666666;
	line-height: 32px;
	text-align: center;
	float: left;
}
.hkmabout .hkmaboutinfo .aboutxx{
	width: 100%;
	margin-top: 40px;
	float: left;
}
.hkmabout .hkmaboutinfo .leftabout{
	width: 41%;
	display: inline-block;
	float: left;
}
.hkmabout .hkmaboutinfo .rightabout{
	/*position: absolute;*/
    width: 54.5%;
    /*padding: 69px;*/
    background: #FFFFFF;
    /*box-shadow: 0px 4px 5px 0px rgba(149,149,149,0.22);*/
    margin-top: 50px;
    /*left: 46%;*/
    display: inline-block;
    float: right;
}

.hkmabout .hkmaboutinfo .rightabout .rightabouttitle{
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	line-height: 32px;
}
.hkmabout .hkmaboutinfo .rightabout .aboutmess{
	width: 100%;
	margin-top: 12px;
	font-size: 18px;
	font-weight: 400;
	color: #333333;
	line-height: 32px;
	float: left;
}
/*.hkmabout .hkmaboutinfo .rightabout .aboutbut{
	width: 100%;
	margin-top: 45px;
	float: left;
}
.hkmabout .hkmaboutinfo .rightabout .aboutbut a{
	display: inline-block;
	padding:15px 25px;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 18px;
	border: 1px solid #A0A0A0;
}*/








.rwsm{
	position: relative;
	width: 100%;
	height: 910px;
	background:url('../images/smbg1.jpg') center center no-repeat;
	background-size: cover;
	float: left;
}
.rwsm .rwsminfo{
	
	width: 100%;
	height: 100%;
	padding:80px 96px;
	float: left;
}
.rwsm .rwsminfo .rwsmxxtitle{
	width: 100%;
	font-size: 48px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 50px;
	text-align: center;
	float: left;
}
.rwsm .rwsminfo .rwsmxxentitle{
	width: 100%;
	margin-top: 10px;
	margin-bottom:50px;
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 32px;
	text-align: center;
	text-transform: uppercase;
	float: left;
}
.rwsm .rwsminfo .rwsmxx{

	width: 56%;
	
	float: left;
}
.rwsm .rwsminfo .rwsmxx .rwsmitem{
	display: none;
	width: 100%;
}
.rwsm .rwsminfo .rwsmxx .rwsmitem:first-child{
	display: block;
}
.rwsm .rwsminfo .rwsmxx .rwsmitem .rwsmitemtitle{
	width: 100%;
	font-size: 36px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 80px;
}
.rwsm .rwsminfo .rwsmxx .rwsmitem .rwsmitemmess{
	width: 100%;
	margin-top: 20px;
	float: left;
}
.rwsm .rwsminfo .rwsmxx .rwsmitem .rwsmitemmess p{
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 36px;
}
.rwsm  .rwsmmenu{
	width: 100%;
	background: #58B76A;
	position: absolute;
	bottom: 0;
	z-index: 200;
}

.rwsm  .rwsmmenu .rwsmmenuitem{
	width: 33.3333%;
	background: #58B76A;
	float: left;
	border-right: #339646 solid 1px;
}
.rwsm  .rwsmmenu .rwsmmenuitem p{
	width: 100%;
	background: #58B76A;
	padding:48px 0;
	display: inline-block;
	text-align: center;
	font-size: 24px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 22px;
	
}
.rwsm  .rwsmmenu .active{
	/*height: 169px;*/
	transform: translateY(-50px);
	transition: all 1.2s;
}
.rwsm  .rwsmmenu .rwsmmenuitem:last-child{
	border-right: 0;
}


.mrwsm{
	display: none;
}
















@media (max-width: 1700px){
 
.rwsm .rwsminfo .rwsmxx {
    width: 65%;
}
    
}
@media (max-width: 1600px){
    

}
/*! 1500 ~ 1520 */
@media (max-width: 1520px){
	




}

/*! 1200 ~ 1500  主内容区1140 */
@media (max-width: 1500px) { 
    
.hkmabout .hkmaboutinfo .abouttitle {
    font-size: 44px;
}
.hkmabout .hkmaboutinfo .rightabout {
    margin-top: 10px;
}

.rwsm .rwsminfo .rwsmxx {
    width: 76%;
}

}






/*====================================================================================================================*/
/*! 1439   */
@media (max-width: 1440px) { 



}
@media (max-width: 1360px) { 


}
@media (max-width: 1300px) { 
	
.rwsm .rwsminfo .rwsmxx {
    width: 88%;
}

}

/*! 992 ~ 1199  主内容区960 */
@media (max-width: 1299px) { 
    

}
@media (max-width: 1199px) { 

.hkmabout .hkmaboutinfo .leftabout {
    width: 33%;
}
.hkmabout .hkmaboutinfo .rightabout {
    width: 64.5%;
    margin-top: 0px;

}
.hkmabout .hkmaboutinfo .abouttitle {
    font-size: 40px;
}

.rwsm .rwsminfo .rwsmxx {
    width: 100%;
}


}





@media (max-width: 1100px) { 
    
    
}

/*====================================================================================================================*/


@media (max-width: 1000px) { 
  


}

/*! <=991 手机端 */
@media (max-width: 991px) { 
.hkmabout .hkmaboutinfo {
    padding: 0.8rem 0.96rem;

}
.hkmabout .hkmaboutinfo .abouttitle {
    font-size: 0.48rem;
    line-height: 0.5rem;
}
.hkmabout .hkmaboutinfo .aboutentitle {
    margin-top: 0.1rem;
    font-size: 0.26rem;
    line-height: 0.32rem;
}
.hkmabout .hkmaboutinfo .aboutxx {
    width: 100%;
    margin-top: 0.4rem;
    float: left;
}
.hkmabout .hkmaboutinfo .leftabout {
    width: 100%;
}
.hkmabout .hkmaboutinfo .leftabout img{
    width: 100%;
}
.hkmabout .hkmaboutinfo .rightabout {
    width: 100%;
    margin-top: 0.4rem;
}
.hkmabout .hkmaboutinfo .rightabout .rightabouttitle {
    font-size: 0.3rem;
    line-height: 0.5rem;
}
.hkmabout .hkmaboutinfo .rightabout .aboutmess {
    margin-top: 0.12rem;
    font-size: 0.26rem;
    line-height: 0.5rem;
}
.rwsm{
	display: none;
}
.rwsm .rwsminfo {
    padding: 0.8rem 0.96rem;
}
.rwsm .rwsminfo .rwsmxxtitle {
    font-size: 0.48rem;
    line-height: 0.5rem;
}
.rwsm .rwsminfo .rwsmxxentitle {
    margin-top: 0.1rem;
    margin-bottom: 0.5rem;
    font-size: 0.26rem;
    line-height: 0.3rem;
}
.rwsm .rwsminfo .rwsmxx .rwsmitem .rwsmitemtitle {
    font-size: 0.36rem;
    line-height: 0.5rem;
}
.rwsm .rwsminfo .rwsmxx .rwsmitem .rwsmitemmess {
    margin-top: 0.2rem;
}
.rwsm .rwsminfo .rwsmxx .rwsmitem .rwsmitemmess p {
    font-size: 0.26rem;
    line-height: 0.5rem;
}
.rwsm .rwsmmenu .rwsmmenuitem p {
    padding: 0.48rem 0;
    font-size: 0.3rem;
    line-height: 0.22rem;
}


.mrwsm{
	display: block;
	width: 100%;
	float: left;
}
.mrwsm .mrwsminfo{
	width: 100%;
	padding:0.8rem 0.96rem;
	float: left;
}
.mrwsm .mrwsminfo .mrwsmtitle{
	width: 100%;
	font-size: 0.48rem;
    line-height: 0.5rem;
    text-align: center;
	float: left;
}
.mrwsm .mrwsminfo .mrwsmentitle{
	width: 100%;
	margin-top: 0.1rem;
    font-size: 0.26rem;
    line-height: 0.32rem;
    text-align: center;
    text-transform: uppercase;
	float: left;
}
.mrwsm .mrwsminfo .mrwsmxx{
	width: 100%;
    margin-top: 0.4rem;
	float: left;
}
.mrwsm .mrwsminfo .mrwsmxx .mrwsmitem{
	position: relative;
	width: 100%;
	margin-bottom: 0.4rem;
	float: left;
}
.mrwsm .mrwsminfo .mrwsmxx .mrwsmitem .mrwsmitempic{
	position: relative;
	width: 100%;
	float: left;
}
.mrwsm .mrwsminfo .mrwsmxx .mrwsmitem .mrwsmitempic img{
	width: 100%;
	display: block;
}
.mrwsm .mrwsminfo .mrwsmxx .mrwsmitem .mrwsmitempic .mrwsmitempictitle{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 0.36rem;
    line-height: 0.5rem;
	color: #fff;
	width: 100%;
    text-align: center;
    font-weight: 600;
}

.mrwsm .mrwsminfo .mrwsmxx .mrwsmitem .mrwsmitemtxt{
	/*position: absolute;*/
	width: 100%;
	padding: 0.8rem 0.6rem;
	float: left;
}
.mrwsm .mrwsminfo .mrwsmxx .mrwsmitem .mrwsmitemtxt .mrwsmitemtitle{
	width: 100%;
	font-size: 0.36rem;
    line-height: 0.5rem;
	color: #666;
	float: left;
}
.mrwsm .mrwsminfo .mrwsmxx .mrwsmitem .mrwsmitemtxt .mrwsitemmmess{
	width: 100%;
	margin-top: 0.2rem;

	float: left;
}
.mrwsm .mrwsminfo .mrwsmxx .mrwsmitem .mrwsmitemtxt .mrwsitemmmess p{
	width: 100%;
	font-size: 0.26rem;
    line-height: 0.42rem;
    color: #666;
	float: left;
}




}
@media (max-width: 767px) {

.hkmabout .hkmaboutinfo {
    padding: 0.4rem 0.4rem;
}
.mrwsm .mrwsminfo {
    padding: 0.4rem 0.5rem;
}
.mrwsm .mrwsminfo .mrwsmxx .mrwsmitem .mrwsmitemtxt {
    padding: 0.4rem 0rem;
    padding: 0rem 0rem 0.3rem;
}

}
@media (max-width: 600px){
    

}
@media (max-width: 472px){
    

}
@media (max-width: 414px){
  
    
}