.bannerswiper { position: relative; }
.bannerswiper .swiper-button-next:after, .bannerswiper .swiper-button-prev:after { color: #fff; }
.bannerswiper .swiper-button-next { right: 20px; }
.bannerswiper .swiper-button-prev { left: 20px; }
.bannerswiper .swiper-pagination { bottom: 20px; }
.bannerswiper .swiper-pagination-bullet { width: 30px; height: 30px; overflow: hidden; background: none; position: relative; opacity: 1; }
.bannerswiper .swiper-pagination-bullet:after { content: ""; width: 6px; height: 6px; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; }
.bannerswiper .swiper-pagination-bullet:before { content: ""; width: 30px; height: 30px; background: url(../images/icon.png) no-repeat center; background-size: cover; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; }
.bannerswiper .swiper-pagination-bullet-active:after { width: 8px; height: 8px; }
.bannerswiper .swiper-pagination-bullet-active:before { -webkit-animation: rotate 5s linear infinite; animation: rotate1 5s linear infinite; opacity: 1; }
 @keyframes rotate1 {  0% {
 -webkit-transform: rotate(0deg) translate(-50%, -50%);
 transform: rotate(0deg) translate(-50%, -50%);
}
 100% {
 -webkit-transform: rotate(360deg) translate(-50%, -50%);
 transform: rotate(360deg) translate(-50%, -50%);
}
}
 @-webkit-keyframes rotate1 {  0% {
 -webkit-transform: rotate(0deg) translate(-50%, -50%);
 transform: rotate(0deg) translate(-50%, -50%);
}
 100% {
 -webkit-transform: rotate(360deg) translate(-50%, -50%);
 transform: rotate(360deg) translate(-50%, -50%);
}
}
.more a { display: block; margin: 36px auto 0; width: 220px; line-height: 44px; padding-left: 60px; box-sizing: border-box; font-size: 15px; color: #1a8ee5; border-radius: 27px; border: 1px solid #e9e9e9; position: relative; overflow: hidden; z-index: 0; }
.more a:before { content: ""; width: 38px; height: 38px; border-radius: 50%; position: absolute; left: 6px; top: 3px; background: #1a8ee5; z-index: -1; transition: 0.3s; }
.more a:after { content: ""; width: 38px; height: 38px; position: absolute; left: 7px; top: 3px; background: url(../images/icon11.png) no-repeat center; background-size: 20px; z-index: 10; }
.more a i { position: relative; top: 5px; z-index: 10; display: inline-block; width: 30px; height: 20px; background: url(../images/icon13.png) no-repeat center; background-size: cover; transition: 0.3s; }
.more a:hover { color: #fff; }
.more a:hover:before { left: 0; top: 0; transform: scale(11); }
.more a:hover i { background-image: url(../images/icon12.png); }
.hot { position: relative; background: url(../images/bg12.jpg) no-repeat center; background-size: cover; padding: 16px 0; }
.hot .form .hbox { text-align: center; margin: 14px 0 0; }
.hot .kwds { font-size: 14px; display: inline-block; color: #666; line-height: 34px; overflow: hidden; margin-left: 30px; }
.hot .kwds a { display: inline-block; margin-right: 10px; color: #666; }
.hot .form { font-size: 15px; }
.hot .form h3 { font-size: 24px; letter-spacing: 2px; color: #f59b37; text-align: center; }
.hot .form h4 { font-size: 21px; color: #f59b37; text-align: center; }
.hot .form form { position: relative; border-radius: 5px; width: 340px; overflow: hidden; display: inline-block; }
.hot .form input[type="text"] { width: 340px; line-height: 34px; padding: 0 70px 0 5px; box-sizing: border-box; background: #e5e9ec; border: none; margin: 0; color: #666; }
.hot .form input[type="submit"] { width: 64px; position: absolute; right: 0; top: 0; line-height: 34px; background: #1a8ee5; color: #fff; text-align: center; border: none; padding: 0; margin: 0; cursor: pointer; }
.sec2 { padding-top: 50px; }
.sec2 .title { margin-bottom: 30px; }
.sec2 .fl { width: 18%; }
.sec2 .fl h3 { font-size: 30px; font-weight: 500; background: #1a8ee5 url(../images/icon54.png) no-repeat left 18px center; background-size: 36px; color: #fff; padding: 30px 0 30px 70px; }
.sec2 .fl li a { display: block; line-height: 56px; font-size: 16px; position: relative; padding-left: 30px; background: #f5f9fb url(../images/icon56.png) no-repeat right 5px center; background-size: 26px; border-top: 1px solid #dff1fb; }
.sec2 .fl li a span { display: block; width: 50px; text-align: center; line-height: 50px; font-size: 25px; font-style: oblique; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); color: #0060a9; opacity: 0.1; }
.sec2 .fl li:hover a { background: #1a8ee5 url(../images/icon56.png) no-repeat right 5px center; background-size: 28px; color: #fff; }
.sec2 .fl li:hover a span { color: #fff; opacity: 0.6; }
.sec2 ul.fr { width: 82%; }
.sec2 ul.fr li { width: 33.33%; float: left; padding: 0px 0px 35px 35px; box-sizing: border-box; }
.sec2 ul.fr li a { display: block; position: relative; background: #fff; text-align: center; box-shadow: 0 0 8px rgba(0, 0, 0, .1); }
.sec2 ul.fr li a .pho img { width: 83%; }
.sec2 ul.fr li a:after { content: ""; position: absolute; left: 0; height: 4px; width: 0; bottom: 0; background: #1a8ee5; transition: 0.3s; }
.sec2 ul.fr li:hover a:after { width: 100%; }
.sec2 ul.fr li h3 { font-size: 16px; font-weight: 500; color: #333; padding: 12px 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-top: 1px solid #f3f3f3; }
.sec2 ul.fr li span { display: block; width: 60px; height: 4px; background: #1a8ee5; margin: 0 auto; border-radius: 2px; }
.sec2 .more a { margin-top: 10px; }
.sec3 { background: url(../images/bg1.jpg) no-repeat; background-size: cover; padding: 40px 0; }
.sec3 ul.fl { width: 25%; }
.sec3 ul.fl li { margin-top: 20px; }
.sec3 ul.fl li a { display: block; position: relative; line-height: 55px; background: #fff; padding-left: 80px; overflow: hidden; border-radius: 7px; z-index: 0; color: #30496d; font-family: 'Source Han Sans CN', 'fang'; font-size: 16px; box-shadow: 0 0 12px rgba(0, 0, 0, .1); }
.sec3 ul.fl li a:before { content: ""; width: 55px; height: 55px; z-index: -1; position: absolute; left: 0; top: 0; background: #1a8ee5; transition: 0.3s; }
.sec3 ul.fl li a span { display: block; z-index: 11; position: absolute; left: 0; top: 0; width: 55px; height: 55px; background: url(../images/icon14.png) no-repeat center; background-size: 30px; }
.sec3 ul.fl li:nth-child(2) a span { background-image: url(../images/icon61.png); }
.sec3 ul.fl li:nth-child(3) a span { background-image: url(../images/icon62.png); }
.sec3 ul.fl li:nth-child(4) a span { background-image: url(../images/icon63.png); }
.sec3 ul.fl li:nth-child(5) a span { background-image: url(../images/icon64.png); }
.sec3 ul.fl li:nth-child(6) a span { background-image: url(../images/icon65.png); }
.sec3 ul.fl li:nth-child(7) a span { background-image: url(../images/icon66.png); }
.sec3 ul.fl li a i { display: block; position: absolute; right: 0; width: 60px; top: 15px; bottom: 15px; border-left: 1px solid #efefef; background: url(../images/icon13.png) no-repeat center; background-size: 25px; }
.sec3 ul.fl li.on a:before { width: 100%; background: linear-gradient(to right, #1989dd, #52b4f5); }
.sec3 ul.fl li.on a i { background-image: url(../images/icon12.png); border-left-color: #fff; }
.sec3 ul.fl li.on a { color: #fff; }
.sec3 .fr { width: 75%; padding: 25px 0 0 40px; box-sizing: border-box; }
.sec3 .fr li { margin-bottom: 30px; }
.sec3 .fr a { display: block; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); overflow: hidden; }
.sec3 .fr a .pho { width: 46%; position: relative; z-index: 100; float: left; }
.sec3 .fr a .text { width: 54%; padding: 30px 40px 0; box-sizing: border-box; float: right; position: relative; }
.sec3 .fr a .text h3 { font-size: 20px; }
.sec3 .fr a .text p { font-size: 15px; line-height: 30px; color: #666; margin: 15px 0 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.sec3 .fr a .text span { display: block; float: right; width: 120px; line-height: 40px; border-radius: 20px 0 0 20px; background: #1a8ee5; color: #fff; text-align: center; margin-right: -40px; font-size: 15px; }
.sec3 .fr li:nth-child(2) .pho { float: right; }
.sec3 .fr li:nth-child(2) .text { float: left; }
.sec3 .fr li:nth-child(2) a .text span { float: inherit; margin: 0 0 0 -40px; border-radius: 0 20px 20px 0; }
/* 关于我们 */
.sec4 { padding: 60px 0 30px; }
.sec4 .text { width: 42%; }
.sec4 .text strong { display: block; color: #1a8ee5; font-size: 24px; font-weight: 500; }
.sec4 .text h2 { font-size: 30px; margin: 6px 0 10px; }
.sec4 .text p.p1 { font-size: 16px; line-height: 30px; text-indent: 2em; color: #555; margin-bottom: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 13; -webkit-box-orient: vertical; }
.sec4 .text .mor a { display: block; width: 140px; line-height: 40px; margin-top: 40px; font-size: 15px; text-align: center; border-radius: 20px; color: #fff; background: #1a8ee5; }
.sec4 .text .mor a img { width: 24px; }
.sec4 .pho { width: 58%; padding-left: 40px; box-sizing: border-box;  }
.sec4 .pho .img { width: 100%;  right: 0;  border-radius: 10px; overflow: hidden; }
.sec6 { padding: 50px 0; }
.sec6 .rySwiper { padding: 40px 0 80px; }
.sec6 .rySwiper .swiper-pagination { text-align: left; line-height: 30px; color: #666; font-size: 15px; width: 80%; border-radius: 2px; bottom: 20px; top: inherit; }
.sec6 .rySwiper .swiper-pagination .swiper-pagination-current { color: #1a8ee5; }
.sec6 .rySwiper .swiper-button-prev, .sec6 .rySwiper .swiper-button-next { margin-top: 0; top: inherit; bottom: 0px; right: 20px; width: 45px; height: 45px; border-radius: 50%; background: #f5f5f5; }
.sec6 .rySwiper .swiper-button-prev:after, .sec6 .rySwiper .swiper-button-next:after { font-size: 24px; color: #999; }
.sec6 .rySwiper .swiper-button-prev { left: inherit; margin-right: 55px; }
.custom-progressbar-container { position: absolute; width: 100%; height: 4px; bottom: 20px; /* Adjust based on your pagination position */
background-color: rgba(0, 0, 0, 0.1); }
.custom-progressbar { height: 100%; background-color: #007aff; transition: width 0.3s ease; }
.swiper-pagination-fraction { bottom: 10px;/* Adjust based on your custom progressbar position */
}
.sec6 { position: relative; }
.sec6 .title { padding: 10px 0 30px; }
.sec6 .title h2 { display: block; text-align: left; }
.sec6 .title h2:before { content: ""; width: 40px; height: 4px; background: #1a8ee5; border-radius: 2px; position: absolute; left: 0; bottom: -30px; }
.sec7 { background: #f8f9f8; padding: 50px 0; }
.sec7 .title { margin-bottom: 30px;}
.sec7 .lBox { width: 30%; }
.sec7 .lBox a { display: block; background: #fff; }
.sec7 .lBox a .pho { text-align: center; }
.sec7 .lBox a .pho img { width: 90%; }
.sec7 .lBox a .text { padding: 20px 30px 0; border-top: 1px solid #f5f5f5; }
.sec7 .lBox a .text h3 { font-size: 22px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sec7 .lBox a .text span { display: block; color: #999; font-size: 15px; margin: 8px 0 10px; padding-left: 24px; background: url(../images/icon26.png) no-repeat left center; background-size: 18px; }
.sec7 .lBox a .text p { font-size: 15px; line-height: 30px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sec7 .lBox a .text .mor { line-height: 50px; margin: 30px -30px 0; font-size: 15px; color: #999; padding: 0 30px; border-top: 1px solid #f5f5f5; background: url(../images/icon27.png) no-repeat right 30px center; background-size: 26px; }
.sec7 .rBox { width: 70%; padding-left: 2%; box-sizing: border-box; }
.sec7 .rBox .comBox a { display: block; background: #fff; }
.sec7 .rBox .comBox a .text { width: 64%; padding: 30px 32px 0; box-sizing: border-box; }
.sec7 .rBox .comBox a .text .time { font-size: 16px; color: #666; }
.sec7 .rBox .comBox a .text .time strong { font-size: 30px; font-weight: 500; color: #1a8ee5; }
.sec7 .rBox .comBox a .text h3 { font-size: 22px; font-weight: 500; margin: 10px 0 14px; }
.sec7 .rBox a p { font-size: 15px; line-height: 28px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sec7 .rBox .comBox a .text span { display: block; width: 120px; line-height: 32px; background: #1a8ee5; color: #fff; text-align: center; font-size: 15px; margin-top: 30px; float: right; }
.sec7 .rBox .comBox a .pho { width: 36%; border-left: 1px solid #f5f5f5; box-sizing: border-box; }
.sec7 .rBox li { width: 31.5%; float: left; margin: 40px 0 0 2.75%; }
.sec7 .rBox li:first-child { margin-left: 0; }
.sec7 .rBox li a { display: block; background: #fff; padding: 20px 30px 0; }
.sec7 .rBox li a .time { font-size: 16px; color: #666; }
.sec7 .rBox li a .time strong { font-size: 26px; color: #1a8ee5; font-weight: 500; }
.sec7 .rBox li a h3 { font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 8px 0 12px; }
.sec7 .rBox li a span { display: block; margin: 20px -30px 0; line-height: 40px; font-size: 15px; color: #999; background: url(../images/icon27.png) no-repeat right 20px center; background-size: 25px; padding: 0 30px; border-top: 1px solid #f5f5f5; }
 @media all and (min-width: 1024px) and (max-width:1800px) {
.sec2 ul.fr li a .pho img { width: 89%; }
.sec3 ul.fl li a { line-height: 56px; }
}
 @media all and (min-width: 1024px) and (max-width:1700px) {
.sec2 .fl li a { line-height: 57px; }
.sec3 ul.fl li a { line-height: 52px; }
.sec7 .rBox .comBox a .text { padding-top: 20px; }
.sec7 .rBox .comBox a .text span { margin-top: 20px; }
}
 @media all and (min-width: 1024px) and (max-width:1600px) {
.bannerswiper .swiper-button-next, .bannerswiper .swiper-button-prev { width: 36px; }
.more a { width: 210px; line-height: 46px; font-size: 15px; padding-left: 55px; margin-top: 24px; }
.more a:after, .more a:before { width: 40px; height: 40px; left: 6px; }
.more a i { width: 25px; margin-left: 5px; }
.sec2 .fl { width: 19%; }
.sec2 ul.fr { width: 81%; }
.sec2 ul.fr li { padding-left: 25px; }
.sec2 ul.fr li h3 { padding: 10px 5px }
.sec2 ul.fr li a .pho img { width: 91%; }
.sec2 .fl li a { line-height: 52px; padding-left: 55px; background-size: 26px; }
.sec2 .fl li:hover a { background-size: 26px; }
.sec2 ul.fr li a:after { height: 3px; }
.hot .form h3 { font-size: 22px; }
.hot .form h4 { font-size: 18px; }
.hot .form form { width: 300px; }
.hot .form input[type="text"] { line-height: 34px; width: 300px; }
.hot .form input[type="submit"] { line-height: 34px; }
.sec3 ul.fl li { margin-top: 18px; }
.sec3 ul.fl li a { line-height: 50px; padding-left: 70px; }
.sec3 ul.fl li a span { height: 50px; background-size: 30px; }
.sec3 ul.fl li a i { width: 55px; background-size: 24px; }
.sec3 .fr a .pho { width: 55% }
.sec3 .fr a .text { width: 45%; padding-top: 20px; }
.sec3 .fr a .text p { line-height: 27px; }
.sec3 .fr a .text span { line-height: 36px; }
.sec4 .text p.p1 { -webkit-line-clamp: 9;  }
.sec4 .pho .cir { width: 480px; height: 480px; }
.sec4 .pho .cir a img.img2 { top: 7%; }
.sec4 .pho .cir a.hon img.img2 { top: 5%; left: 47%; }
.sec7 .lBox a .pho img { width: 100%; }
.sec7 .lBox a .text { padding: 20px 20px 0; }
.sec7 .lBox a .text h3 { font-size: 20px; font-weight: 600; }
.sec7 .rBox .comBox a .text { padding: 15px 20px 0; width: 62%; }
.sec7 .rBox .comBox a .text .time strong { font-size: 28px; }
.sec7 .rBox .comBox a .text h3 { font-size: 20px; margin: 8px 0 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.sec7 .lBox a .text .mor { margin: 20px -20px 0; padding: 0 20px; line-height: 40px; }
.sec7 .rBox .comBox a .pho { width: 38%; }
.sec7 .rBox li { width: 48.75%; margin-left: 2.5%; margin-top: 30px; }
.sec7 .rBox li:nth-child(3) { display: none; }
.sec7 .rBox li a { padding: 20px 20px 0; }
.sec7 .rBox li a span { margin: 20px -20px 0; padding: 0 20px; }
.sec7 .rBox li a .time strong { font-size: 25px; }
}
 @media all and (min-width: 1024px) and (max-width:1500px) {
.sec2 .fl li a { line-height: 50px; }
}
 @media all and (min-width: 1024px) and (max-width:1440px) {
.sec2 ul.fr li a .pho img { width: 95%; }
.sec3 .fr { padding-top: 30px; }
.sec3 .fr a .pho { width: 55%; }
.sec3 .fr a .text { width: 45%; padding: 22px 30px 0; }
.sec3 .fr a .text p { margin: 10px 0 13px 0; }
.sec3 .fr a .text span { line-height: 32px; font-size: 14px; }
.sec4 { padding: 40px 0; }
.sec4 .text p.p1 { -webkit-line-clamp: 7;  }
.hot .form input[type="text"], .hot .form input[type="submit"] { line-height: 30px; }
.sec7 .lBox a .pho img { width: 100%; }
}
 @media all and (min-width: 1024px) and (max-width:1400px) {
.sec2 .fl h3 { font-size: 26px; padding: 22px 0 22px 60px; background-size: 30px; }
.sec2 .fl li a { line-height: 48px; background-size: 24px; }
.sec2 .fl li:hover a { background-size: 24px; }
.sec2 .fl li a span { font-size: 20px; }
.sec2 ul.fr { margin: 0; }
.sec2 ul.fr li { padding: 0 0 25px 25px; }
.sec2 ul.fr li h3 { padding: 8px 5px; font-size: 15px; }
.sec4 .pho .cir { width: 450px; height: 450px; }
.sec4 .pho .cir ul li strong { font-size: 34px; }
.sec4 .pho .cir a img.img2 { top: 5%; }
.sec4 .pho .cir a.hon img.img2 { left: 45%; }
}
 @media all and (min-width: 1024px) and (max-width:1366px) {
.sec2 ul.fr li a .pho img { width: 89%; }
.sec2 .fl li a { line-height: 45px; font-size: 15px; }
.sec2 .fl li a span { line-height: 45px; }
.sec2 ul.fr li h3 { font-size: 15px; }
.sec3 ul.fl li a { line-height: 45px; padding-left: 60px; }
.sec3 ul.fl li a:before { height: 45px; width: 50px; }
.sec3 ul.fl li a span { height: 45px; width: 50px; background-size: 27px; }
.sec3 .fr a .text p { font-size: 14px; line-height: 30px; }
.sec3 ul.fl li { margin-top: 18px; }
.sec4 .pho .img { width: 100%; }
}
 @media all and (min-width: 1024px) and (max-width:1300px) {
.sec2 .fl li a { line-height: 45px; padding-left: 45px; }
.sec2 .fl li a span { width: 40px; line-height: 45px; }
.sec2 ul.fr li a .pho img { width: 85%; }
.sec4 .text p.p1 { font-size: 15px; line-height: 28px; }
.sec4 .text h2 { font-size: 28px; }
.sec3 ul.fl li a { line-height: 45px; font-size: 16px; padding-left: 60px; }
.sec3 ul.fl li a span { background-size: 25px; }
.sec3 ul.fl li a i { width: 50px; background-size: 24px; }
.sec3 .fr a .text p { height: 60px; overflow: hidden; }
.sec6 .title h2:before { bottom: -20px }
.sec7 .rBox .comBox a .text h3 { font-size: 18px; }
.sec7 .rBox a p { font-size: 14px; line-height: 26px; }
.sec7 .list li a { font-size: 15px; line-height: 34px; }
}
 @media all and (min-width: 1024px) and (max-width:1200px) {
.sec2 ul.fr li a .pho img { width: 90% }
.sec2 .fl li a { line-height: 40px; }
.sec3 .fr a .pho { width: 40%; }
.sec3 .fr a .text { width: 60%; padding: 20px 20px 0; }
.sec4 .text { width: 45%; }
.sec4 .text h2 { font-size: 26px; }
.sec4 .text .mor a { margin-top: 20px; width: 120px; line-height: 34px; }
.sec4 .pho { width: 55%; }
.sec7 .rBox .comBox a .pho { width: 40%; }
.sec7 .rBox .comBox a .text { width: 60%; padding: 10px 15px 0; }
.sec7 .rBox .comBox a .text h3 { margin: 5px 0; }
.sec7 .rBox .comBox a .text span { margin-top: 10px; line-height: 30px; width: 110px; }
.sec7 .lBox a .text h3 { font-size: 18px; }
}
 @media all and (min-width: 0) and (max-width: 767px) {
.bannerswiper { overflow: inherit; position: relative; }
.bannerswiper .swiper-button-next:after, .bannerswiper .swiper-button-prev:after { font-size: 32px }
.bannerswiper .swiper-pagination { bottom: 0px }
.bannerswiper .swiper-pagination-bullet { width: 22px; height: 22px; }
.bannerswiper .swiper-pagination-bullet:before { width: 22px; height: 22px }
.bannerswiper .swiper-button-next { right: 2%; height: 35px; bottom: 50%; margin-bottom: -20px; }
.bannerswiper .swiper-button-prev { left: 2%; height: 35px; bottom: 50%; margin-bottom: -20px; }
.more a { margin: 20px auto 0; width: 180px; line-height: 42px; padding-left: 50px; font-size: 14px; border-radius: 21px; }
.more a:before { width: 36px; height: 36px; }
.more a:after { width: 36px; height: 36px; }
.more a i { width: 24px; height: 18px; }
.hot { padding: 20px 10px; }
.hot .form .hbox { text-align: left; margin: 0; }
.hot .kwds { display: block; margin-top: 10px; margin-left: 0; line-height: 25px; }
.hot .form { font-size: 14px; display: block; }
.hot .form h3, .hot .form h4 { display: none; }
.hot .form form { width: 100%; max-width: 340px; margin: 0 auto; }
.hot .form input[type="text"] { width: 100%; line-height: 34px; }
.hot .form input[type="submit"] { line-height: 34px; }
.sec2 { padding: 30px 0 0; }
.sec2 .title { margin-bottom: 30px; }
.sec2 .fl { width: 100%; }
.sec2 .fl h3 { display: none; }
.sec2 .fl ul { overflow: hidden; }
.sec2 .fl li { width: 50%; float: left; padding: 4px 8px; box-sizing: border-box; }
.sec2 .fl li a { line-height: 35px; font-size: 15px; padding-left: 0px; background: #f2f2f2; text-align: center; border: none; color: #333; border-radius: 5px; }
.sec2 .fl li:hover a { background: #1a8ee5 }
.sec2 .fl li a span { display: none }
.sec2 ul.fr { width: 100%; }
.sec2 ul.fr li { width: 50%; padding: 10px 8px; }
.sec2 ul.fr li a:after { display: none; }
.sec2 ul.fr li h3 { font-size: 15px; padding: 8px; }
.sec2 ul.fr li h3::before { width: 30px; background-size: 20px; }
.sec3 { padding: 30px 0; }
.sec3 ul.fl { width: 100%; overflow: hidden; }
.sec3 ul.fl li { width: 50%; padding: 0 10px; float: left; box-sizing: border-box; margin-top: 10px; }
.sec3 ul.fl li a { line-height: 35px; padding-left: 0px; border-radius: 4px; background: #f5fafd; color: #333; font-size: 15px; text-align: center; }
.sec3 ul.fl li:last-child { display: none; }
.sec3 ul.fl li a:before { display: none; }
.sec3 ul.fl li a span { display: none }
.sec3 ul.fl li a i { display: none }
.sec3 ul.fl li.on a:before { display: none; }
.sec3 ul.fl li.on a i { display: none; }
.sec3 ul.fl li.on a { color: #fff; background: #1a8ee5; }
.sec3 .fr { width: 100%; padding-left: 0px; padding-top: 0; }
.sec3 .fr li { margin-top: 30px; }
.sec3 .fr a .pho { width: 100%; float: inherit; }
.sec3 .fr a .text { width: 100%; padding: 20px 20px 60px; float: inherit; }
.sec3 .fr a .text h3 { font-size: 16px; }
.sec3 .fr a .text p { font-size: 14px; line-height: 26px; height: 52px; overflow: hidden; margin: 12px 0 10px; }
.sec3 .fr a .text span { width: 110px; line-height: 36px; border-radius: 18px 0 0 18px; margin-right: -20px; font-size: 13px; }
.sec3 .fr li:nth-child(2) .pho { float: inherit; }
.sec3 .fr li:nth-child(2) .text { float: inherit; }
.sec3 .fr li:nth-child(2) a .text span { float: inherit; margin: 0 0 0 -20px; border-radius: 0 18px 18px 0; }
/* 关于我们 */
.sec4 { padding: 30px 10px 20px; }
.sec4 .text { width: 100%; }
.sec4 .text strong { font-size: 22px; }
.sec4 .text h2 { font-size: 26px; margin: 5px 0 8px; }
.sec4 .text p.p1 { font-size: 15px; line-height: 28px; margin-bottom: 20px; }
.sec4 .text li { width: 49%; margin-bottom: 10px; }
.sec4 .text li a { line-height: 30px; font-size: 15px; padding: 15px 0; background: #f8f9f7; border-top: none; }
.sec4 .text li a:before { display: none; }
.sec4 .text li.on a p { color: #666; }
.sec4 .text li a .num { display: block; }
.sec4 .text li a .num strong { display: inline-block; font-size: 28px; font-weight: 600; }
.sec4 .text li a .num b { font-size: 18px; }
.sec4 .text li a p { font-weight: 500; }
.sec4 .text .mor a { width: 130px; line-height: 36px; margin: 20px auto; font-size: 14px; border-radius: 18px; }
.sec4 .text .mor a img { width: 22px; }
.sec4 .pho { width: 100%; padding-left: 0px; }
.sec4 .pho .cir { display: none; }
.sec4 .pho .img { width: 100%; position: inherit; right: inherit; top: inherit; transform: translateY(0%); }
.sec6 { padding: 30px 10px; }
.sec6 .rySwiper { padding: 20px 30px 60px; }
.sec6 .rySwiper .swiper-pagination { display: none; }
.sec6 .rySwiper .swiper-button-prev, .sec6 .rySwiper .swiper-button-next { right: 40%; width: 40px; height: 40px; }
.sec6 .rySwiper .swiper-button-prev:after, .sec6 .rySwiper .swiper-button-next:after { font-size: 20px; }
.sec6 .rySwiper .swiper-button-prev { margin-right: 55px; }
.sec6 .title { padding: 0 0; }
.sec6 .title h2 { display: block; text-align: center; }
.sec6 .title h2:before { display: none; }
.sec7 { padding: 30px 0px; }
.sec7 .lBox { width: 100%; }
.sec7 .lBox a .pho img { width: 100%; }
.sec7 .lBox a .text { padding: 20px 24px 0; }
.sec7 .lBox a .text h3 { font-size: 18px; font-weight: 600; }
.sec7 .lBox a .text span { padding-left: 22px; background-size: 17px; }
.sec7 .lBox a .text p { font-size: 14px; line-height: 25px; }
.sec7 .lBox a .text .mor { line-height: 40px; margin: 20px -24px 0; font-size: 15px; padding: 0 24px; background: url(../images/icon27.png) no-repeat right 20px center; background-size: 24px; }
.sec7 .rBox { width: 100%; padding: 30px 0 0; }
.sec7 .rBox .comBox a .text { width: 100%; padding: 20px 24px 50px; }
.sec7 .rBox .comBox a .text .time { font-size: 14px; }
.sec7 .rBox .comBox a .text .time strong { font-size: 26px; }
.sec7 .rBox .comBox a .text h3 { font-size: 18px; font-weight: 600; margin: 8px 0; }
.sec7 .rBox a p { font-size: 14px; line-height: 26px; }
.sec7 .rBox .comBox a .text span { width: 100px; line-height: 30px; font-size: 14px; margin-top: 20px; }
.sec7 .rBox .comBox a .pho { width: 100%; border-left: none; }
.sec7 .rBox li { width: 100%; float: inherit; margin: 30px 0 0; }
.sec7 .rBox li a { padding: 20px 24px 0; }
.sec7 .rBox li a .time { font-size: 14px; }
.sec7 .rBox li a h3 { font-size: 18px; margin: 8px 0; }
.sec7 .rBox li a span { margin: 15px -24px 0; line-height: 40px; font-size: 14px; background: url(../images/icon27.png) no-repeat right 20px center; background-size: 24px; padding: 0 24px; }
}