.bannerswiper .swiper-button-prev:after, .bannerswiper .swiper-button-next:after { color: #fff; }
.bannerswiper .swiper-pagination-bullet { margin: 5px; width: 24px; height: 8px; border-radius: 4px; background: rgba(255, 255, 255, .5); }
.bannerswiper .swiper-pagination-bullet-active { background: #fff; }
.sec1 .ul1 { border-radius: 5px; overflow: hidden; margin-bottom: 20px; }
.sec1 .ul1 li { width: 16.666%; float: left; }
.sec1 .ul1 li a { display: block; font-size: 16px; padding: 20px 0; position: relative; text-align: center; border-bottom: 1px solid rgba(151, 151, 151, .06); border-right: 1px solid rgba(151, 151, 151, .06); background: #f7f8fa; color: #333; }
.sec1 .ul1 li:nth-child(6n) a { border-right: none }
.sec1 .ul1 li:nth-child(7) a, .sec1 .ul1 li:nth-child(8) a, .sec1 .ul1 li:nth-child(9) a, .sec1 .ul1 li:nth-child(10) a, .sec1 .ul1 li:nth-child(11) a, .sec1 .ul1 li:nth-child(12) a { border-bottom: none }
.sec1 .ul1 li a span { display: block; position: absolute; left: 10px; top: 0; width: 40px; bottom: 0; opacity: 0.09; background: url(../images/num1.png) no-repeat center; background-size: 100%; }
.sec1 .ul1 li:nth-child(2) a span { background-image: url(../images/num2.png); }
.sec1 .ul1 li:nth-child(3) a span { background-image: url(../images/num3.png); }
.sec1 .ul1 li:nth-child(4) a span { background-image: url(../images/num4.png); }
.sec1 .ul1 li:nth-child(5) a span { background-image: url(../images/num5.png); }
.sec1 .ul1 li:nth-child(6) a span { background-image: url(../images/num6.png); }
.sec1 .ul1 li:nth-child(7) a span { background-image: url(../images/num7.png); }
.sec1 .ul1 li:nth-child(8) a span { background-image: url(../images/num8.png); }
.sec1 .ul1 li:nth-child(9) a span { background-image: url(../images/num9.png); }
.sec1 .ul1 li:nth-child(10) a span { background-image: url(../images/num10.png); }
.sec1 .ul1 li:nth-child(11) a span { background-image: url(../images/num11.png); }
.sec1 .ul1 li:nth-child(12) a span { background-image: url(../images/num12.png); }
.sec1 .ul1 li.last a { text-align: center; background: url(../images/more1.png) #f7f8fa no-repeat right 23% center; background-size: 50px; }
.sec1 .box1 { width: 40%; background: #f9f9f9 url(../images/bg.jpg) no-repeat center; background-size: cover; position: relative }
.sec1 .box1 .swiper-pagination { bottom: 12px; }
.sec1 .box1 .swiper-pagination-bullet { width: 28px; height: 8px; border-radius: 4px; margin: 0 6px; background-color: #fff; }
.sec1 .box1 .swiper-pagination-bullet-active { opacity: 1; background: #21772e; }
.sec1 .box1 a { display: block; padding: 65px 40px 60px 0; color: #333; overflow: hidden; position: relative; }
.sec1 .box1 .text { position: absolute; left: 40px; top: 100px; }
.sec1 .box1 a h3 { font-size: 26px; }
.sec1 .box1 a h4 { font-size: 17px; font-weight: 500; margin: 20px 0; }
.sec1 .box1 a p { font-size: 15px; margin: 20px 0 30px; }
.sec1 .box1 a span { display: block; width: 160px; line-height: 38px; background: rgb(33 119 46 / 75%); color: #fff; text-align: center; border-radius: 20px; font-size: 15px; }
.sec1 .box1 a span:hover img { margin-left: 12px; }
.sec1 .box1 a span img { width: 26px; margin-left: 8px; margin-top: -4px; transition: 0.3s; }
.sec1 .box1 .pho { width: 60%; margin-left: 40%; }
.sec1 .box2 { width: 100%; }
.sec1 .box2 li { width: 33%; box-sizing: border-box; float: left; padding: 0 0px 30px 30px; }
.sec1 .box2 li a { display: block; background: url(../images/bg1.jpg) no-repeat center; background-size: cover; padding: 12px 24px; position: relative; }
.sec1 .box2 li .text { position: absolute; left: 30px; top: 40px; color: #555; }
.sec1 .box2 li .text h3 { font-size: 24px; font-weight: 500 }
.sec1 .box2 li .text h4 { font-size: 17px; font-weight: 500; color: #666; }
.sec1 .box2 li .text span { display: block; width: 30px; height: 30px; background: url(../images/icon2.png) no-repeat; background-size: 24px; margin: 14px 0 0 5px; transition: 0.3s; }
.sec1 .box2 li:hover .text span { background-image: url(../images/icon1.png); margin-left: 25px; }
.sec1 .box2 li .pho { width: 52%; margin-left: 48%; }
.sec2 { position: relative; }
.sec2 .container { position: absolute; left: 50%; transform: translateX(-50%); top: 15%; }
.sec2 .container .text { padding: 0 6%; text-align: center; }
.sec2 .container h2 { font-weight: 500; font-size: 38px; margin-bottom: 30px; }
.sec2 .container .text p { font-size: 16px; line-height: 30px; color: #666; }
.sec2 .container .text a { display: block; width: 140px; line-height: 36px; background: #3e8249; color: #fff; margin: 40px auto 60px; font-size: 15px; border-radius: 20px }
.sec2 .container .text a img { width: 24px; }
.sec2 .container .text ul li { width: 25%; text-align: left; float: left; padding: 0 100px; box-sizing: border-box; }
.sec2 .container .text ul li p { font-size: 15px; font-weight: 600; }
.sec2 .container .text ul li strong { display: block; font-size: 36px; color: #3e8249; white-space: nowrap; }
.sec3 { padding-bottom: 40px; }
.sec3 .container { position: relative; padding: 0 70px }
.sec3 .swiper-container { margin: 10px 0 30px; }
.sec3 .swiper-slide a { display: block; position: relative; border-radius: 8px; overflow: hidden; background: #f9f8f7; }
.sec3 .swiper-slide .text { box-sizing: border-box; position: relative; }
.sec3 .swiper-slide .text h3 { font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; line-height: 64px; padding: 0 8px; }
.sec3 .swiper-button-prev, .sec3 .swiper-button-next { left: 0px; width: 40px; height: 60px; line-height: 60px; background: #f3f3f3; z-index: 100; }
.sec3 .swiper-button-next { right: 0px; left: inherit }
.sec3 .swiper-button-prev:after, .sec3 .swiper-button-next:after { color: #999; font-size: 26px; }
.sec3 .swiper-pagination { text-align: left; left: 60px; bottom: 70px; }
.sec3 .swiper-pagination-bullet { background: #666; width: 14px; height: 14px; margin: 0 7px; }
.sec3 .swiper-pagination-bullet-active { background: #21772e; }
.sec4 .pic { margin: 10px 0 30px; position: relative; }
.sec4 .pic .pho img { width: 25%; float: left; }
.sec4 ul { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; }
.sec4 li { width: 25%; float: left; height: 100%; }
.sec4 li a { display: block; border-right: 1px solid rgb(197 204 198); position: relative; overflow: hidden; height: 100%; }
.sec4 li a:after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, .2); z-index: 10; }
.sec4 li a .text { position: absolute; left: 20px; right: 20px; bottom: 0%; top: 40px; transform: translateY(120%); background: url(../images/bg.png) no-repeat; background-size: cover; padding: 50px 30px 0; z-index: 100; opacity: 0; transition: 0.3s; }
.sec4 li a .text strong { font-size: 27px; color: #ccc; font-weight: 500 }
.sec4 li a .text h3 { font-size: 22px; color: #21772e; font-weight: 500; margin: 18px 0 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sec4 li a .text p { line-height: 28px; font-size: 15px; color: #666; }
.sec4 li a .text span { display: block; width: 140px; line-height: 34px; text-align: center; background: #3e8249; color: #fff; margin-top: 60px; font-size: 15px; }
.sec4 li a .tex { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px 40px; color: #fff; z-index: 80; background: linear-gradient(0, rgba(46, 46, 46, .6) 50%, rgba(46, 46, 46, .02) 99%); }
.sec4 li a .tex strong { font-size: 25px; font-weight: normal; }
.sec4 li a .tex h3 { font-size: 20px; margin: 18px 0 50px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sec4 li a .tex span { display: inline-block; padding-right: 40px; margin-bottom: 40px; font-size: 14px; background: url(../images/jt1.png) no-repeat right center; background-size: 30px; }
.sec4 li:hover a .tex { opacity: 0; }
.sec4 li:hover a .text { opacity: 1; transform: translateY(0); }
.sec5 { overflow: hidden; padding-bottom: 40px; background: #fafafa; }
.sec5 .seCon { margin: 30px auto; }
.sec5 .box { width: 30%; padding: 0px 24px; }
.sec5 a { display: block; background: #fff; }
.sec5 a:hover h3 { color: #3e8249; }
.sec5 a .pho { border-bottom: 1px solid #f4f4f4; }
.sec5 .text { padding: 20px 30px; }
.sec5 .text h3 { font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sec5 .text p { font-size: 15px; line-height: 26px; color: #666; margin: 10px 0 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sec5 .text span { display: block; font-size: 15px; color: #999; background: url(../images/jt3.png) no-repeat right center; background-size: 28px; }
.sec5 .ul1 { width: 38%; padding: 0 40px; box-sizing: border-box; }
.sec5 .ul1 li { margin-bottom: 30px; }
.sec5 .ul1 li:last-child { margin-bottom: 0; }
.sec5 .ul1 li .tim { color: #888; line-height: 40px; font-size: 16px; margin-bottom: 10px; }
.sec5 .ul1 li strong { color: #3e8249; font-weight: 500; font-size: 32px; }
.sec5 .ul2 { width: 49%; padding: 10px 6px; }
.sec5 .ul2 li { border-bottom: 1px solid #f4f4f4; }
.sec5 .ul2 li:last-child { border-bottom: none; }
.sec5 .ul2 .text { padding: 15px 30px; }
.sec5 .ul2 li a h3 { font-size: 18px; }
 @media all and (min-width: 1024px) and (max-width: 1680px) {
.sec1 .ul1 li.last a { background-position: right 15% center; }
.sec2 .container h2 { font-size: 36px; }
.sec5 .ul1 li .tim { margin-bottom: 5px; }
.sec5 .ul2 .text p { margin-bottom: 15px; }
}
 @media all and (min-width: 1024px) and (max-width: 1600px) {
.sec1 .box1 a { padding: 55px 30px 55px 0; }
.sec1 .box1 .text { left: 30px }
.sec1 .box1 a h3 { font-size: 22px; }
.sec1 .box1 a h4 { font-size: 17px; margin-top: 10px; }
.sec1 .box1 a span { width: 140px; line-height: 34px; }
.sec1 .box2 li .text h3 { font-size: 22px; }
.sec1 .box2 li .text span { width: 24px; height: 24px; }
.sec3 .swiper-slide .text h3 { font-size: 17px; line-height: 50px; }
.sec2 .container .text { padding: 0 4%; }
.sec2 .container { top: 10%; }
.sec2 .container .text a { width: 140px; }
.sec5 .box { width: 32% }
.sec5 .ul1 { width: 36%; padding: 0 30px; }
.sec5 .ul1 li .tim { margin-bottom: 0; }
.sec4 li a .text { padding-top: 30px }
.sec4 li a .text h3 { margin: 10px 0 20px }
}
 @media all and (min-width: 1024px) and (max-width: 1440px) {
.sec1 .ul1 li.last a { padding-left: 20%; }
.sec1 .box1 a { padding: 50px 30px 50px 0 }
.sec1 .box2 li .text { left: 20px; }
.sec .more a { width: 140px; line-height: 38px; }
.sec6 li { padding: 20px 13px 25px; }
.sec2 .container h2 { font-size: 32px; }
.sec2 .container .text ul li { padding: 0 80px; }
.sec2 .container .text ul li strong { font-size: 34px; }
.sec2 .container .text a { line-height: 38px; }
.sec3 .container { padding: 0 50px; }
.sec3 .swiper-button-prev, .sec3 .swiper-button-next { width: 32px; height: 50px; line-height: 50px; }
.sec3 .swiper-button-prev:after, .sec3 .swiper-button-next:after { font-size: 22px; }
.sec5 .ul1 .text { padding: 10px 24px 20px; }
.sec5 .box .text { padding: 20px 24px; }
.sec5 .ul2 .text { padding: 15px 24px; }
.sec5 .ul2 .text p { margin: 6px 0 10px; }
}
 @media all and (min-width: 1024px) and (max-width: 1366px) {
.sec5 .text h3 { font-size: 17px; }
.sec5 .ul1 li strong { font-size: 30px; }
.sec4 li a .text { padding: 20px 20px 0 }
.sec4 li a .text span { margin-top: 30px }
.sec4 li a .text h3 { margin: 10px 0 20px; font-size: 20px; }
.sec4 li a .tex { padding: 20px 30px }
.sec4 li a .tex strong { font-size: 22px }
.sec4 li a .tex h3 { font-size: 18px; font-weight: 600; margin-bottom: 30px }
}
 @media all and (min-width: 1024px) and (max-width: 1280px) {
.sec1 .box2 li .text { top: 25px }
.sec1 .box2 li .text h3 { font-size: 18px; }
.sec1 .ul1 li a { font-size: 15px; }
.sec2 .container .text { padding: 0 2%; }
.sec2 .container h2 { margin-bottom: 20px; }
.sec2 .container .text p { font-size: 15px; line-height: 28px; }
.sec2 .container .text a { margin: 30px auto 40px; }
.sec2 .container .text ul li strong { font-size: 30px; }
.sec3 .swiper-slide .text h3 { font-size: 16px; }
}
 @media all and (min-width: 1024px) and (max-width: 1200px) {
.sec4 li a .text span { margin-top: 20px; }
.sec4 li a .text p { font-size: 14px; line-height: 20px; height: 60px; overflow: hidden; }
}
 @media all and (min-width: 0) and (max-width: 767px) {
.bannerswiper .swiper-button-prev:after, .bannerswiper .swiper-button-next:after { font-size: 30px; }
.sec1 .ul1 li { width: 50%; float: left; padding: 5px 5px; box-sizing: border-box }
.sec1 .ul1 li a { font-size: 15px; padding: 6px 0; border: none }
.sec1 .ul1 li a span { display: none; }
.sec1 .ul1 li.last a { background-image: none; }
.sec1 .box1 { width: 100%; }
.sec1 .box1 .swiper-pagination { bottom: 8px; }
.sec1 .box1 .swiper-pagination-bullet { width: 22px; height: 6px; }
.sec1 .box1 a { padding: 40px 20px 20px; }
.sec1 .box1 .text { position: inherit; left: inherit; top: inherit; }
.sec1 .box1 a h3 { font-size: 20px; }
.sec1 .box1 a h4 { font-size: 16px; margin: 6px 0 14px; }
.sec1 .box1 a span { width: 140px; line-height: 34px; border-radius: 17px; font-size: 14px; }
.sec1 .box1 a span img { width: 22px; }
.sec1 .box1 .pho { width: 90%; margin: 30px auto 0; }
.sec1 .box2 { width: 100%; }
.sec1 .box2 li { width: 100%; box-sizing: border-box; float: inherit; padding: 0 0px; margin-top: 30px; }
.sec1 .box2 li a { padding: 12px; }
.sec1 .box2 li .text { left: 20px; top: 30px; }
.sec1 .box2 li .text h3 { font-size: 18px; font-weight: 600 }
.sec1 .box2 li .text h4 { font-size: 16px; }
.sec1 .box2 li .text span { width: 22px; height: 22px; background-size: 22px; margin: 8px 0 0 3px; }
.sec1 .box2 li:hover .text span { margin-left: 12px; }
.sec1 .box2 li .pho { width: 60%; margin-left: 40%; }
.sec1 .box2 li:nth-child(2n) .pho { margin-left: 0; }
.sec1 .box2 li:nth-child(2n) .text { right: 20px; left: inherit; top: 30px; }
.sec1 .more { margin-top: 22px; }
.sec2 { background: url(../images/abbg.jpg) no-repeat center bottom; background-size: cover; padding: 30px 0; }
.sec2 img { display: none; }
.sec2 .container { position: inherit; left: inherit; transform: translateX(0%); top: inherit; }
.sec2 .container .text { padding: 0; }
.sec2 .container h2 { font-size: 26px; margin-bottom: 10px; }
.sec2 .container .text p { font-size: 15px; line-height: 27px; text-align: left; text-indent: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.sec2 .container .text a { width: 130px; line-height: 34px; border-radius: 17px; font-size: 14px; margin: 20px auto 30px; }
.sec2 .container .text ul li { width: 50%; padding: 0 0px; text-align: center; }
.sec2 .container .text ul li p { font-size: 14px; font-weight: 500; text-align: center; text-indent: 0; }
.sec2 .container .text ul li strong { font-size: 28px; }
.sec3 .container { padding: 0 50px; }
.sec3 .swiper-slide .text h3 { font-size: 16px; line-height: 50px; }
.sec3 .swiper-button-prev, .sec3 .swiper-button-next { width: 30px; height: 50px; line-height: 50px; left: 10px; }
.sec3 .swiper-button-next { left: inherit; right: 10px; }
.sec3 .swiper-button-prev:after, .sec3 .swiper-button-next:after { font-size: 20px; }
.sec4 .pho { display: none; }
.sec4 ul { margin: 0; position: inherit; left: inherit; right: inherit; top: inherit; bottom: inherit; }
.sec4 li { width: 50%; padding: 10px; box-sizing: border-box; float: left; }
.sec4 li a { border-right: none; box-shadow: 0 0 10px rgba(0, 0, 0, .2); }
.sec4 li a:after { display: none; }
.sec4 li a .text { position: inherit; left: inherit; right: inherit; bottom: inherit; top: inherit; transform: translateY(0); background: url(../images/bg.png) no-repeat; background-size: cover; padding: 10px; opacity: 1; }
.sec4 li a .text strong { font-size: 15px; }
.sec4 li a .text h3 { font-size: 16px; margin: 5px 0 10px; color: #333; font-weight: 600 }
.sec4 li a .text p { line-height: 26px; font-size: 14px; height: 52px; overflow: hidden; }
.sec4 li a .text span { width: 100px; line-height: 30px; margin-top: 10px; border-radius: 4px; font-size: 14px; }
.sec5 { padding-bottom: 30px; }
.sec5 .seCon { margin: 20px auto; }
.sec5 .box { width: 88%; }
.sec5 .text { padding: 25px 24px; }
.sec5 .text h3 { font-size: 17px; }
.sec5 .text p { margin: 8px 0 14px; }
.sec5 .box .text { padding-top: 25px; }
.sec5 .box .text p { margin: 8px 0 16px; }
.sec5 .ul1 { width: 100%; padding: 0; margin: 20px 0; }
.sec5 .ul1 li { margin-bottom: 20px; }
.sec5 .ul1 li .tim { font-size: 15px; margin-bottom: 5px; }
.sec5 .ul1 li strong { font-size: 28px; }
.sec5 .ul2 { width: 97%; }
.sec5 .ul2 .text { padding: 10px 20px; }
.sec5 .ul2 li a h3 { font-size: 17px; }
}