@charset "UTF-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,
em,img,ins,kbd,q,samp,small,strong,sub,sup,var,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video,input{ margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-style:normal; }
body{line-height:1.2;word-break:break-all}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav,ul,li{list-style:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;color:#333}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #f2f2f2;margin:15px 0 20px;padding:0}
input,select{vertical-align:middle}
html{font-size:13px}
caption{overflow:hidden;visibility:hidden;width:0;height:0;font-size:1px}
img { vertical-align:top; }
html,body{height:100%;}
button{background: transparent;}

.text-hidden {position: absolute;text-indent: -9999em;font-size: 0;}
/* img {width: 100%;} */

#wrap {width: 100%;}
.container {width: 100%;}
.section, .foot {position: relative; min-width: 1400px; margin: 0 auto;}
.inner {position: relative; width: 1400px; height: 100%; margin: 0 auto;}
div[class^="btn"] a {display: block; width: 100%; height: 100%;}
.btns {position: absolute; left: 50%; transform: translateX(-50%); text-indent: -999em; z-index: 1}

section {position: relative;}
.main {height: 1291px; background:#c6f0ff url('../images/main.jpg') center top no-repeat;}
.s1 {height: 1557px; background:#799733 url('../images/s1.jpg') center top no-repeat;}
.s2 {height: 1993px; background:#799733 url('../images/s2.jpg') center top no-repeat; overflow: hidden;}

.s2 .btns_wrap .btns{width: 1080px; bottom: 192px; display: none}
.s2 .btns_wrap .btns li {float:left; width: 49.4%; height: 99px;margin-right: 0;margin-top: 16px;}
.s2 .btns_wrap .btns li:nth-child(2), .s2 .btns li:nth-child(4) {float:right}
.s2 .btns_wrap .btns li:nth-child(3) {clear:both;}
.s2 .btns_wrap .btns li a {display: block; width: 100%; height: 100%;}

.s2 .btns_wrap.btns1 .btns1{display: block}
.s2 .btns_wrap.btns2 .btns2{display: block}
.s2 .btns_wrap.btns3 .btns3{display: block}
.s2 .btns_wrap.btns4 .btns4{display: block}
.s2 .btns_wrap.btns5 .btns5{display: block}

.swiper-container {
  width: 763px;
  padding-top: 320px;
  padding-bottom: 449px;
  margin: 0 auto;
  text-align: center;
}
.swiper-slide {
  background-position: center;
  background-size: cover;
  width: 373px;
  height: 1050px;
}

.card2 {background: url(../images/slide_2_off.png) no-repeat center top;}
.card5 {background: url(../images/slide_5_off.png) no-repeat center top;}
.card4 {background: url(../images/slide_4_off.png) no-repeat center top;}
.card2.swiper-slide-active {background: url(../images/slide_2.png) no-repeat center top;}
.card5.swiper-slide-active {background: url(../images/slide_5.png) no-repeat center top;}
.card4.swiper-slide-active {background: url(../images/slide_4.png) no-repeat center top;}


/* .swiper-slide img {box-shadow: 0 0 10px #639a37;} */

.swiper-slide.swiper-slide-active{filter: grayscale(0);opacity: 1}

.swiper-button-prev{width:51px; height:94px; left:360px; top:560px; background: url(../images/prev.png) no-repeat left top;}
.swiper-button-next{width:51px; height:94px; right:360px; top:560px; background: url(../images/next.png) no-repeat left top;}

.swipertxt {position: absolute; left:50%; transform: translateX(-50%); width:1200px; height:991px; bottom:40px; border-radius: 0;}
.swipertxt.txt1 {background: url(../images/slidetxt_2.png) no-repeat center top;}
.swipertxt.txt2 {background: url(../images/slidetxt_5.png) no-repeat center top;}
.swipertxt.txt3 {background: url(../images/slidetxt_4.png) no-repeat center top;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 900px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:17px; height: 17px;}
.swiper-pagination-bullet {background: #5d7526; opacity: 1;}
.swiper-pagination-bullet-active {background: #d9c504;}

.foot {height:200px; padding-top: 1547px; background:#eceee8  url('../images/footer.jpg') no-repeat center top;}
.foot .inner {max-width: 1400px;}
.foot .inner .last {padding: 0 90px; font-size: 28px; color: #333; line-height: 35px; letter-spacing: -2.5px;}