.bannerswiper { overflow: inherit; position: relative; }
.bannerswiper .swiper-pagination { width: inherit; bottom: 0px; line-height: 75px; height: 75px; left: 0; right: 50%; background: rgba(255, 255, 255, .7); box-sizing: border-box; }
.bannerswiper .swiper-pagination-bullet { color: #333; font-size: 14px; margin: 0 12px; opacity: 1; width: inherit; height: inherit; background: none; border-radius: 0; font-weight: 600; transition: 0.5s; }
.bannerswiper .swiper-pagination-bullet:after { content: ""; display: inline-block; background: #007ad6; height: 2px; width: 0; vertical-align: middle; margin-left: 12px; transition: 0.5s; }
.bannerswiper .swiper-pagination-bullet-active { color: #007ad6; }
.bannerswiper .swiper-pagination-bullet-active:after { width: 80px; }
.bannerswiper .swiper-button-next, .bannerswiper .swiper-button-prev { width: 40px; top: inherit; margin-top: inherit; }
.bannerswiper .swiper-button-next { right: 52%; bottom: 15px; }
.bannerswiper .swiper-button-prev { left: 2%; bottom: 15px; }
.bannerswiper .swiper-button-next:after, .bannerswiper .swiper-button-prev:after { display: none; }
.more a { display: block; margin: 36px auto 0; width: 250px; line-height: 52px; padding-left: 60px; box-sizing: border-box; font-size: 16px; color: #007ad6; border-radius: 27px; border: 1px solid #e9e9e9; position: relative; overflow: hidden; z-index: 0; }
.more a:before { content: ""; width: 46px; height: 46px; border-radius: 50%; position: absolute; left: 3px; top: 3px; background: #007ad6; z-index: -1; transition: 0.3s; }
.more a:after { content: ""; width: 46px; height: 46px; position: absolute; left: 3px; top: 3px; background: url(../images/icon11.png) no-repeat center; background-size: 20px; z-index: 10; }
.more a i { position: relative; top: 4px; 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: 26px; letter-spacing: 2px; color: #f06e1b; text-align: center; }
.hot .form h4 { font-size: 21px; color: #f06e1b; 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: #007ad6; 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: 20%; }
.sec2 .fl h3 { font-size: 32px; background: #007ad6 url(../images/icon54.png) no-repeat left 14px center; background-size: 40px; color: #fff; padding: 30px 0 30px 70px; }
.sec2 .fl li a { display: block; line-height: 76px; font-size: 18px; position: relative; padding-left: 70px; background: #f5f9fb url(../images/icon56.png) no-repeat right 5px center; background-size: 30px; border-top: 1px solid #dff1fb; }
.sec2 .fl li a span { display: block; width: 50px; text-align: center; line-height: 50px; font-size: 30px; font-style: oblique; position: absolute; left: 0px; top: 10px; color: #0060a9; opacity: 0.1; }
.sec2 .fl li:hover a { background: #007ad6 url(../images/icon56.png) no-repeat right center; color: #fff; }
.sec2 .fl li:hover a span { color: #fff; opacity: 0.6; }
.sec2 ul.fr { width: 78%; }
.sec2 ul.fr li { width: 25%; float: left; padding: 0px 15px 36px; box-sizing: border-box; }
.sec2 ul.fr li a { display: block; position: relative; background: #f6fbff; box-shadow: 0 0 8px rgba(0, 0, 0, .1); }
.sec2 ul.fr li a:after { content: ""; position: absolute; left: 0; height: 5px; width: 0; bottom: 0; background: #007ad6; transition: 0.3s; }
.sec2 ul.fr li:hover a:after { width: 100%; }
.sec2 ul.fr li h3 { font-size: 18px; color: #333; padding: 20px 50px 20px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; }
.sec2 ul.fr li h3::before { content: ""; width: 60px; background: #007ad6 url(../images/icon18.png) no-repeat center; background-size: 30px; position: absolute; right: 0; top: 0; bottom: 0; }
.sec2 ul.fr li span { display: block; width: 60px; height: 4px; background: #007ad6; margin: 0 auto; border-radius: 2px; }
.sec3 { background: url(../images/bg1.jpg) no-repeat; background-size: cover; padding: 40px 0; }
.sec3 ul.fl { width: 30%; }
.sec3 ul.fl li { margin-top: 30px; }
.sec3 ul.fl li a { display: block; position: relative; line-height: 70px; background: #fff; padding-left: 90px; overflow: hidden; border-radius: 7px; z-index: 0; color: #30496d; font-family: 'Source Han Sans CN', 'fang'; font-size: 17px; box-shadow: 0 0 12px rgba(0, 0, 0, .1); }
.sec3 ul.fl li a:before { content: ""; width: 70px; height: 70px; z-index: -1; position: absolute; left: 0; top: 0; background: #0780e2; transition: 0.3s; }
.sec3 ul.fl li a span { display: block; z-index: 11; position: absolute; left: 0; top: 0; width: 70px; height: 60px; background: url(../images/icon14.png) no-repeat center; background-size: 40px; }
.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 a i { display: block; position: absolute; right: 0; width: 70px; top: 15px; bottom: 15px; border-left: 1px solid #efefef; background: url(../images/icon13.png) no-repeat center; background-size: 28px; }
.sec3 ul.fl li.on a:before { width: 100%; background: linear-gradient(to right, #0b6bb9, #0d9cfc); }
.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: 70%; padding-left: 40px; box-sizing: border-box; }
.sec3 .fr li { margin-top: 45px; }
.sec3 .fr a { display: block; background: #fff; overflow: hidden; }
.sec3 .fr a .pho { width: 35%; position: relative; z-index: 100; float: left; }
.sec3 .fr a .text { width: 65%; padding: 30px 40px 0; box-sizing: border-box; float: right; position: relative; }
.sec3 .fr a .text:before { content: ""; width: 122px; height: 96px; background: url(../images/icon17.png) no-repeat; background-size: cover; position: absolute; left: -10px; bottom: -60px; z-index: 10; opacity: 0.2; }
.sec3 .fr a .text h3 { font-size: 20px; }
.sec3 .fr a .text p { font-size: 15px; line-height: 30px; margin: 15px 0 25px; }
.sec3 .fr a .text span { display: block; float: right; width: 120px; line-height: 40px; border-radius: 20px 0 0 20px; background: #007ad6; 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; }
.sec3 .fr li:nth-child(2) a .text:before { content: ""; width: 144px; height: 66px; background: url(../images/icon16.png) no-repeat; background-size: cover; position: absolute; left: inherit; right: -10px; bottom: -10px; z-index: 10; opacity: 0.2; }







.sec4 { background: url(../images/bg2.jpg) no-repeat; background-size: cover; padding: 60px 0; position: relative; z-index: 9; }
.sec4:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/bg2.png) no-repeat; background-size: cover; z-index: 10; transition: 0.4s; }
.sec4 .container { position: relative; z-index: 100; }
.sec4 .container .text { width: 50%; }
.sec4 .container .text h3 { font-size: 38px; color: #393f44; transition: 0.5s; margin-bottom: 30px; }
.sec4 .container .text h3 b { color: #025396; margin: 0 5px; transition: 0.5s; }
.sec4 .container .text p { font-size: 17px; line-height: 36px; color: #666; transition: 0.5s; }
.sec4 .container .text ul { margin: 30px 0; }
.sec4 .container .text li { width: 25%; float: left; }
.sec4 .container .text strong { font-size: 40px; line-height: 50px; color: #007ad6; transition: 0.5s; }
.sec4 .container .text strong span { font-size: 30px; }
.sec4 .more a { margin: 0; }
.sec4:hover .more a:before { background: none; }
.sec4:hover:before { right: 100%; }
.sec4:hover .container .text h3, .sec4:hover .container .text h3 b, .sec4:hover .container .text p, .sec4:hover .container .text strong { color: #fff; }
.sec4:hover .more a { color: #fff; }
.sec4:hover .more a i { background-image: url(../images/icon12.png); }
.sec5 { padding: 40px 0; overflow: hidden; height: 960px; }
.sec5 .alSwiper { position: relative; padding-bottom: 30px; height: 100%; }
.sec5 .swiper-slide { height: auto !important; }
.sec5 .swiper-slide a { display: block; position: relative; overflow: hidden; }
.sec5 .swiper-slide a:after { content: ""; position: absolute; left: 0; top: 0; width: 50%; background: url(../images/bg5.jpg) no-repeat bottom center; background-size: cover; bottom: 0; z-index: -1; }
.sec5 .swiper-slide:nth-child(even) a:after { right: 0; left: inherit; }
.sec5 .swiper-slide .pho { width: 50%; float: right; }
.sec5 .swiper-slide .pho img { position: relative; z-index: 100; }
.sec5 .swiper-slide .text { width: 50%; padding: 90px 5% 0 12%; box-sizing: border-box; float: left; position: relative; z-index: 110; }
.sec5 .swiper-slide .text:after { content: ""; width: 0; height: 0; border: 30px solid transparent; border-left: 30px solid #f2f2f2; position: absolute; right: -60px; top: 50%; }
.sec5 .swiper-slide:nth-child(even) .pho { float: left; }
.sec5 .swiper-slide:nth-child(even) .text { float: right; padding: 90px 12% 0 5%; }
.sec5 .swiper-slide:nth-child(even) .text:after { border: 30px solid transparent; border-right: 30px solid #f9f9f9; left: -60px; right: inherit; }
.sec5 .swiper-slide:nth-child(even) a span.num { left: inherit; right: 7%; }
.sec5 .swiper-slide a span.num { display: block; color: #0780e2; position: absolute; left: 43%; bottom: -50px; font-size: 100px; font-weight: 600; z-index: 1; opacity: 0.5; }
.sec5 .swiper-slide .text strong { display: block; font-size: 40px; color: #007ad6; margin-bottom: 10px; position: relative; }
.sec5 .swiper-slide .text strong:before { content: "CASE"; position: absolute; left: -10px; top: -90px; font-size: 120px; color: #f9a858; opacity: 0.2; z-index: -1; }
.sec5 .swiper-slide:nth-child(even) .text strong { text-align: right; }
.sec5 .swiper-slide:nth-child(even) .text strong:before { right: -10px; left: inherit; }
.sec5 .swiper-slide .text h3 { font-size: 30px; font-weight: 500; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sec5 .swiper-slide .text p { font-size: 16px; color: #888; margin-top: 20px; line-height: 35px; }
.sec5 .swiper-slide .text span.xq { display: block; width: 130px; line-height: 38px; background: #0780e2; color: #fff; text-align: center; margin-top: 30px; margin-right: -8%; }
.sec5 .swiper-pagination span { background: url(../images/icon24.png) no-repeat; background-size: cover; width: 26px; height: 26px; border-radius: 0; opacity: 1; }
.sec5 .swiper-pagination span.swiper-pagination-bullet-active { background-image: url(../images/icon23.png); }
.sec6 { padding: 40px 0; }
.sec6 li { width: 25%; float: left; padding: 20px; box-sizing: border-box; }
.sec6 li a { display: block; }
.sec6 li .pho { border-radius: 8px; overflow: hidden; }
.sec6 li h3 { font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgb(61, 58, 58); padding-top: 20px; }
.sec7 { padding: 40px 0; background: url(../images/bg5.jpg) no-repeat; background-size: cover; overflow: hidden; }
.sec7 ul.list { text-align: center; padding: 20px; }
.sec7 ul.list li { display: inline-block; margin: 0 10px; }
.sec7 ul.list li a { display: block; width: 156px; line-height: 46px; background: #fff; border: 1px solid #dedede; text-align: center; border-radius: 24px; font-size: 16px; }
.sec7 ul.list li.on a { background: #007ad6; color: #fff; border-color: #007ad6; }
.sec7 .container { padding: 0 40px; }
.sec7 ul.list2 { float: left; width: 50%; padding: 0 40px; box-sizing: border-box; position: relative; }
.sec7 ul.list2:before { content: ""; width: 1px; position: absolute; top: 10%; bottom: 22%; background: #007ad6; left: 0; }
.sec7 ul.list2 li { margin-top: 30px; position: relative; }
.sec7 ul.list2 li:before { content: ""; width: 25px; height: 26px; position: absolute; left: -52px; top: 30px; background: url(../images/icon25.png) no-repeat; background-size: cover; }
.sec7 ul.list2 li a { display: block; background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, .1); border-radius: 10px; position: relative; padding: 24px 30px; }
.sec7 ul.list2 li a h3 { font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 35px; position: relative; }
.sec7 ul.list2 li a h3:after { content: ""; width: 27px; height: 27px; background: url(../images/icon27.png) no-repeat right center; background-size: 27px; position: absolute; right: 5px; top: 0; transition: 0.3s; }
.sec7 ul.list2 li .tex { display: none; }
.sec7 ul.list2 li a span { margin: 10px 0 12px; display: block; color: #666; padding-left: 30px; background: url(../images/icon26.png) no-repeat left center; background-size: 20px; }
.sec7 ul.list2 li a p { font-size: 15px; line-height: 32px; color: #555; }
.sec7 ul.list2 li a:hover h3 { color: #007ad6; }
.sec7 ul.list2 li a:hover h3:after { background-image: url(../images/icon13-1.png); right: 0; }
.sec7 .mySwiper { padding: 0px 0 30px; margin-top: 30px; }
.sec7 .swiper-slide a { display: block; background: #fff; }
.sec7 .swiper-slide a .text { padding: 20px; }
.sec7 .swiper-slide a .text span { color: #555; font-weight: 600; font-family: 'Source Han Sans CN'; }
.sec7 .swiper-slide a .text h3 { font-size: 20px; line-height: 40px; height: 80px; }
.sec7 .swiper-slide:hover a .text h3 { color: #007ad6; }
.sec7 .swiper-pagination-bullet-active { background: #007ad6; }
.sec8 { padding: 60px 0 100px; background: #EDF0F3; border-bottom-left-radius: 20% 40%; }
.sec8 .title h2 { font-size: 40px; }
.sec8 .title h2 span { color: #007ad6; }
.sec8 .title p { font-size: 20px; color: #D4D7DA; margin: 20px 0 40px; }
.sec8 .text { width: 20%; }
.sec8 .text p { font-size: 18px; color: #2d3141; line-height: 40px; margin-bottom: 60px; }
.sec8 .text .box { position: relative; }
.sec8 .text .box span { display: block; position: absolute; left: 0; top: 50px; width: 85px; height: 85px; background: #fff; border-radius: 50%; border: 1px dashed #333; }
.sec8 .text .box ul { padding-left: 140px; }
.sec8 .text .box ul li { font-size: 17px; }
.sec8 .text .box ul strong { font-size: 44px; color: #F06E1B; }
.sec8 .pho { width: 520px; margin: 4% 0 0 8%; }
.sec8 .text2 { width: 30%; margin-top: 12%; position: relative; padding-left: 140px; box-sizing: border-box; }
.sec8 .text2 li { font-size: 25px; line-height: 40px; font-weight: 600; color: #2b2e3d; }
.sec8 .text2 span { display: block; position: absolute; left: 0; top: 50px; background: #fff; border-radius: 50%; border: 1px dashed #333; width: 85px; height: 85px; }
.sec9 { padding: 40px 0 50px; }
.sec9 .container { box-shadow: 0 0 10px rgba(0, 0, 0, .2); background: linear-gradient(to bottom, #e8f5ff, #d7ebfb); border-radius: 10px; overflow: hidden; margin-top: 40px; }
.sec9 .container .ys { width: 25%; float: left; padding: 35px 40px 70px; position: relative; box-sizing: border-box; overflow: hidden; background: url(../images/bg12.png) no-repeat right bottom; }
.sec9 .container .ys:after { content: ""; width: 1px; top: 40px; right: 0; position: absolute; bottom: 40px; background: #dedede; }
.sec9 .container .ys:last-child:after { display: none; }
.sec9 .container .ys span { display: block; }
.sec9 .container .ys span.icon { display: block; width: 40px; height: 40px; overflow: hidden; }
.sec9 .container .ys span.icon img { width: 40px; }
.sec9 .container .ys h3 { font-size: 22px; color: #222; margin-top: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sec9 .container .ys span.en { font-size: 14px; color: #999; margin-top: 7px; }
.sec9 .container .ys span.line { width: 70px; height: 1px; background: #f1f1f1; margin: 15px 0; }
.sec9 .container .ys p { font-size: 15px; line-height: 28px; height: 112px; overflow: hidden; }
.sec9 .container .ys span.num { font-size: 80px; font-weight: 600; color: #98d3ff; position: absolute; right: 25px; bottom: -50px; }
.sec9 .container .ys:hover { background: #007ad6; border-radius: 10px; }
.sec9 .container .ys:hover h3, .sec9 .container .ys:hover p { color: #fff; }
.sec9 .container .ys:hover span.num { position: relative; bottom: inherit; right: inherit; font-size: 50px; line-height: 40px; height: 40px; overflow: hidden; color: #fff; }
.sec9 .container .ys:hover span.icon { position: absolute; right: 25px; bottom: 10px; }
.sec9 .container .ys:hover span.icon img { margin-top: -40px; opacity: 0.5; }
.sec9 .container .ys:hover:after { display: none; }
.sec10 { padding-top: 30px; }
.sec10 li { width: 20%; float: left; padding: 30px 20px 20px; box-sizing: border-box; }
.sec10 li a { display: block; background: #007ad6; box-shadow: 0 0 10px rgba(0, 0, 0, .2); }
.sec10 li a h3 { padding: 0 5px; line-height: 50px; font-size: 17px; color: #fff; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 @media all and (min-width: 1024px) and (max-width:1600px) {
.bannerswiper .swiper-button-next, .bannerswiper .swiper-button-prev { width: 36px; }
.sec1 { padding-top: 100px; }
.sec1 li { padding: 30px 20px 0; }
.sec1 li a span { width: 54px; height: 54px; }
.sec1 li a span:before { width: 38px; height: 38px; background-size: 38px; }
.sec1 li a h3 { font-size: 18px; }
.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 li a { line-height: 55px; font-size: 16px; }
.sec2 .fl li a span { top: 3px; }
.sec2 ul.fr li h3 { font-size: 17px; padding: 15px 53px 15px 10px; }
.sec2 ul.fr li h3::before { width: 50px; background-size: 25px; }
.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 { width: 28%; }
.sec3 ul.fl li a { line-height: 55px; }
.sec3 ul.fl li a span { height: 55px; background-size: 36px; }
.sec3 .fr a .text { padding-top: 20px; }
.sec3 .fr a .text span { line-height: 36px; }
.sec4 .container .text { width: 57%; box-sizing: border-box; padding-left: 2%; }
.sec4 .container .text strong { font-size: 36px }
.sec4 .container .text p { font-size: 16px; }
.sec4 .container .text>p { height: 180px; overflow: hidden; font-size: 15px; }
.sec7 .swiper-slide a .text h3 { font-size: 18px; line-height: 34px; height: 68px; }
.sec7 .container { padding: 0px 20px 20px; }
.sec7 .swiper-pagination { bottom: 0; }
.sec7 .swiper-pagination-bullet { width: 12px; height: 12px; }
.sec8 .pho { width: 460px; margin: 3% 0 0 5%; }
.sec8 .text { width: 25%; }
.sec8 .text p { font-size: 16px; line-height: 34px; margin-bottom: 40px; }
.sec8 .text2 { margin-top: 10%; }
.sec8 .text2 li { font-size: 22px; }
.sec9 .container .ys h3 { font-size: 20px; }
.sec9 .container .ys { padding: 35px 20px 60px; }
.sec9 .container .ys p { font-size: 14px; line-height: 27px; height: 81px; }
.sec9 .container .ys span.num { font-size: 70px; }
.sec5 { height: 800px; }
.sec5 .swiper-slide .text { padding-top: 50px; padding-left: 10%; }
.sec5 .swiper-slide:nth-child(even) .text { padding-top: 50px; padding-right: 10%; }
.sec5 .swiper-slide .text strong:before { font-size: 100px; top: -70px }
.sec5 .swiper-slide .text p { margin-top: 10px; font-size: 15px; line-height: 30px; }
.sec5 .swiper-slide .text h3 { font-size: 25px; }
.sec5 .swiper-slide .text span.xq { width: 110px; line-height: 32px; }
}
 @media all and (min-width: 1024px) and (max-width:1500px) {
.sec5 { height: 780px; }
}
 @media all and (min-width: 1024px) and (max-width:1440px) {
.sec3 ul.fl li { margin-top: 22px; }
.sec3 .fr li { margin-top: 30px; }
.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 .container .text h3 { font-size: 32px; }
.sec7 ul.list2:before { bottom: 23%; }
.sec9 .container .ys span.num { bottom: -40px; }
.hot .form input[type="text"], .hot .form input[type="submit"] { line-height: 30px; }
.sec5 { height: 750px; }
.sec5 .swiper-slide .text p { font-size: 15px; line-height: 28px; margin-top: 10px; }
.sec5 .swiper-slide .text strong { font-size: 36px; }
.sec5 .swiper-slide .text strong:before { font-size: 100px; top: -65px; }
.sec5 .swiper-slide .text h3 { font-size: 25px; }
.sec5 .swiper-slide a span.num { left: 42%; }
}
 @media all and (min-width: 1024px) and (max-width:1400px) {
.sec2 ul.fr { margin: 0; }
.sec2 ul.fr li { padding: 0px 15px 25px; }
.sec8 .title h2 { font-size: 34px; }
.sec5 { height: 720px; }
.sec5 .swiper-slide:nth-child(even) .text, .sec5 .swiper-slide .text { padding-top: 40px; }
.sec5 .swiper-slide .text { padding-left: 8%; }
.sec5 .swiper-slide:nth-child(even) .text { padding-right: 8%; }
.sec5 .swiper-slide .text strong:before { font-size: 80px; top: -55px; }
}
 @media all and (min-width: 1024px) and (max-width:1366px) {
.sec1 li a h3 { font-size: 17px; }
.sec1 li a h3:before { width: 24px; left: 110%; }
.sec1 li a h3:after { width: 24px; right: 110%; }
.sec1 li a span:before { width: 34px; height: 34px; background-size: 34px; left: 7px; top: 7px; }
.sec1 li a span { width: 48px; height: 48px; background-size: 48px; }
.sec2 .fl li a { line-height: 49px; }
.sec2 .fl li a span { top: 0; line-height: 49px; font-size: 25px; }
.sec3 .fr a .text p { font-size: 14px; line-height: 30px; }
.sec5 { height: 700px; }
.sec5 .swiper-slide:nth-child(even) .text { padding-right: 8%; padding-left: 3%; }
.sec5 .swiper-slide .text { padding-left: 8%; padding-right: 3%; }
.sec6 li h3 { font-size: 17px; }
.sec8 .pho { width: 400px; }
.sec8 .text p { font-size: 15px; }
.sec8 .text .box ul strong { font-size: 34px; }
.sec8 .text .box ul li { font-size: 15px; }
.sec8 .text2 li { font-size: 20px; }
}
 @media all and (min-width: 1024px) and (max-width:1300px) {
.sec4:before { background-position: right -160px center; }
.hot { display: none; }
.sec3 .fr a .text p { height: 60px; overflow: hidden; }
.sec5 .swiper-slide a span.num { left: 40%; }
}
 @media all and (min-width: 0) and (max-width: 767px) {
.bannerswiper { overflow: inherit; position: relative; margin-top: -15px; }
.bannerswiper .swiper-pagination { background: none; width: 100%; right: 0; line-height: 20px; height: 20px; }
.bannerswiper .swiper-pagination-bullet { margin: 0px; color: rgba(0, 0, 0, 0); width: 14px; height: 14px; background: #007ad6; border-radius: 50%; }
.bannerswiper .swiper-pagination-bullet:after { display: none; }
.bannerswiper .swiper-pagination-bullet-active:after { display: none; }
.bannerswiper .swiper-pagination-bullet-active { background: #f06e1b; }
.bannerswiper .swiper-button-next, .bannerswiper .swiper-button-prev { width: 30px; }
.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: 60px 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: 8px; box-sizing: border-box; }
.sec2 .fl li a { line-height: 42px; height:42px; overflow:hidden; font-size: 16px; padding-left: 0px; background: #007ad6; text-align: center; border: none; color: #fff; border-radius: 5px; }
.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 34px 8px 6px; }
.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: 20px; }
.sec3 ul.fl li a { line-height: 50px; padding-left: 0px; border-radius: 7px; background: #f5fafd; color: #333; font-size: 15px; text-align: center; }
.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: #007ad6; }
.sec3 .fr { width: 100%; padding-left: 0px; }
.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 { background: none; padding: 30px 0; }
.sec4 .container .text { width: 100%; padding: 0 10px; box-sizing: border-box; }
.sec4 .container .text h3 { font-size: 26px; margin-bottom: 20px; }
.sec4 .container .text p { font-size: 14px; line-height: 27px; }
.sec4 .container .text ul { margin: 20px 0; }
.sec4 .container .text li { width: 50%; float: left; text-align: center; }
.sec4 .container .text strong { font-size: 30px; }
.sec4 .container .text strong span { font-size: 22px; }
.sec4 .more a { margin: 0 auto; }
.sec4:hover .more a:before { background: inherit; }
.sec4:hover:before { right: inherit; }
.sec4:hover .container .text h3, .sec4:hover .container .text h3 b, .sec4:hover .container .text p, .sec4:hover .container .text strong { color: inherit; }
.sec4:hover .more a { color: inherit; }
.sec4:hover .more a i { background-image: inherit; }
.sec5 { padding: 30px 10px; height: 530px; box-sizing: border-box; }
.sec5 .alSwiper { padding-bottom: 30px; }
.sec5 .swiper-slide .pho { width: 100%; }
.sec5 .swiper-slide a { box-shadow: 0 0 10px rgba(0, 0, 0, .1); border-radius: 8px; }
.sec5 .swiper-slide .text { width: 100%; padding: 15px !important; box-sizing: border-box; overflow: hidden; background: url(../images/bg5.jpg) no-repeat bottom center; background-size: cover; }
.sec5 .swiper-slide a span.num, .sec5 .swiper-slide:nth-child(even) a span.num { left: inherit; right: 10px; z-index: 999; font-size: 76px; }
.sec5 .swiper-slide .text:after { display: none; }
.sec5 .swiper-slide .text h3 { font-size: 16px; }
.sec5 .swiper-slide .text p { font-size: 14px; margin-top: 12px; line-height: 26px; height: 78px; overflow: hidden; }
.sec5 .swiper-slide .text span.xq { width: 100px; line-height: 30px; margin-top: 20px; margin-right: 0%; }
.sec5 .swiper-pagination { bottom: 0px; }
.sec5 .swiper-slide .text strong:before { left: inherit; right: -10px; }
.sec5 .swiper-slide:nth-child(even) .text strong { text-align: left; }
.sec5 .swiper-slide .text strong { font-size: 22px; }
.sec5 .swiper-slide .text strong:before { font-size: 46px; top: -18px; right: 10px; }
.sec5 .swiper-slide a:after { display: none; }
.sec6 { padding: 30px 0; }
.sec6 li { width: 50%; padding: 10px; }
.sec6 li .pho { border-radius: 6px; }
.sec6 li h3 { font-size: 16px; padding-top: 14px; }
.sec7 { padding: 30px 0; }
.sec7 .container { padding: 0 10px; position: relative }
.sec7 ul.list { padding: 10px 0; }
.sec7 ul.list li { margin: 0 4px; }
.sec7 ul.list li a { width: 100px; font-size: 14px; line-height: 32px; }
.sec7 ul.list2 { float: inherit; width: 100%; padding: 0 10px 0 30px; }
.sec7 ul.list2:before { left: 11px; top: 6%; bottom: 21%; }
.sec7 ul.list2 li { margin-top: 24px; }
.sec7 ul.list2 li:before { left: -32px; }
.sec7 ul.list2 li a { padding: 16px 20px; }
.sec7 ul.list2 li a h3 { font-size: 16px; }
.sec7 ul.list2 li a p { font-size: 14px; line-height: 27px; height: 54px; overflow: hidden; }
.sec7 .mySwiper { padding: 0px 10px 60px; }
.sec7 .swiper-slide a .text h3 { font-size: 16px; line-height: 35px; height: 70px; }
.sec7 .swiper-pagination-bullet { width: 12px; height: 12px; }
.sec8 { padding: 30px 0 50px; border-bottom-left-radius: 0; }
.sec8 .title h2 { font-size: 26px; }
.sec8 .title p { font-size: 15px; margin: 10px 0 20px; }
.sec8 .text { width: 100%; }
.sec8 .text p { font-size: 15px; line-height: 30px; margin-bottom: 40px; }
.sec8 .text .box { position: relative; display: none; }
.sec8 .pho { width: 100%; margin: 4% 0 0 0; }
.sec8 .text2 { display: none; }
.sec9 { display: none; }
.sec10 li { width: 50%; padding: 10px; }
.sec10 li:last-child { display: none; }
.sec10 li a h3 { font-size: 15px; line-height: 36px; font-weight: 500; }
}