@charset "utf-8";
/* CSS Document */



.slidew{position: relative;
z-index:999;
background: url("../image/headim.jpg") center / cover;

}

.slidetxt{position: absolute;

color:#ffffff;}



	.slidew{height:600px;}
.slidetxt{width:460px;
top: 30%;
   left:160px;
z-index:2;
}
@media (min-width:1500px){
	.slidew{height:600px;}
.slidetxt{width:460px;
top: 30%;
   left:20%;
z-index:2;
	
	}

}

@media (max-width:1199px)and  (min-width:768px){
	
	.slidew{height:600px;}
.slidetxt{width:450px;
	
top: 35%;
   left:10%;

	
	}
	
}


@media (max-width: 767px){

	.slidew{height:300px;}

	
		.slidetxt{
			width:200px;
			top: 38%;
   left:10%;

}
	
	
}

@media screen and (max-width: 991px) {
	
.order1 {
  order: 1;
}
.order2 {
  order: 2;
}
.order3 {
  order: 3;
}
.order4 {
  order: 4;
}
.order5 {
  order: 5;
}
}


.topcom {
	position: relative;
              width: 100%;
	margin:60px auto 0 auto;
	background: url("../image/im-left.jpg") no-repeat top left, url("../image/im-right.jpg") no-repeat top right;
    }



.toptxt {
        position: relative;
        box-sizing: border-box;


        margin:60px auto 0 auto;
        
	
    }
.toptxt p{margin:0 auto;}
.toptxt h2{
	margin-bottom:30px;
color:#00834f;
text-align: center;}



@media (min-width:1200px){
	.topcom {height:600px;width:93%;}
	.im2{display:none !important;}
	.toptxt p{width:500px;}
	.toptxt h2{font-size:2.5rem;}
	
}

@media (max-width:1199px){
	.topcom {height:600px;background-size: 280px;
	}
	.im2{display:none !important;}
	.toptxt p{width:400px;}
	.toptxt h2{font-size:1.8rem;}
	
}

@media (max-width:991px){
	
	.im2{
		display:block !important;
		margin-top:20px;
max-height:568px;
height:auto;}
	.topcom {background:none;height:100%;}
	.toptxt p{width:80%;}
	.toptxt h2{font-size:1.8rem;width:90%;margin:0 auto 15px auto;}
}

.greetw{margin:30px 0;}
.lefttxt{
	margin:30px 0;
	border-radius: 0 20px 20px 0;
	background-image: linear-gradient(123deg, rgba(103, 185, 148, 1), rgba(164, 201, 105, 1));
	padding:30px;
	color:#ffffff;
}
.righttxt{
	
	border-radius: 20px 0 0 20px;
	background-image: linear-gradient(123deg, rgba(103, 185, 148, 1), rgba(164, 201, 105, 1));
	padding:30px;
	color:#ffffff;
}

.greettxt h2{font-size:2rem;
margin-bottom:30px;}

.rightp{border-radius: 20px 0 0 20px;}

.leftp{border-radius: 0 20px 20px 0;
margin:30px 0;}
@media screen and (max-width: 767px) {
.lefttxt{
	width:90%;
	margin:30px auto;
	border-radius: 20px;}
	
	.righttxt{
	width:90%;
	margin:30px auto;
	border-radius: 20px;}
	
	.leftp{border-radius: 20px;
	width:90%;
		display:block;
	margin:30px auto;}
	
	.rightp{border-radius: 20px;
	width:90%;
		display:block;
	margin:30px auto;}
}



.gomore {
  display: block;
  position: relative;
  background: #ffffff;
	border:2px solid #59ad92;
  width: 300px;
  padding: 15px;
  border-radius: 60px;
  color: #59ad92;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: .1rem;
  transition: .5s;
	margin:30px auto 0 auto;
}

.gomore:before {
  content: "";
  position: absolute;
  top: 46%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #59ad92;
  transform: rotate(45deg);
}

.gomore:after {
  content: "";
  position: absolute;
  top: 54%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #59ad92;
  transform: rotate(-45deg);
}



.gomoreright {
	position: relative;
  display: block;
margin-right: auto;
	margin-top:30px;
  background: #ffffff;
	border:2px solid #59ad92;
  width: 300px;
  padding: 15px;
  border-radius: 60px;
  color: #59ad92;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: .1rem;
  transition: .5s;

}

.gomoreright:before {
  content: "";
  position: absolute;
  top: 46%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #59ad92;
  transform: rotate(45deg);
}

.gomoreright:after {
  content: "";
  position: absolute;
  top: 54%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #59ad92;
  transform: rotate(-45deg);
}





.bg0{background:#f1f8f0;
padding:30px 0;
margin-top:20px;}

.sub1{color:#00834f;
font-size:1.6rem;
margin-bottom:20px;}

.bg2{
padding:30px 0;
margin-top:20px;}


.bg3{
	background: url("../image/bg3.jpg") no-repeat right top;
	background-size: cover;
	min-height:400px;
	padding:30px;
}

.bg3 p{color:#00834f;font-weight:700;}

@media (max-width:767px){
	.bg3{
		background-image:none;
	background-color:#f1f8f0; }
	
}



.sub2{
	margin-bottom:30px;
color:#00834f;
font-size:2.3rem;}


.gomore2 {
	position: relative;
  display: block;
margin-left: auto;
	margin-top:30px;
  background: #ffffff;
	border:2px solid #59ad92;
  width: 300px;
  padding: 15px;
  border-radius: 60px;
  color: #59ad92;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: .1rem;
  transition: .5s;

}

.gomore2:before {
  content: "";
  position: absolute;
  top: 46%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #59ad92;
  transform: rotate(45deg);
}

.gomore2:after {
  content: "";
  position: absolute;
  top: 54%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #59ad92;
  transform: rotate(-45deg);
}

.swiper-button-next, .swiper-button-prev{
	color:#00834f !important;
	z-index: 9999;
}


.swiper-button-next,.swiper-button-prev{
    background-color: #59ad92;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
.swiper-button-next::after, .swiper-button-prev::after {
font-family: FontAwesome;
    font-weight: 400;
    color: #fff;
    font-size: 0.7rem;
}

.swiper-button-next::after {
    content: '\f054'; 
	font-family: FontAwesome;
}

.swiper-button-prev::after {
    content: '\f053'; 
	font-family: FontAwesome;
}



.bg4{
	margin:30px auto;
}




.gomore3 {

  display: inline-block;
margin-left: auto;
	margin-top:5px;
  background: #ffffff;
	border:2px solid #59ad92;
font-size:0.9rem;
  padding: 3px 15px;
  border-radius: 60px;
  color: #59ad92;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
 

}
.bg4 p{font-size:0.9rem;}