.bannerswiper .swiper-pagination-bullet { width: 10px; height: 10px; background: #088af4; }
.bannerswiper .swiper-pagination-bullet-active { width: 50px; height: 10px; border-radius: 6px; }
.swiper-button-next:after, .swiper-button-prev:after { display: none; }
.bannerswiper .swiper-button-next, .bannerswiper .swiper-button-prev { width: 50px; height: 50px; }
.bannerswiper .swiper-button-next { background: url(../images/next.png) no-repeat; background-size: cover; }
.bannerswiper .swiper-button-prev { background: url(../images/prev.png) no-repeat; background-size: cover; }
/*****banner下部的图标********/
.icBox { margin: 40px 0; }
.icBox .fl { width: 35%; background: url(../images/bg.jpg) no-repeat center; background-size: cover; padding: 76.5px 40px; box-sizing: border-box; color: #fff; }
.icBox .fl h2 { float: left; font-size: 110px; width: 110px; line-height: 130px; text-align: center; }
.icBox .tex1 { margin-left: 140px }
.icBox .tex h3 { font-size: 60px; line-height: 40px; }
.icBox .tex h4 { font-size: 30px; line-height: 40px; margin: 10px 0; }
.icBox .tex { font-size: 18px; }
.icBox .fr { width: 65%; background: #fff; }
.icBox .fr li { width: 33.33%; float: left; padding: 20px 0; border: 1px solid #dedede; box-sizing: border-box; /* border-top: none;*/
border-right: none; border-bottom: none; }
.icBox .fr li:nth-child(3n) { border-right: 1px solid #dedede; }
.icBox .fr li.lb { border-bottom: 1px solid #dedede; }
.icBox .fr li span { display: block; width: 100px; margin: 0 auto; }
.sec1 { background: #fff; padding: 20px 0; margin-top: 0 }
.sec1 .ul1 li { width: 14.28%; float: left; text-align: center; padding: 10px; box-sizing: border-box; }
.sec1 .ul1 li a { display: block; font-size: 16px; background: #f8f8f8; color: #333; border-radius: 4px; line-height: 46px; }
.sec1 .ul1 li:hover a { background: #088af4; color: #fff }
.sec1 .ul2 li { width: 25%; float: left; padding: 20px; box-sizing: border-box; }
.sec1 .ul2 li a { display: block; box-shadow: 0 0 10px rgba(0, 0, 0, .2); background: #fff; }
.sec1 .ul2 li p.p1 { line-height: 50px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 19px; color: #333; margin-top: 0px; position: relative; z-index: 10; }
.sec1 .ul2 li .pho { position: relative; overflow: hidden; }
.sec1 .ul2 li a .hover { position: absolute; left: 0; top: 0; bottom: 0px; right: 0; background: rgba(19, 136, 232, .9); padding: 40px 28px 0; transform: translateY(-110%); transition: 0.3s; }
.sec1 .ul2 li a .hover span { display: block; width: 30px; height: 2px; background: #fff; margin-bottom: 20px; border-radius: 2px; }
.sec1 .ul2 li a .hover p { margin-top: 0; font-size: 15px; color: #fff; line-height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 90px; }
.sec1 .ul2 li a .hover b { display: block; width: 110px; line-height: 38px; border: 1px solid #fff; margin: 30px auto 0; padding-left: 10px; color: #fff; font-weight: 500; font-size: 15px; background: url(../images/icon23.png) no-repeat right 0px center; background-size: 30px; border-radius: 5px; }
.sec1 .ul2 li a:hover .pho .hover { transform: translateY(0); }
.sec1 .mor a { margin-top: 20px; }
.form { background: #088af4 url(../images/bg2.jpg) no-repeat; background-size: cover; color: #fff; padding: 40px 0 30px; }
.form .container { position: relative; }
.form form { width: 30%; background: #fff; border-radius: 4px; overflow: hidden; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); color: #fff; max-width: 400px; }
.form form input[type="text"] { width: 100%; line-height: 40px; padding: 0 90px 0 10px; box-sizing: border-box; border: none; margin: 0; color: #333; }
.form form .submi { width: 70px; line-height: 36px; padding: 0; border: none; background: #088af4; color: #fff; text-align: center; border-radius: 0px 4px 4px 0; margin: 0; position: absolute; right: 2px; top: 2px; cursor: pointer; }
.form .text h3 { font-size: 36px; line-height: 50px; margin-top: 30px; }
.form .text span { font-size: 15px; }
.form .text p { font-size: 16px; line-height: 28px; opacity: 0.8; margin-top: 30px; }
.form .btn { width: 42px; height: 42px; line-height: 42px; border: 1px solid #fff; border-radius: 3px; position: absolute; right: 0; top: 50%; margin-top: -22px; overflow: hidden; transition: 0.3s; }
.form .btn span { display: block; width: 60px; line-height: 42px; position: absolute; left: -60px; top: 0; font-size: 14px; color: #fff; transition: 0.3s; }
.form .btn:hover { width: 130px; }
.form .btn:hover span { left: 18px; }
.form .btn i { display: block; position: absolute; right: 0; top: 0; width: 42px; height: 42px; background: url(../images/icon29.png) no-repeat center; background-size: 20px; }
.sec3 { padding-bottom: 0; }
.sec3 .abBox { min-height: 550px; background: url(../images/about1.png) no-repeat top right; }
.sec3 .text { width: 45%; margin-left: 10%; }
.sec3 .text h4 { margin-top: 30px; letter-spacing: 3px; font-size: 26px; position: relative; }
.sec3 .text h4:before { content: ""; width: 18px; height: 18px; border-radius: 50%; background: #2ab4ab; position: absolute; left: -6px; top: 0; z-index: -1; }
.sec3 .text p { font-size: 16px; line-height: 34px; text-indent: 2em; margin-top: 15px; }
.sec3 .text li { width: 33.33%; float: left; margin-top: 30px; }
.sec3 .text li strong { display: block; font-size: 42px; font-weight: 500; }
.sec3 .text li span { display: block; font-size: 15px; }
.sec3 .text a { display: block; width: 120px; line-height: 36px; background: #088af4; border-radius: 4px; text-align: center; font-size: 15px; color: #fff; float: right; margin-top: 7%; }
.sec4 { position: relative; background: url(../images/bg13.jpg) no-repeat; background-size: cover; }
.sec4 li { width: 25%; float: left; padding: 20px 15px; box-sizing: border-box; text-align: center; }
.sec4 li.li1 { display: table; }
.sec4 li.li1 .box { background: #088af4; color: #fff; display: table-cell; vertical-align: middle; }
.sec4 li.li1 .box strong { display: block; font-size: 30px; line-height: 100%; font-weight: 500; }
.sec4 li a { display: block; position: relative; overflow: hidden; }
.sec4 li .text { position: absolute; left: 0; height: 100%; bottom: -120%; right: 0; transition: 0.3s; background: rgba(46, 46, 46, .8); color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center }
.sec4 li:hover .text { bottom: 0; }
.sec4 li .text h3 { font-weight: 500; font-size: 22px; white-space: nowrap; width: 90%; margin: 0 auto 12px; overflow: hidden; text-overflow: ellipsis; }
.sec4 li .text p { font-size: 15px; line-height: 30px; width: 90%; margin: 0 auto; }
.sec4 li.last .box { background: #86bfef; color: #333; }
.sec5 { background: url(../images/footerbg1.jpg) bottom center; background-size: cover; padding: 15px 0 30px; }
.sec5 .title h2, .sec5 .title p, .sec5 .title h2 span { color: #fff; }
.sec5 .list { text-align: center; margin-bottom: 30px; }
.sec5 .list li { display: inline-block; margin: 0 20px; }
.sec5 .list li a { display: block; line-height: 50px; width: 200px; background: #fff; border-radius: 25px; position: relative; font-size: 18px; color: #333; }
.sec5 .list li a:after { content: ""; position: absolute; left: -5px; top: -5px; bottom: -5px; right: -5px; border: 1px solid #f3f3f3; border-radius: 30px; display: none; }
.sec5 .list li.on a { color: #088af4; }
.sec5 .list li.on a:after { display: block; }
.sec5 .fl { width: 46%; float: right; }
.sec5 .fl li { width: 48%; float: left; box-sizing: border-box; margin: 0 2% 26px 0; }
.sec5 .fl li:nth-child(2n) { margin-right: 0; }
.sec5 .fl li a { overflow: hidden; background: rgba(255, 255, 255, .4); display: -webkit-flex; display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; justify-content: center }
.sec5 .fl li a .time { width: 30%; text-align: center; padding: 25px 0; background: rgba(255, 255, 255, .4); }
.sec5 .fl li a .time strong { display: block; font-size: 40px; font-weight: 500; color: #565656; }
.sec5 .fl li a .time span { display: block; font-size: 15px; color: #5a5a5a; }
.sec5 .fl li a .text { width: 70%; box-sizing: border-box; padding: 0px 15px; }
.sec5 .fl li a .text h3 { font-size: 17px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sec5 .fl li a .text p { line-height: 26px; font-size: 15px; height: 52px; overflow: hidden; color: #f2f2f2; margin-top: 6px; }
.sec5 .fr { float: left; width: 52%; }
.sec5 .fr .rBox { overflow: hidden; }
.sec5 .fr .box a { display: block; background: rgba(255, 255, 255, .4); }
.sec5 .fr .box .pho { width: 40%; display: table-cell; vertical-align: middle; }
.sec5 .fr .box .text { width: 60%; display: table-cell; vertical-align: middle; padding: 0 20px; box-sizing: border-box; }
.sec5 .fr .box .text span.time { display: block; font-size: 14px; color: #fff; padding-left: 27px; background: url(../images/icon24.png) no-repeat left center; background-size: 22px; }
.sec5 .fr .box .text h3 { font-size: 20px; line-height: 50px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sec5 .fr .box .text p { font-size: 15px; line-height: 26px; height: 52px; overflow: hidden; color: #fff; }
.sec5 .fr .text span.more { display: block; width: 110px; line-height: 34px; background: #088af4; color: #fff; text-align: center; margin-top: 16px; float: right; }
.sec5 .fr ul { margin-top: 20px; padding: 0px 15px 15px; background: rgba(255, 255, 255, .4); }
.sec5 .fr li a { display: block; line-height: 42px; position: relative; border-bottom: 1px dashed #efefef; }
.sec5 .fr li a p { padding: 0 90px 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 15px; color: #fff; }
.sec5 .fr li a span { display: block; position: absolute; right: 0; top: 0; font-size: 14px; color: #fff; }
.sec5 .mor { position: relative }
.mor a { display: block; width: 180px; line-height: 46px; background: #088af4; border-radius: 25px; position: relative; font-size: 16px; color: #fff; margin: 30px auto 0; text-align: center; }
.mor a:after { content: ""; position: absolute; left: -5px; top: -5px; bottom: -5px; right: -5px; border: 2px solid #088af4; border-radius: 30px; }
.sec5 .mor a { background: #fff; color: #333; }
.sec5 .mor a:after { border-color: #fff; }
.mor a:hover:after { border-color: #088af4; }
.sec6 { padding-bottom: 40px; }
.sec6 .container { position: relative; }
.sec6 .pho { position: relative; }
.sec6 .pho:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: linear-gradient(rgba(0, 0, 0, 0), #000000); opacity: 0.3; }
.sec6 .swiper-button-next, .sec6 .swiper-button-prev { width: 40px; height: 60px; }
.sec6 .swiper-button-next { right: -60px; background: url(../images/next1.jpg) no-repeat; z-index: 100; }
.sec6 .swiper-button-prev { left: -60px; background: url(../images/prev1.jpg) no-repeat; }
.sec6 a { display: block; position: relative; }
.sec6 a span { display: block; padding: 0 12px 0 70px; white-space: nowrap; line-height: 50px; overflow: hidden; text-overflow: ellipsis; font-size: 18px; color: #fff; background: url(../images/icon20.png) no-repeat left 20px center; background-size: 40px; position: absolute; left: 0; bottom: 20px; right: 0; }
 @media all and (min-width: 1024px) and (max-width: 1680px) {
.sec1 .ul2 li a .hover { bottom: 20px; }
.sec1 .ul2 li p.p1 { line-height: 45px; font-size: 17px; margin-top: -20px; }
.form .text h3 { font-size: 30px; line-height: 45px; }
.icBox { margin-bottom: 10px; }
.sec5 .fl li a .text { padding: 0 10px; }
.sec5 .fl li a .time { padding: 15px 0; }
.sec5 .fr ul { margin-top: 10px; }
.sec5 .fr li a { line-height: 38px; }
.sec5 .fr .box .text h3 { line-height: 40px; font-size: 18px; }
.sec5 .fr .text span.more { margin-top: 12px; line-height: 30px; width: 100px; }
.mor a { width: 160px; line-height: 42px; }
}
 @media all and (min-width: 1024px) and (max-width: 1600px) {
.sec1 { padding-top: 0; }
.sec3 .abBox { min-height: 500px; }
.sec3 .text a { margin-top: 20px; }
.sec5 .fr .text { padding: 0 20px; }
}
 @media all and (min-width: 1024px) and (max-width: 1440px) {
.icBox .fl { padding: 56.5px 30px; }
.icBox .fr li span { width: 80px; }
.icBox .fl h2 { font-size: 120px; }
.icBox .tex h4 { font-size: 26px; }
.icBox .tex { font-size: 16px; }
.sec1 .ul1 li { line-height: 44px; }
.sec1 .ul1 li a { font-size: 15px; }
.mor a { width: 140px; line-height: 38px; font-size: 15px; }
.form .text h3 { font-size: 30px; margin-top: 18px; }
.form .text p { margin-top: 18px; }
.sec3 .text p { font-size: 15px; line-height: 30px; }
.sec3 .abBox { background-size: 60%; min-height: 450px; }
.sec3 .text h4 { font-size: 23px; }
.sec3 .text h5 { font-size: 15px; }
.sec3 .text a { width: 110px; line-height: 32px; }
.sec4 li .text h3 { font-size: 18px; }
.sec4 li .text p { font-size: 14px; line-height: 26px; height: 52px; overflow: hidden; }
.sec4 li.li1 .box strong { font-size: 22px; }
.sec5 .list li a { width: 140px; line-height: 38px; font-size: 16px; }
.sec5 .fl li a .text { padding: 0 8px; }
.sec5 .fl li a .text p { font-size: 14px; height: 44px; line-height: 22px; }
.sec5 .fl li a .text h3 { font-size: 16px; }
.sec5 .fl li a .time { padding: 9px 0; }
.sec5 .fr .box .text { padding: 0 12px; }
.sec5 .fr .box .text h3 { line-height: 37px; font-size: 16px; font-weight: 500; }
.sec5 .fr .box .text p { font-size: 14px; line-height: 24px; height: 48px; }
.sec5 .fr .text span.more { font-size: 13px; width: 90px; line-height: 28px; }
.sec5 .fr ul { margin-top: 5px; }
.sec5 .fr li a { line-height: 44px; }
}
 @media all and (min-width: 1024px) and (max-width: 1400px) {
.sec3 .text h4 { margin-top: 10px; }
.sec5 .fl li a .time { padding: 8px 0; }
.sec5 .fr ul li:last-child { display: none; }
}
 @media all and (min-width: 1024px) and (max-width: 1366px) {
.bannerswiper .swiper-button-next, .bannerswiper .swiper-button-prev { width: 40px; height: 40px; }
.sec1 .ul1 li { padding: 6px; }
.sec5 .fr ul { margin-top: 15px; }
.sec5 .fr li a { line-height: 36px; }
}
 @media all and (min-width: 1024px) and (max-width: 1300px) {
.sec5 .fr li a { line-height: 37px; }
}
 @media all and (min-width: 0) and (max-width: 767px) {
.bannerswiper .swiper-pagination-bullet { width: 8px; height: 8px; }
.bannerswiper .swiper-pagination-bullet-active { width: 40px; height: 8px; border-radius: 4px; }
.bannerswiper .swiper-button-next, .bannerswiper .swiper-button-prev { display: none; }
.sec1 .ul1 li { width: 50%; float: left; padding: 5px; box-sizing: border-box; line-height: 42px; }
.sec1 .ul1 li a { font-size: 15px; border-radius: 4px; }
.sec1 .ul2 { margin-top: 20px; padding: 0 10px; }
.sec1 .ul2 li { width: 100%; padding: 0; float: inherit; background: #fff; margin-top: 20px; border-radius: 10px; box-shadow: 0 0 6px rgba(0, 93, 168, .2); }
.sec1 .ul2 li p { line-height: 40px; font-size: 16px; }
.form { padding: 20px 0; }
.form form { width: 90%; position: inherit; left: inherit; top: inherit; transform: translateX(0%); max-width: 340px; margin: 0 auto 14px; }
.form form input[type="text"] { width: 100%; line-height: 34px; padding: 0 70px 0 6px; }
.form form .submi { width: 60px; line-height: 30px; -webkit-appearance: none; appearance: none; }
.form .text h3 { font-size: 23px; font-weight: 500; line-height: 40px; margin-top: 20px; }
.form .text span { font-size: 14px; }
.form .text p { font-size: 15px; line-height: 25px; margin-top: 10px; }
.form .btn { display: none; }
.sec3 .abBox { min-height: 350px; background: url(../images/about.png) no-repeat right bottom; background-size: 70%; }
.sec3 .text { width: 100%; margin-left: 0; padding: 0 15px; box-sizing: border-box; }
.sec3 .text h4 { margin-top: 12px; letter-spacing: 1px; font-size: 20px; }
.sec3 .text p { font-size: 15px; line-height: 28px; margin-top: 12px; }
.sec3 .text a { width: 90px; line-height: 32px; border-radius: 3px; margin: 25px auto; font-size: 13px; float: inherit; }
.sec3 .text ul { display: none; }
.icBox { display: none; }
.sec4 li { width: 50%; padding: 10px 8px; }
.sec4 li.li1 { display: none; }
.sec4 li a { display: block; position: relative; overflow: hidden; }
.sec4 li .text { height: 40px; bottom: 0%; }
.sec4 li:hover .text { bottom: 0; }
.sec4 li .text h3 { font-size: 15px; width: 100%; margin: 0; padding: 0 4px; box-sizing: border-box; }
.sec4 li .text p { display: none; }
.sec5 .list { margin-bottom: 20px; }
.sec5 .list li { display: inline-block; margin: 0 5px; }
.sec5 .list li a { line-height: 30px; width: 110px; border-radius: 15px; font-size: 15px; }
.sec5 .list li a:after { left: -3px; top: -3px; bottom: -3px; right: -3px; border-radius: 18px; }
.sec5 .fl { width: 100%; float: inherit; }
.sec5 .fl li { width: 100%; float: inherit; margin: 0 0 15px 0; }
.sec5 .fl li a .time { padding: 18px 0; width: 25%; }
.sec5 .fl li a .time strong { font-size: 30px; font-weight: 600; }
.sec5 .fl li a .time span { font-size: 18px; }
.sec5 .fl li a .text { padding: 0px 10px; width: 75%; }
.sec5 .fl li a .text h3 { font-size: 15px; }
.sec5 .fl li a .text p { line-height: 24px; font-size: 14px; height: 48px; margin-top: 4px; }
.sec5 .fr { float: inherit; width: 100%; margin-bottom: 20px; }
.sec5 .fr .rBox { height: inherit; }
.sec5 .fr .box a { display: block; }
.sec5 .fr .box .pho { width: 100%; display: block; }
.sec5 .fr .box .text { width: 100%; display: block; padding: 10px 10px 50px; }
.sec5 .fr .text span.time { font-size: 13px; }
.sec5 .fr .text h3 { font-size: 15px; line-height: 30px; }
.sec5 .fr .text p { font-size: 14px; line-height: 24px; height: 48px; }
.sec5 .fr .text span.more { width: 90px; line-height: 30px; margin-top: 6px; font-size: 12px; }
.sec5 .mor { position: relative }
.sec5 .mor:after { content: ""; width: 100%; height: 1px; background: #f3f3f3; position: absolute; left: 0; top: 50%; z-index: -1; }
.mor a { width: 120px; line-height: 36px; border-radius: 18px; font-size: 14px; margin: 20px auto 0; }
.mor a:after { content: ""; position: absolute; left: -5px; top: -5px; bottom: -5px; right: -5px; border: none; border-radius: 30px; }
.mor a:hover { background: #088af4; color: #fff; }
.mor a:hover:after { border-color: #088af4; }
.sec6 .container { padding: 0 50px; }
.sec6 .swiper-button-next, .sec6 .swiper-button-prev { width: 30px; height: 50px; }
.sec6 .swiper-button-next { right: 10px; background-size: cover; }
.sec6 .swiper-button-prev { left: 10px; background-size: cover; }
.sec6 a span { padding: 0 12px 0 50px; line-height: 40px; font-size: 15px; background: url(../images/icon27.png) no-repeat left 10px center; background-size: 32px; bottom: 10px; }
}