* {
		padding: 0;
		margin: 0;
	}
	
	ul,li {
		list-style: none;
	}
	
    a {
		text-decoration:none;
		color:#28282a
	}
	
		html {
	   font-size: 40px;
	}
	
	
	body {
	    font-family: "Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;
	} 
	
	a:hover {
		color:#1d7739
	}
	
	.index {
		width: 100%;
		height: 100%;
		background: #FBFBFB;
		max-width: 19rem;  
		margin: 0 auto; 
	}
	
	.top {
		position: relative;
		width: 100%;
		height: 2.75rem;
	}
	
	.top .left {
		background: url(../img//home_more.png) no-repeat;
		background-size: 1.2rem;
		height: 1.2rem;
		width: 1.2rem;
		display: block;
		float: left;
		margin-top: 0.75rem;
		margin-left: 1rem;
	}
	
	.top .name {
		background: url(../img/logo-green.png) no-repeat;
		background-size: 3.38rem;
		height: 1.25rem;
		width: 4.38rem;
		display: block;
		float: left;
		margin-top: 0.75rem;
		margin-left: 5.25rem;
	}
	
	.top .right {
		float: right;
		margin-top: 0.6rem;
		margin-right: 1rem;
	}
	
	.top .right span {
		background: url(../img//home_lang.png?t=12) no-repeat;
		background-size: 1.5rem;
		height: 1.5rem;
		width: 1.5rem;
		display: block;
		float: left;
		margin-right: 0.75rem;
	}
	
	.top .right i {
		background: url(../img//home_user.png?t=1) no-repeat;
		background-size: 1.5rem;
		height: 1.5rem;
		width: 1.5rem;
		display: block;
		float: left;
	}

	.banner {
		width: 16.5rem;
		margin-left: 1.12rem; 
		height: 11.5rem; 
		overflow: hidden;
		position:relative;
	}
	
	.banner ul {
		position:relative;
		width:100%;
		height:100%;
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-transition-property:-webkit-transform;
		-o-transition-property:transform;
		transition-property:transform,-webkit-transform;
		-webkit-box-sizing:content-box;
		box-sizing:content-box;
	}
	
	.banner li {
		background-repeat: no-repeat;
		background-size: 100%; 
	    display: flex;
		border-radius:0rem;
		text-align:center;
		font-size:18px;
		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;
		-webkit-flex-shrink:0;
		-ms-flex-negative:0;
		flex-shrink:0;
		width:100%;
		height:100%;
		position:relative;
		-webkit-transition-property:-webkit-transform;
		-o-transition-property:transform;
		transition-property:transform,-webkit-transform;
		border-radius: .4rem; 
	}
	
    .banner div {
		position: absolute;
		bottom: 1rem; 
		display: flex; 
		z-index: 100; 
    	 justify-content:center;
    	text-align: center; 
    	width: 100%; 
	}
	
	.banner div span {
		width: 1.5rem;
		height: 0.15rem;
		display: block;

		margin-right: 0.18rem;
		border-radius: 0.5rem;
		background: #666;
	}
	
	.banner div .on , .banner div .swiper-pagination-bullet-active{
		width: 4.25rem;
		height: 0.15rem;
		background: #ffffff;
	}
	
	.service {
		padding-top: 1.75rem;
	}
	
	.service .header {
		margin-left: 1rem;
		margin-bottom: 0.75rem;
	}
	
	.service .header h5 {
		font-size: 0.8rem;
		margin-bottom: 0.5rem;
	}
	
	.service .header span {
		width: 8.25rem;
		height: 0.25rem;
		display: block;
		background: #636345;
		border-radius: 0 0.75rem 0.75rem 0;
	}
	
	.service .list {
	    width: 16.75rem;
		float: left;
		overflow: hidden;
		margin-left: 1rem;
		
		position:relative;
	}
	
	.service .list .box {
	    position:relative;
		width: 16.75rem;
		
	}
	
	.service .list ul {
				position:relative;
		width: 100%; 
		height:100%;
		overflow: hidden;

	}
	
	.service .list ul li {
	   padding: .2rem;   
		height: 3.52rem; 
		float: left;
		width: 3.52rem; 
		margin-right: 0.25rem;
	}
	.service .list ul li .box {
		width: 3.52rem;
		height: 3.52rem;
		
		margin-bottom: 0rem;
		border-radius: 0.25rem;
		background: #ffffff;
		/** border: 0.05rem solid #E6E6E6;**/
		position:relative;
		 box-shadow: 0 0 .3rem rgba(0, 0, 0, 0.1);

	}
	
	.service .list ul li:nth-child(4), .service .list ul li:nth-child(8) , .service .list ul li:nth-child(12), .service .list ul li:nth-child(16){
	   margin-right: 0;
	}
	
	.service .list ul li i {
		height: 3.5rem;
		width: 3.5rem;
		display: block;
		
	}
	
	.service .list ul li .ico1 {
		background: url(../img//home_ico1.png) no-repeat;
		background-size: 3.5rem;
	}
	
	.service .list ul li p {
		font-size: 0.55rem;
		text-align: center; 
	}
	
	.service .swiper-pagination2 {
	    bottom: 0;
		z-index: 1000;
		position: absolute; 
		display: flex; 
    	 justify-content:center;
    	text-align: center; 
	}
	
	.service .swiper-pagination2 span {
	     width: .4rem;
		height: .4rem; 
		display: block;
		border-radius: 50%;
		margin-right: .2rem; 
		background: #000;
	}
	 
	.service .swiper-pagination-bullet-active {
	   background: #FF7174 !important; 
	}
	
	.img {
		clear: left;
		width: 17rem;
		padding-top: 0.8rem;
	}
	
	.img img {
		width: 16.75rem;
		height: 7.95rem;
		margin: 0 1rem 0.5rem;
		border-radius: 0.5rem;
	}
	
	.category {
		clear: both;
		padding-top: 1.25rem;
	}
	
	.category .header {
		margin-left: 1rem;
		margin-bottom: 0.75rem;
	}
	
	.category .header h5 {
		font-size: 0.8rem;
		margin-bottom: 0.5rem;
	}
	
	.category .header span {
		width: 4.75rem;
		height: 0.25rem;
		display: block;
		border-radius: 0 0.75rem 0.75rem 0;
		background: #636345;
	}
	
	.category .list {
		margin-left: 1rem;
	}
	
	.category .list li {
		width: 7.95rem;
		height: 7.37rem;
		float: left;
		margin-right: 0.75rem;
		margin-bottom: .62rem;
		border-radius: 0.38rem;
		background: #fff;
		border: 0.03rem solid #E6E6E6;
	}
	
	.category .list li img {
		width: 7.95rem;
		height: 5.25rem;
		margin-bottom: 0.25rem;
		border-radius: 0.25rem;
	}
	
	.category .list li p {
		font-size: .65rem; 
		font-weight: bold;
		margin: 0 0.38rem;
	}
	
	.new {
		clear: both;
		padding-top: 1.25rem;
	}
	
	.new .header {
		margin: 0 1rem;
	}
	
	.new .header .left {
		float: left;
	}
	
	.new .header .left h5 {
		font-size: 0.8rem;
		margin-bottom: 0.5rem;
	}
	
	.new .header .left span {
		width: 7rem;
		height: 0.25rem;
		display: block;
		background: #636345;
		border-radius: 0 0.75rem 0.75rem 0;
	}
	
	.new .header .right {
		font-size: .65rem;
		color: #636345;
		text-decoration: underline;
		float: right;
	}
	
	.new .list {
		clear: both;
		padding-top: 0.75rem;
		width: 17rem;
		
	}
	
	.bline {
	   clear: both;
		height: 4rem;
		
	}
	.new .list li {
		float: left;
		width: 17rem;
		margin: 0 0.875rem 1.25rem;
	}
	
	.new .list li img {
		float: left;
		width: 5.5rem;
		height: 3.875rem;
		margin-right: 0.38rem;
		border-radius: 0.38rem;
	}
	
	.new .list li .info {
		width: 10.37rem;
		float: left;
	}
	
	.new .list li .info .name {
		font-size: .65rem;
		font-weight: bold;
		color: #636345;
		margin-bottom: 0.25rem;
		margin-left: .3rem;
	}
	
	.new .list li .info .name span {
		width: 0.05rem;
		height: 0.6rem;
		display: block;
		float: left;
		margin-top: 0.18rem;
		margin-right: 0.25rem;
		background: #636345;
	}
	
	.new .list li .info .desc {
		font-size: 0.7rem;
		font-weight: bold;
		margin-bottom: 0.3rem;
		margin-left: .25rem;
	}
	
	.new .list li .info .map {
		font-size: .65rem; 
		color: #C2C3C9;
	}
	
	.new .list li .info .map i {
		background: url(../img/home_map_v2.png) no-repeat;
		background-size: 1rem;
		height: 1rem;
		width: 1rem;
		display: block;
		float: left;
		margin-right: 0.25rem;
		background-color: #ffffff;
	}
	
	.new .list li .right {
		background: url(../img//ico_right.png) no-repeat;
		background-size: 0.75rem;
		height: 0.75rem;
		width: 0.75rem;
		display: block;
		float: right;
		margin-top: 1.25rem;
	}
	
	.bottom {
		clear: both;
		width: 16.75rem;
		height: 2.75rem;
		padding-top: .24rem;
		padding-bottom: .24rem;
		margin: 0 0rem;
		border-radius: 0.38rem;
		border: 0.03rem solid #E6E6E6;
		background: #ffffff;
		position : fixed;
		left: 50%;
		margin-left: -8.37rem;
		bottom: .4rem;
		z-index: 100;
	}
	
	.bottom  li {
		width: 4rem; 
		height: 2.63rem;
		float: left;
		
	}
	 
	.bottom i {
		width: 1.37rem;
		height:1.37rem;
		display: block;
		margin: 0.25rem auto 0;
	}
	
	.bottom  li .ico2 {
		background: url(../img//menu2.png) no-repeat;
		background-size: 1.37rem;
	}
	
	.bottom  li .ico3 {
		background: url(../img//menu3.png) no-repeat;
		background-size: 1.37rem;
	}
	
	.bottom  li .ico4 {
		background: url(../img//menu4.png) no-repeat;
		background-size: 1.37rem;
	}
	
	.bottom  .on .ico1 {
		background: url(../img//menu1_on.png?t=1) no-repeat;
		background-size: 1.37rem;
	}
	
	.bottom  li p {
		font-size: .65rem;
		color: #C2C3C9;
		text-align: center;
	}
	
	.bottom  .on p {
		font-size: .65rem;
		color:  #636345;
	}
	 

 .mlist{
	position:absolute;
	left: .3rem;
	top: 2.6rem;
	z-index: 1000;
	background: #ffffff;
	box-shadow: rgba(0,0,0,0.3) 0 0 0.5rem;
	padding: .5rem 0;
}

 .mlist li {
	padding: .2rem 1.5rem;
	font-size: .8rem;
}

.langbox {
	position:absolute;
	right: .3rem;
	top: 2.6rem;
	z-index: 1000;
	background: #ffffff;
	box-shadow: rgba(0,0,0,0.3) 0 0 0.5rem;
	padding: .5rem 0;
}

 .langbox p {
	padding: .2rem 1.5rem;
	font-size: .8rem;
}

 .langbox p.on {
	color: #ff7276; 
 }