@charset "UTF-8";
body > .swiper-container { background: url(../../../images/copyright.jpg) no-repeat; background-size: 100% 100%; }

.swiper-container { width: 100%; height: 100%; }

.swiper-slide { width: 100%; height: 100%; background-size: 100% 100%; }

@-webkit-keyframes arrow { 0%,30% { opacity: 0; -webkit-transform: translate(0, 10px); }
  60% { opacity: 1; -webkit-transform: translate(0, 0); }
  100% { opacity: 0; -webkit-transform: translate(0, -8px); } }
@-moz-keyframes arrow { 0%,30% { opacity: 0; -moz-transform: translate(0, 10px); }
  60% { opacity: 1; -moz-transform: translate(0, 0); }
  100% { opacity: 0; -moz-transform: translate(0, -8px); } }
@keyframes arrow { 0%,30% { opacity: 0; transform: translate(0, 10px); }
  60% { opacity: 1; transform: translate(0, 0); }
  100% { opacity: 0; transform: translate(0, -8px); } }
.btn_arrow { position: absolute; z-index: 998; -webkit-animation: arrow 1.5s infinite ease-in-out; animation: arrow 1.5s infinite ease-in-out; left: 50%; margin-left: -10px; bottom: 10px; }


.logo{width: 0.75rem;height: 0.5rem;position: fixed;left: 0.45rem;top: 0.25rem;z-index: 3;}

.swiper-slide { background-size: 100% 100%; background-repeat: no-repeat; }
.swiper-slide img { width: 100%; }

/*----------------------------------自定义样式-----------------------------------*/
.call { width: 1.97rem; height: .76rem; position: fixed; bottom: .65rem; left: .48rem; z-index: 99; }

.hand-btn{width: 0.39rem !important;height: 0.43rem;position: absolute;left: 1.8rem;top: 0.9rem;z-index: 3;animation: tabScale infinite linear 2s;}

/*手机弹出样式*/
.tel-pop .close-btn img{position: absolute;}
.tel-pop .pd form input.usertel { width: 3.85rem; float: left; border: none; border: 1px solid #019c4a; padding: 0.2rem; font-size: 0.3rem; float: left; height: .78rem; box-sizing: border-box; border-radius: 0; }
.tel-pop .pd form a{border-color: #019c4a;background: #019c4a;}
.tel-pop .pd form .tel{border-color: #019c4a;}
.tel-pop .pd form input.submit2 { width: 1.4rem; padding: 0.165rem 0; border: 1px solid #019c4a; font-size: 0.3rem; background: #019c4a; color: #fff; float: left; box-sizing: border-box; height: .78rem; text-align: center; border-radius: 0; }

.cover-bg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; z-index: 98; background: rgba(0, 0, 0, 0.6); }

/*btn-arrow*/
@keyframes arrow { 0%,30% { opacity: 0; transform: translate(0, 10px); }
  60% { opacity: 1; transform: translate(0, 0); }
  100% { opacity: 0; transform: translate(0, -8px); } }
@-webkit-keyframes arrow { 0%,30% { opacity: 0; -webkit-transform: translate(0, 10px); }
  60% { opacity: 1; -webkit-transform: translate(0, 0); }
  100% { opacity: 0; -webkit-transform: translate(0, -8px); } }
.btn-arrow { width: 0.45rem; height: 0.45rem; position: absolute; z-index: 98; animation: arrow 1.5s infinite ease-in-out; -webkit-animation: arrow 1.5s infinite ease-in-out; left: 0; right: 0; bottom: 0.1rem; margin: auto; }

@-webkit-keyframes arrow-right { 0%,30% { opacity: 0; -webkit-transform: translate(10px, 0px); }
  60% { opacity: 1; -webkit-transform: translate(0, 0); }
  100% { opacity: 0; -webkit-transform: translate(10px, 0); } }
.btn-arrow { width: 0.45rem; height: 0.45rem; position: absolute; z-index: 98; animation: arrow 1.5s infinite ease-in-out; -webkit-animation: arrow 1.5s infinite ease-in-out; left: 0; right: 0; bottom: 0.1rem; margin: auto; }


section > .swiper-slide { background: url(../../../images/copyright.jpg) no-repeat; background-size: 100% 100%; }

/*page1*/
.page1 { background-image: url(../images/bg1.jpg); }
.page1 .block1 img { width: 100%; margin-top: 2.55rem;}
.page1 .block2 img { width: 100%;margin-top: 1.95rem; }
.page1 .block3 img { width: 100%; margin-top: 0.37rem;}

.page2 { background-image: url(../images/bg2.jpg); }
.page2 .block1 img{margin-top: 1.68rem;}
.page2 .block2{margin-top: 1.03rem;position: relative;}
.page2 .block2 a{position: absolute;width: 0.97rem;height: 1.15rem;z-index: 2;display: block;}
.page2 .block2 a:nth-child(1){left: 0.92rem;top: 0.56rem;}
.page2 .block2 a:nth-child(2){left: 3.27rem;top: 0.56rem;}
.page2 .block2 a:nth-child(3){left: 5.48rem;top: 0.56rem;}
.page2 .block2 a:nth-child(4){left: 2.1rem;top: 1.7rem;}
.page2 .block2 a:nth-child(5){left: 4.36rem;top: 1.7rem;}
.page2 .block3{margin-top: 0.72rem;}

.page3 .block1 { background: url(../images/bg3.jpg) no-repeat; background-size: 100% 100%; }
.page3 .block1 img.tit { height: 1.26rem; margin-top: 1.11rem; margin-left: -1.1rem; }
.page3 .block1 .tab { text-align: center; margin-top: 1.1rem; margin-bottom: .34rem; }
.page3 .block1 .tab a { display: inline-block; width: 2.24rem; height: .61rem; border-radius: 3px; border: 1px solid #33a749; text-align: center; line-height: .61rem; font-size: .28rem; color: #33a749; position: relative; transition: all .2s linear; }
.page3 .block1 .tab a img { width: .11rem; height: .11rem; position: absolute; left: 50%; margin-left: -.05rem; bottom: -.22rem; display: none; }
.page3 .block1 .tab a:nth-child(1) { margin-right: .68rem; }
.page3 .block1 .tab a.active { background: #33a749; color: #fff; }
.page3 .block1 .tab a.active img { display: block; }
.page3 .block1 ul { font-size: .24rem; color: #33a749; text-align: center; position: relative; width: 100%; }
.page3 .block1 ul li { position: absolute; width: 100%; opacity: 0; transition: all .2s linear; }
.page3 .block1 ul li.active { opacity: 1; }
.page3 .block1 img.car { height: 4.31rem; margin-top: .85rem; position: relative; right: .2rem; }
.page3 .block2 { background: url(../images/bg3-1.jpg) no-repeat; background-size: 100% 100%; }
.page3 .block2 .tit { margin-top: .6rem; }
.page3 .block2 .txt { margin: .6rem 0 .6rem 0; }
.page3 .block3 { background: url(../images/bg3-2.jpg) no-repeat; background-size: 100% 100%; }
.page3 .block3 .tit { margin-top: .7rem; margin-bottom: .2rem; }
.page3{ background: url(../images/bg3-3.jpg) no-repeat; background-size: 100% 100%; }
.page3 .block4 .tit { margin-top: .9rem; }
.page3 .block4 .txt { margin-top: .4rem;}
.page3 .block5 { background: url(../images/bg3-4.jpg) no-repeat; background-size: 100% 100%; }
.page3 .block5 .tit { margin-top: 1.1rem; margin-bottom: 1.3rem; margin-left: -1rem; }
.page3 .blockn { position: absolute; bottom: .7rem; left: 0; width: 100%; z-index: 9; }
.page3 .blockn ul { display: flex; justify-content: space-around; }
.page3 .blockn ul li { text-align: center; border-radius: 50%; height: 1.04rem; width: 1.04rem; padding-top: .1rem; padding-left: .1rem; color: #019c4a; position: relative; }
.page3 .blockn ul li div { width: .96rem; height: .96rem; background: #fff; font-size: .26rem; box-shadow: 1px #fff; border-radius: 50%; line-height: .96rem; position: relative; z-index: 1; }
.page3 .blockn ul li span { display: block; border-radius: 50%; background: rgba(255, 255, 255, 0.3); height: 1.14rem; width: 1.14rem; transition: all .5s linear; position: absolute; left: 0; top: 0; animation: tabScale 2s infinite; z-index: 0; }
.page3 .blockn ul li.active { color: #fff; }
.page3 .blockn ul li.active div { background: #019b4a; }
.page3 .blockn ul li.active span { background: rgba(1, 155, 74, 0.3); }
.page3 .hand2 { width: .39rem; height: .43rem; position: absolute; bottom: 5rem; left: 5rem; z-index: 9; animation: handmove infinite 3s; display: none; }

.page4 { background: url(../images/bg1.jpg) no-repeat; background-size: 100% 100%; }
.page4 .swiper-wrapper { background: transparent; }
.page4 .swiper-wrapper .swiper-slide { background: transparent; color: #019c4a; }
.page4 .swiper-wrapper .swiper-slide h2 { margin-top: .42rem; margin-bottom: .3rem; font-size: .28rem;line-height: 0.42rem; font-weight: normal; }
.page4 .swiper-wrapper .swiper-slide p { font-size: .22rem; }
.page4 .block1 img { margin-top: 1.2rem; margin-bottom: 1rem; }
.page4 .block2 { position: relative; height: 70%; width: 6.66rem; overflow: hidden; margin: 0 auto; overflow: hidden; }
.page4 .block2 #page4 { height: 6.42rem; width: 6.58rem; margin: 0 auto; position: absolute; z-index: 0; background: rgba(255, 255, 255, 0.6); box-sizing: border-box; border: 1px dashed #019c4a; border-radius: 3px; padding: .65rem .2rem .1rem .2rem; }
.page4 .block2 #page4 .swiper-pagination { bottom: -1rem; }
.page4 .block2 #page4 .swiper-pagination .swiper-pagination-bullet { width: .25rem; height: .25rem; background: white; }
.page4 .block2 #page4 .swiper-pagination .swiper-pagination-bullet-active { background: #019c4a; }
.page4 .arrow { width: .23rem; height: .38rem; position: absolute; top: 6.2rem; }
.page4 .arrow-right { right: 2px; }

.page5 { background: url(../images/bg2.jpg) no-repeat;}
.page5 .block1{margin-top: 1.68rem;}
.page5 .block2{margin-top: 0.85rem;padding: 0 0.4rem 0;}
.page5 .block2 ul li{float:left;width: 48%;margin-right: 2%;margin-bottom: 0.1rem;}
.page5 .block2 ul li:nth-child(2n){margin-right: 0;}

.page6 { background: url(../images/bg4.jpg) no-repeat;  background-size: 100% 100%; }
.page6 .block1 { background: #fff; position: relative;z-index: 9;}
.page6 .block1 img { margin: .5rem 0 .5rem 0; }
.page6 .tabs{overflow: hidden;text-align: center;}
.page6 .tabs a{display:block;width: 25%;float: left;font-size: 0.21rem;color: #fff;line-height: 0.5rem;min-height: .5rem;padding: 0.2rem 0;background: #019c4a;border-right: 0.01rem solid #fff;box-sizing: border-box;}
.page6 .tabs a.active{background: #007c3b;}
.page6 .block2 {height: 80%;overflow: hidden;}
.page6 .block2 .swiper-slide{height: auto;}
.page6 .block2 .table { text-align: center; font-size: .21rem; color: #fff; }
.page6 .block2 .table tr { background: #d3ede4; text-align: center; font-size: .21rem; color: #333333; }
.page6 .block2 .table tr th{height: 0.7rem;line-height: 0.7rem;text-align: center;background-color: #019c4a;color: #fff;font-size: 0.24rem;border-right: 1px solid #fff;}
.page6 .block2 .table tr td { padding: .3rem 0; border-right: 1px solid #fff;width: 25%; }
.page6 .block2 .table tr:nth-of-type(odd) { background: #f4f4f4; }

.page7 { background: url(../images/bg7.jpg) no-repeat; background-size: 100% 100%; }
.page7 .block1 { margin: 1.9rem 0 .5rem; }


.page8 { background: url(../images/bg7.jpg) no-repeat; background-size: 100% 100%; }
.section2{background: url(../images/bg7.jpg) no-repeat; background-size: 100% 100%;}
.section3{background: url(../images/bg7.jpg) no-repeat; background-size: 100% 100%;}
.order .title h1{font-size: .6rem;color: #019c4a;}
.order .form form input.submit{background: #019c4a;}
.order .form a{color: #019c4a;}
@keyframes tabScale { 0% { transform: scale(1, 1); }
  50% { transform: scale(1.1, 1.1); }
  100% { transform: scale(1, 1); } }
@keyframes handmove { from { left: 5rem; }
  to { left: 2rem; } }
@media screen and (max-width: 320px) { .page1 .block1 img { margin-top: 2rem; }
  .page3 .block1 .tab { margin-top: 0; }
  .page4 .block1 img { margin: 1rem 0 .9rem; }
  .page5 .tit { margin: 1.8rem 0 .4rem; }
  .page7 .block1 { margin: 1.5rem 0 .5rem; } }

/*# sourceMappingURL=style.css.map */

.pop{opacity:0;padding:1.68rem 5.3% 0;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.6);z-index: -1;}
.pop .close-btn{width: 0.5rem;height: 0.5rem;display: block;position: absolute;right: 5.3%;top: 1rem;background: url("../images/close.png") center center no-repeat;background-size: 100%;}
.pop1-cen{padding: 0.33rem 4%;background-color: #fff;height: auto;width: auto;}
.pop1-cen .swiper-slide{min-height: 7rem;}
.pop1-cen .swiper-slide h2{font-size: 0.3rem;line-height: 0.36rem;color: #019c4a;padding: 0.4rem 0 0.4rem;}
.pop1-cen .swiper-slide p{font-size: 0.22rem;line-height: 0.36rem;color: #666666;padding-bottom: 0.16rem;}
.pop1-cen .swiper-pagination {  }
.pop1-cen .swiper-pagination .swiper-pagination-bullet { width: .2rem; height: .2rem; background: #eee;opacity: 1; }
.pop1-cen .swiper-pagination .swiper-pagination-bullet-active { background: #019c4a; }

.lianxi{background: url("../images/lx-bg.jpg") no-repeat;background-size: cover;text-align: center;}
.lianxi-1{margin: 1.8rem 0 0.8rem;}
.lianxi p{font-size: 0.24rem;line-height: 0.4rem;padding: 0 0.35rem ;}
.lianxi h2{font-size: 0.4rem;font-weight: bold;margin: 0.2rem 0;}
.lianxi h2 a{color: #059c4c;}
.lianxi h3{font-size: 0.25rem;color: #059c4c;margin-top: 0.3rem;}
.lianxi form{width: 85%;height: auto;overflow: hidden;margin: 0.2rem auto;text-align: center;}
.lianxi form .tel{width:3.3rem;height: 0.85rem;line-height: normal;font-size: 0.24rem;border:1px solid #f0f0f0;padding: 0 3%;float: left;margin-left: 0.6rem;}
.lianxi form .btn-submit{height: 0.85rem;line-height: 0.85rem;font-size: 0.24rem;background: #059c4c;padding:0 0.3rem;color: #fff;display: block;float: left;}

.qr{background: url("../images/bg2.jpg") no-repeat;background-size:cover;}
.qr div:nth-of-type(2){margin-top: .1rem;}
.qr img{width: 100%;}

.layui-m-layer0 .layui-m-layerchild{width: 50% !important;}
.layui-m-layercont{padding: 20px 15px;}

@keyframes tabScale { 0% { transform: scale(1, 1); }
  50% { transform: scale(1.1, 1.1); }
  100% { transform: scale(1, 1); } }