.banner{width:100%;background: #cdeef2 url(../images/banner.jpg) no-repeat top center; background-size: cover;}
.banner_con{max-width:1300px;height:600px;margin:0 auto;display:flex;justify-content: center;align-items:center;position: relative;}
.banner_con .logo{padding:40px 0 0 15px;position: absolute;left:0;top:0;z-index: 9;}
.banner_con h2{position:relative;margin-top: 50px;z-index: 10;}

.summary{background-color:#04b361;padding:30px 0 50px 0; font-size: 1.2rem;}
.summary h3{padding: 10px 0;margin-bottom: 5px;font-size: 2.2rem;font-weight: bold;text-align: center;color: #fff;display: flex;justify-content: center;align-items: center;}
.summary h3::before,.summary h3::after{content: '';width:10%;height: 2px;margin:0 15px; background-color: #fff;opacity: 0.5;}
.summary p{text-indent: 2em; text-align: left;line-height: 1.8;color:#fff; }
.summary ul{margin-top:20px;display: flex;justify-content: space-between;}
.summary ul li{box-sizing: border-box; width:32%;background:#fff; box-shadow: 0 6px 0px rgba(0, 0, 0, 0.1); color:#000; font-weight: normal; border-radius: 10px; font-size:1.2rem; line-height: 1.5; text-indent: 0;text-align: center;}
.summary ul li a{display: flex;align-items: center;justify-content: center;box-sizing:border-box;height:100%; padding: 10px 20px;color: #04b361;}

.section1{padding:30px 0;background: #fff;}
.section1 .video{margin-top:20px}

.tit{position: relative;padding:15px 0 15px 20px;margin-bottom: 10px;font-size:2.2rem;font-weight:bold;	color: #04b361;}
.tit::after{content: '';display: block;width:7px;background-color: #04b361;height:0.9em;border-radius:3px;position: absolute;left:0;top:50%;transform: translateY(-46%);}
.tit a{color: #04b361;}

.section2{padding:20px 0;}
.list{text-align: left;}
.list li{margin-bottom:18px;display: flex;justify-content: space-between;align-items:top;padding-left:23px; background:url(../images/icon.png) left 5px no-repeat; color: #555; font-size: 18px;}
.list .date{margin-left:1em;color: #9e9e9e;white-space: nowrap;}

.box_zxzq ul{padding:20px 0;display: flex;justify-content: space-between;}
.box_zxzq li{box-sizing: border-box; width:32%;background:#fff; color:#000; font-weight: normal; padding: 20px;font-size:1.2rem;font-weight: bold; line-height: 1.5; text-indent: 0;text-align: center;}
.box_zxzq li a{display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 1.5rem;color: #04b361;}
.box_zxzq li a i{box-sizing:border-box;padding:10px;width: 60px;height: 60px;margin-bottom: 8px;background-color: #04b361;border-radius: 100%;}
.box_zxzq li a i img{width:100%}

.section3{padding:30px 0 10px;background-color:#fff}

.effect{position: relative;padding-bottom:30px;position:relative;z-index: 1;}
.swiper-container{padding-bottom: 20px;}
.effect .swiper-button-prev{transform: translate(-200%,-100%);} 
.effect .swiper-button-next{transform: translate(200%,-100%);}
.leftLoop01 .swiper-pagination{position: absolute;bottom:0;left: 50%;transform: translateX(-50%);text-align: center;}
.leftLoop01 .swiper-pagination span{margin:0 6px;display: inline-block;width: 30px;height: 8px;font-size: 0;background-color: #aee1c9;;border-radius: 8px;transition: all ease 0.3s;cursor: pointer;opacity: 0.8;}
.leftLoop01 .swiper-pagination span.swiper-pagination-bullet-active{background-color: #04b361;width:60px;opacity: 1;}
.leftLoop01 .slide_img li dl{padding:12px;background-color: #fff}
.leftLoop01 .slide_img li dt{width:100%;height:250px;overflow: hidden;}
.leftLoop01 .slide_img li dt img{width:100%; height:100%;transition: all ease-in 0.3s;object-fit: cover;}
.leftLoop01 .slide_img li dt img:hover{transform: scale(1.1);}
.leftLoop01 .slide_img li dd {margin-top:10px;padding:0.5em;text-align: center;font-size:1.2rem;font-weight:bold;}

.effect .swiper-button-prev{
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2304b361'%2F%3E%3C%2Fsvg%3E");
}
.effect .swiper-button-next{
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2304b361'%2F%3E%3C%2Fsvg%3E");
}

.section4 {padding:30px 0;}
.list_service ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.list_service ul li{box-sizing:border-box;width:32%;margin-bottom: 20px;background-color: #fff; border-radius: 6px; border: 1px solid #e3e3e3; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); font-size: 1.2rem}
.list_service ul li:nth-last-child(-n+4){width:49%}
.list_service ul li a{display: flex;justify-content: center;align-items: center;box-sizing:border-box;padding:1em;height: 5em;text-align: center;color: #04b361;font-weight: bold;}
.list_service ul li a:hover{text-decoration: underline;}

/*------------foot-----------*/
.foot .w1200{margin:0 auto}
.foot_nav{text-align:center}
.footer{
  margin:0 auto;  
  text-align: center;border-top:4px solid #04b361;padding:25px 0 30px;
  font-size: 16px;
}
.footer p{line-height: 2;}
.por {
  position: relative;
}

.foot{
  height:auto;
  background-color:#ffffff;
}
.foot_nav{
  padding-bottom:20px;
}
.zf01,
.zf02{
  position:absolute; margin-top: 80px;top:0;
}
.zf01{
  left:10%;
}
.zf02{
  right:7%
}

@media (min-width:1480px){
	.banner_con{max-width:1320px;}
}
@media (min-width:1680px){
	.banner_con{max-width:1480px;}
}
@media (min-width:1980px){
	.banner_con{max-width:1680px;}
}
@media (min-width:1800px){
	.banner{background-size:contain;}
}

@media (max-width: 1080px) {
body, html{font-size: 16px;}
.w1200,.w400{width:100%}
.banner{height: 50vw; background-size: cover;}
.banner_con{width:100%;height: 100%;}
.banner_con .logo{padding:30px 0 0 15px;}
.banner_con h2{width:100%;text-align: center;}
.banner_con h2 img{width:60%}
.tit,.tit a{font-size: 1.6rem;}
.tit img{width:70px; margin:0;}
.summary{font-size:1rem; padding:20px;}
.summary p{text-align: justify;}


.tit{line-height:1.5; text-align: left; height: auto;}
.section1,.section2,.section3,.section4{padding:20px 10px; height: auto; width:calc(100% - 20px);}
.video video{width:100%;height: 55vw;}

.list{width:100%; background:none;}
.list ul{width:96%; margin:10px 2%; height: auto;}
.list li{width: calc(100% - 24px); height: auto;margin: 0; display: flex; flex-direction: column;font-size: 1rem;}
.section3 .tit{height: auto;}

.list_service{padding: 1rem;}
.list_service ul li{width:49%}

  .footer p{
    padding:0 2%;
  }
  .footer{
    padding:1em 0;

  }
  .zf01, .zf02{position:relative;margin:0;top:auto}
  .zf01{left:auto}
  .zf02{right:auto}
}
@media (max-width:640px){
	.banner{height: 60vw;}
	.banner_con .logo{padding:20px 0 0 15px;}
	.banner_con .logo img {width: 80%;}
	.banner_con h2 img{width:80%}
	.summary ul{flex-wrap: wrap;}
	.summary ul li{width:100%;margin-bottom: 15px;font-size:1rem}
	.tit{margin-bottom: 0;}
	.box_zxzq ul{flex-wrap: wrap;}
	.box_zxzq li{width:100%;margin-bottom: 15px;}
	.box_zxzq li:last-child{margin-bottom:0}
	.box_zxzq li a{flex-direction: row;font-size: 1.2rem;}
	.box_zxzq li a i{width:50px;height: 50px;padding:5px;margin-bottom: 0;margin-right: 10px;}
	.list_service ul li{width:100%;font-size:1rem}
	.list_service ul li:nth-last-child(-n+4){width:100%}
	.list_service ul li a{height: auto;}
}

@media (min-width:1280px){
.web_older *{font-size: 28px;}
.web_older .tit,.web_older .tit a{font-size: 2.2rem;}
.web_older .leftLoop01 .slide_img li dd{font-size: 28px;}
.web_older .foot .w1200{width:100%}
.web_older .zf01{left:2%}
.web_older .zf02{right:2%}
}
@media (max-width:1080px){
.web_older *{font-size: 20px;}
.web_older .tit,.web_older .tit a{font-size: 1.8rem;}
.web_older .summary h3{font-size: 1.8rem;}
.web_older .leftLoop01 .slide_img li dd{font-size: 20px;}
}
@media (max-width:640px){
.web_older *{font-size: 18px;}
.web_older .tit,.web_older .tit a{font-size: 1.8rem;}
.web_older .leftLoop01 .slide_img li dd{font-size: 18px;}
}