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

.header{ background:none; position:absolute;}

/*banner*/
.ibanner{ height:100vh; min-height:175vw; position:relative; z-index:999;}
.ibanner .swiper-slide{ display:block; background:#fff center no-repeat; background-size:cover; overflow:hidden; position:relative;}
.ibanner .swiper-slide .box{ height:100%; overflow:hidden; position:relative;}
.ibanner .swiper-slide .box .bg{ height:100%; background-size:cover !important; overflow:hidden; position:relative; z-index:1;}
.ibanner .swiper-pagination{ display:none; height:6rem; bottom:6%;}
.ibanner .swiper-pagination-bullet{ width:6rem; height:6rem; background:#fff; border-radius:3rem; opacity:0.5; margin:0 6rem !important; vertical-align:top;}
.ibanner .swiper-pagination-bullet-active{ width:28rem; opacity:1;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ display:none; width:36rem; height:124rem; margin-top:-62rem; background-size:contain !important;}
.ibanner .swiper-button-prev{ background:url(../images/icons/prev.png) center no-repeat; left:2.8%;}
.ibanner .swiper-button-next{ background:url(../images/icons/next.png) center no-repeat; right:2.8%;}

.ibanner p.nav{ display:block; width:100%; text-align:center; position:absolute; left:0; bottom:128rem; z-index:99;}
.ibanner p.nav a{ display:inline-block; vertical-align:top; width:8.2em; line-height:3.4; color:#fff; font-size:34rem; background:rgba(0,0,0,0.3); border-radius:1.7em; margin:0 1em;}
.ibanner p.nav a:hover{ color:#5bac19; background:rgba(255,255,255,0.9);}
.ibanner a.main{ display:block; width:68rem; height:68rem; background:url(../images/up.png) center no-repeat; background-size:contain; position:absolute; left:50%; bottom:24rem; transform:translate(-50%,0); z-index:99; animation:upDown 1.6s infinite;}
@keyframes upDown{
	0%  { transform:translate(-50%,0);}
	50% { transform:translate(-50%,-5rem);}
	100%{ transform:translate(-50%,0);}
}

.ibox{ position:relative; z-index:2;}
.ibox .con{ margin:0 30rem;}
.ibox .con::before,
.ibox .con::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox h2.title{ display:block; font-size:40rem; font-weight:normal; padding:1.25em 0 0; position:relative;}
.ibox h2.title b{ display:block; line-height:1; color:#0e860c; text-transform:uppercase; opacity:0.2; position:relative; z-index:1; margin:0 0 -1em;}
.ibox h2.title em{ display:block; line-height:1.95; color:#5bac19; font-size:0.95em; font-weight:bold; position:relative; z-index:3;}

.box1{ background:url(../images/bg1.jpg) center no-repeat; background-size:cover;}
.box1 .txt{ line-height:2; color:#333; font-size:28rem; overflow:hidden; padding:0.65em 0 2em;}

.slogan{ overflow:hidden;}
.slogan img{ display:block; width:100%;}

.box2{ background:url(../images/bg2.jpg) center no-repeat; background-size:cover; padding:0 0 30rem;}
.box2 ul{ display:flex; flex-direction:column; justify-content:space-between; height:57em; font-size:25rem; background:url(../images/line.png) center top no-repeat; background-size:auto 100%; padding:0.64em 0 5em; margin:1em 0 0;}
.box2 ul li{ display:flex; align-items:center; justify-content:space-between; position:relative;}
.box2 ul li i{ display:block; width:12rem; height:12rem; background:#fff; background-clip:padding-box; border:7rem solid rgba(91,172,25,0.6); border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.box2 ul li em{ display:block; width:46%; line-height:1; color:#333; font-size:1.12em; font-weight:bold; text-align:right;}
.box2 ul li em b{ display:block; font-size:1.072em; padding:0 0 0.4em;}
.box2 ul li p{ display:block; width:42.6%; line-height:1.45; color:#333; overflow:hidden; background:rgba(255,255,255,0.6); padding:0.68em 0.7em; border-radius:0.72em; box-shadow:0 0 5rem rgba(231,231,231,0.75); box-sizing:border-box;}
.box2 ul li:nth-child(odd){ flex-direction:row-reverse;}
.box2 ul li:nth-child(odd) em{ text-align:left;}
.box2 ul li:nth-child(1) i{ transform:translate(-170%,-50%);}
.box2 ul li:nth-child(2) i{ transform:translate(110%,-50%);}
.box2 ul li:nth-child(3) i{ transform:translate(-170%,-50%);}
.box2 ul li:nth-child(4) i{ transform:translate(50%,-50%);}
.box2 ul li:nth-child(5) i{ transform:translate(-120%,-50%);}
.box2 ul li:nth-child(6) i{ transform:translate(-110%,-50%);}
.box2 ul li:nth-child(7) i{ transform:translate(-20%,-50%);}
.box2 ul li:nth-child(6) em{ transform:translate(-10%,0);}
.box2 ul li:nth-child(7) em{ transform:translate(10%,0);}






/**/
















/**/