.bannerSwiper .swiper-button-next, .bannerSwiper .swiper-button-prev { color: #2b60a8; background: rgba(255, 255, 255, .6); border-radius: 50%; width: 56px; height: 56px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.bannerSwiper .swiper-button-next:after, .bannerSwiper .swiper-button-prev:after { font-size: 26px; font-weight: 600; }
.bannerSwiper .swiper-button-next { right: 20px; }
.bannerSwiper .swiper-button-prev { left: 20px; }
.bannerSwiper .swiper-pagination { color: #fff; font-size: 18px; }
.bannerSwiper .swiper-pagination-current { font-size: 32px; }
.sec0 ul { width: 90%; margin: 0 auto; }
.sec0 li { width: 29%; float: left; padding: 00px 20px 20px; box-sizing: border-box;margin:60px 20px;}
.sec0 li .pho { position: relative; border-radius: 4px; overflow: hidden; }
.sec0 li h3 { font-size: 19px; line-height: 46px; color: #333; margin-top: 10px; text-align: center; }
.sec1 { padding: 10px 0 40px; background: #fbf6fc; }
.sec1 .ul { text-align: center; margin-bottom: 40px; }
.sec1 .ul li { width: 14.28%; float: left; padding: 0 20px; box-sizing: border-box; }
.sec1 .ul li a { display: block; font-size: 17px; line-height: 1; text-align: center; padding: 20px 0; color: #555;/* background: rgba(255, 255, 255, .6); */
}
.sec1 .ul li a span { display: block; width: 50px; height: 50px; background: url(../images/icon10.png) no-repeat top center; background-size: 50px; margin: 0 auto 20px; }
.sec1 .ul li:hover a { color: #fff; background: #2b60a8; }
.sec1 .ul li:hover a span { background-position: bottom center; }
.sec1 .ul li:nth-child(2) a span { background-image: url(../images/icon11.png); }
.sec1 .ul li:nth-child(3) a span { background-image: url(../images/icon14.png); }
.sec1 .ul li:nth-child(4) a span { background-image: url(../images/icon15.png); }
.sec1 .ul li:nth-child(5) a span { background-image: url(../images/icon13.png); }
.sec1 .ul li:nth-child(6) a span { background-image: url(../images/icon16.png); }
.sec1 .ul li:nth-child(7) a span { background-image: url(../images/icon12.png); }
.sec1 .seCon { position: relative; }
.sec1 .swiper-slide a { display: block; background: #fff; padding: 10px 0 20px; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); position: relative; overflow: hidden; }
.sec1 .swiper-slide a:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(1, 92, 185, .7) url(../images/icon17.png) no-repeat center; background-size: 46px; opacity: 0; transform: translateY(-100%); transition: 0.3s; }
.sec1 .swiper-slide:hover a:after { opacity: 1; transform: translateY(0); }
.sec1 .swiper-slide h3 { font-size: 18px; font-weight: 500; text-align: center; margin-top: 20px; }
.sec1 .seCon .swiper-button-prev { left: -50px; width: 40px; height: 60px; background: #2b60a8; opacity: 0.9; border-radius: 3px; }
.sec1 .seCon .swiper-button-prev:after, .sec1 .seCon .swiper-button-next:after { color: #fff; opacity: 1; font-size: 26px; }
.sec1 .seCon .swiper-button-next { right: -50px; width: 40px; height: 60px; background: #2b60a8; opacity: 0.9; border-radius: 3px; }
.sec2 { background: url(../images/bg.jpg) no-repeat center left; background-size: cover; padding: 30px 0; position: relative; }
.sec2:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 52%; background: url(../images/tu-66.png) no-repeat center; background-size: cover; z-index: 1; opacity: 0.2; }
.sec2 .container { position: relative; z-index: 10; }
.sec2 .text p { font-size: 17px; line-height: 40px; margin: 12px 0; color: #5a5a5a; padding: 0 120px;}
.sec2 ul { width: 90%; padding: 20px 0; margin: 0 auto; }
.sec2 li { width: 33%; padding: 30px 30px; box-sizing: border-box; float: left; }
.sec2 li .box { text-align: center; padding: 40px 0; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 10px 0px; }
.sec2 li span { display: block; width: 70px; margin: 0 auto 30px; }
.sec2 li b { display: block; width: 40px; height: 1px; border-bottom: 1px dashed #2b60a8; margin: 0 auto; }
.sec2 li h3 { font-weight: 500; font-size: 18px; margin-top: 16px; }
.sec3 { padding-bottom: 30px; }
.sec3 .title { position: relative; }
.sec3 .title ul { text-align: right; position: absolute; right: 0; bottom: -50px; margin-right:41%;}
.sec3 .title ul li { display: inline-block; margin-left: 20px; }
.sec3 .title ul li a { display: block; width: 126px; line-height: 36px; border: 2px solid #2b60a8; font-size: 16px; text-align: center; border-radius: 20px; }
.sec3 .title ul li.on a { background: #2b60a8; color: #fff; }
.sec3 .box .nSwiper { padding: 20px 20px 50px; margin-top:100px;}
.sec3 .box .swiper-slide a { display: block; position: relative; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.sec3 .box .swiper-slide .text { margin: 0 auto; padding: 25px 25px 0; box-sizing: border-box; background: #fff }
.sec3 .box .swiper-slide .text h3 { font-size: 18px; font-weight: 500; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #222; }
.sec3 .box .swiper-slide .text span { display: block; padding: 10px 0; font-size: 15px; color: #999; }
.sec3 .box .swiper-slide .text p { font-size: 15px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #666; display: none; }
.sec3 .box .swiper-pagination { bottom: 0; }
.sec3 .box .swiper-pagination-bullet { width: 10px; height: 10px; border: 2px solid #dedede; background: #fff; margin: 0 6px; opacity: 1; }
.sec3 .box .swiper-pagination-bullet-active { width: 20px; height: 20px; background: url(../images/icon6.png) no-repeat center; background-size: cover; border: none; transform: translateY(3px); }
.sec3 .box .swiper-slide .text .mor { margin: 0 -25px; border-top: 1px solid #efefef; padding: 14px 25px; background: url(../images/icon8.png) no-repeat right 25px center; background-size: 24px; font-size: 14px; margin-top: 20px; color: #999; }
.sec3 .box .swiper-slide:hover .text h3 { color: #2b60a8; }
.sec3 .box .swiper-slide:hover .text .mor { background-image: url(../images/icon9.png); color: #2b60a8; }
.sec4 { background: #fff; position: relative; padding-bottom: 80px; }
.sec4 .seCon { background: #f9f9f9; padding-top: 80px; padding-bottom:100px;background: url(../images/proback.png) no-repeat bottom center; }
/*.sec4:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 360px; background: url(../images/proback.png) no-repeat bottom center; background-size: cover; z-index: 0; }*/
.sec4 .title { position: relative; }
.sec4 .container { position: relative; z-index: 10; }
.sec4 .more { position: absolute; right: 46%; top: 90%; transform: translateY(-50%); }
.sec4 .more a { margin: 0; }
.sec4 li { width: 33.33%; float: left; padding: 0 20px 20px; box-sizing: border-box; }
.sec4 li a { display: block; position: relative; border-radius: 8px; overflow: hidden; }
.sec4 li .text { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; display: table; vertical-align: middle; background: rgba(0, 0, 0, 0.3); color: #fff; }
.sec4 li .text .box { display: table-cell; vertical-align: middle; padding: 0 5%; text-align: center; }
.sec4 li .text .box h3 { font-size: 30px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sec4 li .text .box p { font-size: 15px; line-height: 30px; margin: 20px 0; font-weight: 300; display: none; }
.sec4 li .text .box span { display: block; width: 90px; line-height: 32px; margin: 30px auto 0; border-bottom: 1px solid #fff; border-top: 1px solid #fff; background: url(../images/jt1.png) no-repeat right 8px center; background-size: 20px; padding-right: 20px; opacity: 0.8; font-weight: 300; }
.sec4 li:hover .text p { display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; opacity: 0.9; }
 @media all and (min-width: 1024px) and (max-width:1600px) {
.sec1 .ul { margin-bottom: 20px; }
.sec1 .ul1 li { padding: 10px 15px 20px; }
.sec2 li { padding: 20px; }
.sec2 ul { width: 95%; }
.sec2 .text p { font-size: 16px; margin: 10px 0 }
}
 @media all and (min-width: 1024px) and (max-width:1440px) {
.sec0 li h3 { margin-top: 5px; }
.sec2 ul { width: 100%; }
.sec4 li .text .box h3 { font-size: 18px; }
.sec4 li .text .box span { background-size: 18px; }
.sec3 .box .swiper-slide .text { padding-top: 10px; }
}
 @media all and (min-width: 1024px) and (max-width:1360px) {
.sec1 .ul li a span { width: 45px; background-size: 45px; height: 45px; }
.sec1 .ul li a { font-size: 16px; }
.sec1 .swiper-slide h3 { font-size: 16px; }
.sec0 ul { width: 100%; }
.sec0 li h3 { font-size: 17px; line-height: 40px; }
.sec2 .text p { font-size: 16px; margin: 10px 0; }
.sec2 li .box { padding: 30px 0; }
}
 @media all and (min-width: 0) and (max-width: 767px) {
.bannerSwiper .swiper-button-next, .bannerSwiper .swiper-button-prev { width: 45px; height: 45px }
.bannerSwiper .swiper-button-next { right: 10px; }
.bannerSwiper .swiper-button-prev { left: 10px; }
.bannerSwiper .swiper-pagination { font-size: 16px; }
.bannerSwiper .swiper-button-next:after, .bannerSwiper .swiper-button-prev:after { font-size: 26px; }
.bannerSwiper .swiper-pagination-current { font-size: 26px; }
.sec0 ul { width: 100%; margin: 0 auto; }
.sec0 li { width: 90%; padding: 0px 10px 10px;margin:10px 20px; }
.sec0 li h3 { font-size: 17px; line-height: 40px; margin-top: 6px; }
.sec1 { padding: 10px 0 30px; }
.sec1 .ul { margin-bottom: 20px; }
.sec1 .ul li { width: 33.33%; padding: 0px; }
.sec1 .ul li:last-child { display: none; }
.sec1 .ul li a { font-size: 15px; line-height: 1; font-weight: 300; padding: 10px 0; white-space: nowrap; }
.sec1 .ul li a span { width: 40px; height: 40px; background-size: 40px; margin: 0 auto 12px; }
.sec1 .seCon { padding: 0 50px; }
.sec1 .seCon .swiper-button-prev { left: 5px; }
.sec1 .seCon .swiper-button-next { right: 5px; }
.sec1 .seCon .swiper-button-prev:after, .sec1 .seCon .swiper-button-next:after { font-size: 26px; }
.sec1 .seCon .swiper-button-prev, .sec1 .seCon .swiper-button-next { width: 34px; height: 50px }
.sec1 .swiper-slide a { padding: 10px 0; }
.sec1 .swiper-slide a:after { display: none; }
.sec1 .swiper-slide h3 { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 10px; font-weight: 400; }
.sec2 { padding: 00px 10px 30px; }
.sec .title { padding-bottom: 0; }
.sec2:before { display: none; }
.sec2 .text p { font-size:10px;padding:0 15px; margin:10px 0;line-height:20px;width:90%; }
.sec2 ul { width: 100%; padding: 10px 0; }
.sec2 li { width: 50%; padding: 10px 10px; }
.sec2 li:last-child { display: none; }
.sec2 li .box { padding: 20px 0; }
.sec2 li span { width: 50px; margin: 0 auto 12px; }
.sec2 li b { width: 30px; }
.sec2 li h3 { font-size: 16px; margin-top: 10px; }
.sec3 { padding: 0 10px 30px; }
.sec3 .title { position: relative; }
.sec3 .title ul { text-align: center; position: inherit; right: inherit; bottom: inherit; margin: 10px 0; }
.sec3 .title ul li { margin: 0px 5px; }
.sec3 .title ul li a { width: 120px; line-height: 34px; font-size: 15px; }
.sec3 .nlist { padding: 20px 10px 0; }
.sec3 .nlist .nbox a { display: block; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.sec3 .nlist .nbox a .text { background: #fff; padding: 20px 20px 50px; border-top: 1px solid #efefef; }
.sec3 .nlist .nbox a .text h3 { font-size: 16px; margin-bottom: 6px; }
.sec3 .nlist .nbox a .text p { font-size: 15px; line-height: 30px; opacity: 0.8; }
.sec3 .nlist .nbox a .text span { display: block; width: 116px; line-height: 32px; background: #dedede; text-align: center; border-radius: 3px; float: right; color: #333; }
.sec3 .nlist ul { margin-top: 20px; }
.sec3 .nlist ul li { line-height: 30px; margin-bottom: 5px; }
.sec3 .nlist ul li a { display: block; border-bottom: 1px dashed #dedede; position: relative; padding: 0 90px 0 20px; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sec3 .nlist ul li a:before { content: ""; width: 10px; height: 10px; background: #dedede; border-radius: 50%; position: absolute; left: 3px; top: 50%; transform: translateY(-50%); }
.sec3 .nlist ul li a span { display: block; position: absolute; right: 0; top: 0; color: #999; font-size: 14px; }
.sec4 { padding-bottom: 30px; }
.sec4 .more { position: relative; right: inherit; top: inherit; transform: translateY(0); z-index: 100; }
.sec4 .more a { margin: 0 auto; }
.sec4 .title { margin-bottom: 20px; }
.sec4 li { width: 100%; float: inherit; padding: 0 20px 20px; }
.sec4 li a { display: block; position: relative; border-radius: 8px; overflow: hidden; }
.sec4 li .text { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; display: table; vertical-align: middle; background: rgba(0, 0, 0, 0.3); color: #fff; }
.sec4 li .text .box { display: table-cell; vertical-align: middle; padding: 0 5%; text-align: center; }
.sec4 li .text .box h3 { font-size: 20px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sec4 li .text .box p { font-size: 15px; line-height: 30px; margin: 20px 0; font-weight: 300; display: none; }
.sec4 li .text .box span { display: block; width: 90px; line-height: 32px; margin: 30px auto 0; border-bottom: 1px solid #fff; border-top: 1px solid #fff; background: url(../images/jt1.png) no-repeat right 8px center; background-size: 20px; padding-right: 20px; opacity: 0.8; font-weight: 300; }
.sec4 li:hover .text p { display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; opacity: 0.9; }
}