@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 {width: 100%; height: 100%;}
.btn {position: absolute; left: 50%; transform: translateX(-50%); text-indent: -999em;}

section {position: relative;}
.main {height: 1316px; background:#37a6e1 url('../images/main.jpg?v=250911') center top no-repeat;}
.s1 {height: 1447px; background:#f6f7ec   url('../images/s1.jpg?v=250911') center top no-repeat;}
.s2 {height: 2375px; background:#f6f7ec  url('../images/s2.jpg?v=250911') center top no-repeat;}

.section .btn {position: absolute; left: 50%; width: 38%; transform: translateX(-50%); text-indent: -999em;}
.s2 .btn {bottom: 9.4%; height: 4.5%; display: none}

.btns_wrap.btns1 .btns1 {display: block;}
.btns_wrap.btns2 .btns2 {display: block;}

.swiper-container {
  width: 834px;
  padding-top: 212px;
  margin: 0 auto;
  text-align: center;
}
.swiper-slide {
  background-position: center;
  background-size: cover;
  width: 834px !important;
  height: 826px;

}
.card1 {background: url(../images/card_1.png) no-repeat center top;}
.card2 {background: url(../images/card_2.png) no-repeat center top;}

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

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

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 100px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:17px; height: 17px; margin: 0 6px;}
.swiper-pagination-bullet {background: #84141e; opacity: 1;}
.swiper-pagination-bullet-active {background: #fae700;}

.btnFloating {position: fixed; left: 0; bottom: 0; width: 100%; height:89px; background: #ffd221 url(../images/float.jpg?v=250911) no-repeat center top; text-align: center; z-index: 999;}
.btnFloating a {margin: 0 auto; text-indent: -9999px;}
.btnFloating a {display: none;}
.btnFloating.btns1 .btns1 {display: block;}
.btnFloating.btns2 .btns2 {display: block;}

.foot {height:250px; padding-top: 1605px; padding-bottom:90px; background:#d7d7d7 url('../images/footer.jpg?v=250911') no-repeat center top;}
.foot .inner {max-width: 1400px;}
.foot .inner .last {margin-left: 70px; padding: 0 140px 0 106px; text-indent: -34px;font-size: 32px;color: #373737;line-height: 40px;letter-spacing: -2.5px;}
.foot .inner .last li {padding-bottom:12px;}