.bannerSwiper .swiper-pagination, .bannerSwiper .swiper-button-next:after, .bannerSwiper .swiper-button-prev:after { color: #0068b7; }
.sec1 .ul1 li { float: left; width: 12.5%; padding: 10px; box-sizing: border-box; }
.sec1 .ul1 li a { display: block; background: #0068b7; color: #fff; font-size: 16px; text-align: center; line-height: 50px; border-radius: 4px; }
.sec1 .ul2 li { width: 25%; float: left; padding: 20px 26px; box-sizing: border-box; }
.sec1 .ul2 li a h3 { padding: 14px 0; text-align: center; white-space: nowrap; overflow: hidden; position: relative; text-overflow: ellipsis; border-top: 1px solid #edf6ff; z-index: 1; font-size: 17px; }
.sec1 .ul2 li a h3:after { content: ""; position: absolute; width: 50px; left: 50%; transform: translateX(-50%); bottom: 0px; height: 5px; border-radius: 3px; background: #0068b7; }
.sec1 .ul2 li a { padding-bottom: 14px; display: block; border: 1px solid #dedede; position: relative; overflow: hidden; }
.sec1 .ul2 li a .bg { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0 104 183); z-index: 100; transform: translateY(-60%); opacity: 0; transition: 0.3s; }
.sec1 .ul2 li a .bg span { display: block; width: 50px; height: 50px; line-height: 44px; text-align: center; background: #fff; color: #0068b7; font-size: 42px; border-radius: 50%; margin: 30% auto 0; }
.sec1 .ul2 li a h4 { position: absolute; z-index: 100; bottom: 40%; left: 0; right: 0; text-align: center; color: #fff; white-space: nowrap; overflow: hidden; font-size: 17px; text-overflow: ellipsis; padding-bottom: 14px; }
.sec1 .ul2 li a h4:after { content: ""; width: 40px; height: 4px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; background: #fff; }
.sec1 .ul2 li a p { position: absolute; z-index: 100; bottom: 30%; left: 0; right: 0; text-align: center; color: #fff; font-size: 15px; }
.sec1 .ul2 li a:hover .bg { opacity: 1; transform: translateY(0); }
.sec2 { padding-bottom: 40px; }
.sec2 .container { position: relative; padding-bottom: 70px; }
.sec2 .container .swiper-slide a { display: block; border: 1px solid #ddd; }
.sec2 .container .swiper-slide .text { padding: 61px 35px 41px; text-align: center; }
.sec2 .container .swiper-slide .text h3 { font-size: 18px; color: #2b2b2b; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sec2 .container .swiper-slide .text p { font-size: 14px; color: #555; line-height: 1.75; margin-top: 30px; }
.sec2 .container .swiper-slide .pho { position: relative; }
.sec2 .container .swiper-slide .pho span { display: block; width: 70px; height: 70px; background: #fff; border-radius: 50%; position: absolute; left: 50%; bottom: -35px; transform: translateX(-50%); z-index: 100; box-shadow: 0 0 10px 1px #ccc; }
.sec2 .container .swiper-slide:nth-child(2n) .pho:first-child { display: none; }
.sec2 .container .swiper-slide:nth-child(2n) .text { padding: 41px 35px 61px; }
.sec2 .container .swiper-slide:nth-child(2n) .pho span { bottom: inherit; top: -35px; }
.sec2 .container .swiper-slide:nth-child(odd) .pho:last-child { display: none; }
.sec2 .container .swiper-slide .pho span { background: #fff url(../images/icon7.png) no-repeat top 12px center; background-size: 46px; }
.sec2 .container .swiper-slide:nth-child(3) .pho span, .sec2 .container .swiper-slide:nth-child(4) .pho span { background-image: url(../images/icon8.png); }
.sec2 .container .swiper-slide:nth-child(5) .pho span, .sec2 .container .swiper-slide:nth-child(6) .pho span { background-image: url(../images/icon9.png); }
.sec2 .container .swiper-slide:hover .pho span { background-color: #0068b7; background-position: bottom 12px center; background-size: 46px; }
.sec2 .container .swiper-pagination-bullet { background: #efefef; opacity: 1; width: 14px; height: 14px; margin: 0 8px; }
.sec2 .container .swiper-pagination-bullet-active { background: url(../images/icon10.png) no-repeat; background-size: 22px; width: 22px; height: 22px; position: relative; top: 3px; }
.sec2 .swiper-button-next { right: -70px; width: 50px; height: 50px; background: url(../images/icon11.png) no-repeat center; background-size: cover; margin-top: -56px; }
.sec2 .swiper-button-prev { left: -70px; width: 50px; height: 50px; background: url(../images/icon12.png) no-repeat center; background-size: cover; margin-top: -56px; }
.sec2 .swiper-button-prev:after, .sec2 .swiper-button-next:after { display: none; }
.sec3 { background: url(../images/aboutbg.jpg) no-repeat bottom left; background-size: cover; height: 756px; }
.sec3 .container { padding: 6% 5% 0 38%; }
.sec3 .text h3 { font-size: 36px; font-weight: 500; }
.sec3 .text span.line { display: block; margin: 24px 0; position: relative; width: 64px; height: 5px; border-radius: 4px; overflow: hidden; }
.sec3 .text span.line::before { content: ""; width: 32px; height: 5px; background: #0068b7; position: absolute; left: 0; top: 0; z-index: 100; }
.sec3 .text span.line::after { content: ""; width: 32px; height: 5px; background: #ff901e; position: absolute; right: 0; top: 0; z-index: 100; }
.sec3 .text p { line-height: 32px; color: #555; font-size: 16px; }
.sec3 .text a { display: block; width: 140px; line-height: 42px; background-color: #0068b75; color: #fff; float: right; border-radius: 22px; text-align: center; margin-top: 40px; }
.sec4 { background: url(../images/bg10.jpg) no-repeat center left; background-size: cover; position: relative; }
.sec4 .tit { width: 20%; position: absolute; left: 16%; top: 50px; }
.sec4 .dl { width: 64%; margin-left: 36%; background: rgba(0, 0, 0, .2); }
.sec4 .dl dl { width: 50%; float: left; padding: 80px 45px 60px; box-sizing: border-box; border-right: 1px solid #fff; color: #fff; border-bottom: 1px solid #fff; position: relative; }
.sec4 .dl dl:nth-child(3), .sec4 .dl dl:nth-child(4) { border-bottom: none; }
.sec4 .dl dl:nth-child(even) { border-right: none; }
.sec4 .dl dl b { display: block; font-size: 60px; opacity: 0.2; position: absolute; left: -10px; top: -40px; }
.sec4 .dl dl dt { position: relative; }
.sec4 .dl dl span { display: block; width: 80px; position: absolute; left: 0; top: 0; }
.sec4 .dl dl h3 { font-size: 20px; line-height: 60px; padding-left: 80px; }
.sec4 .dl dl dd { font-size: 16px; line-height: 32px; margin-top: 20px; }
.sec5 .tBox { background: #f9f7f5 }
.sec5 .tBox .titl { width: 50%; box-sizing: border-box; padding: 0% 0 0 10%; background: #f9f7f5 url(../images/in_news_title_bg.png) no-repeat right bottom; background-size: 60%; overflow: hidden; }
.sec5 .tBox .titl h2 { font-size: 36px; color: #0068b7; margin-top: 6%; }
.sec5 .tBox .titl strong { color: #d6d6d6; font-size: 38px; font-weight: 500; margin: 12px 0 40px; display: block; }
.sec5 .tBox .titl a { display: block; width: 160px; line-height: 50px; border: 1px solid #ddd; color: #666; text-align: center; }
.sec5 .tBox .titl a:hover { color: #fff; background: #0068b7; }
.sec5 dl { width: 50%; overflow: hidden; background: #fff; }
.sec5 dl dt { width: 50%; float: left; overflow: hidden; }
.sec5 dl dt img { transition: 0.5s; }
.sec5 .tBox dl a { display: block; }
.sec5 dl dd { width: 50%; float: right; position: relative; }
.sec5 dl dd .box { text-align: center; width: 100%; padding: 10% 10%; position: relative; box-sizing: border-box; }
.sec5 dl dd .box b { font-size: 160px; color: #aaa; position: absolute; left: 10px; bottom: -30%; opacity: 0.1; }
.sec5 dl dd .box span.time { color: #666; font-size: 14px; }
.sec5 dl dd .box h3 { font-size: 18px; margin: 12px 0; color: #0068b7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sec5 dl dd .box p { font-size: 15px; line-height: 30px; height: 60px; overflow: hidden; }
.sec5 dl dd .box span.more { display: block; width: 108px; line-height: 40px; border: 1px solid #aaa; color: #666; margin: 30px auto 0; }
.sec5 dl:hover dd .box span.more { background: #0068b7; color: #fff; border-color: #0068b7; }
.sec5 .bBox dl dt { float: right; }
.sec5 .bBox dl dd { float: left; }
.sec5 dl dd:after { content: ""; width: 0; height: 0; border-top: 10px solid transparent; border-right: 10px solid #fff; border-bottom: 10px solid transparent; position: absolute; left: -10px; top: 50%; margin-top: -5px; z-index: 100; }
.sec5 .bBox dl dd:after { left: inherit; right: -10px; transform: rotate(180deg); }
.sec5 dl:hover dt img { transform: scale(1.1); }
.sec5 dl:hover dd .box h3 { color: #ff901e; }
.sec6 { background: url(../images/bg3.jpg) no-repeat center; padding-bottom: 30px; background-size: cover; }
.sec6 ul.list { text-align: center; padding-bottom: 30px; }
.sec6 ul.list li { display: inline-block; margin: 0 10px; }
.sec6 ul.list li a { display: block; width: 150px; line-height: 46px; border-radius: 23px; font-size: 16px; color: #fff; background-color: #0068b7; text-align: center; }
.sec6 ul.list li.on a { background: #f78612; }
.sec6 .container .tbox1 { background: rgba(255, 255, 255, .4); }
.sec6 .container .lBox { width: 30%; padding: 15px; box-sizing: border-box; }
.sec6 .container span.tt { display: block; float: right; margin-top: -15px; padding: 4px 8px; font-size: 14px; color: #0068b7; background: #dcf0fb; }
.sec6 .container h3 { font-size: 20px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 40px; margin: 10px 0 20px; }
.sec6 .container .text p { font-size: 14px; color: #666; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 30px; }
.sec6 .container .tim { font-size: 12px; color: #999; }
.sec6 .container .text a { display: block; }
.sec6 .container .lBox .text a { padding: 20px 10px 0; }
.sec6 .container .lBox .text p { margin-bottom: 12px; }
.sec6 .container .rBox { width: 69%; }
.sec6 .container .rBox .text { width: 50%; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.sec6 .container .rBox .text a { padding: 40px 20px; }
.sec6 .container .rBox .text:nth-child(3), .sec6 .container .rBox .text:nth-child(4) { border-bottom: none; }
.sec6 .container ul.list2 { padding: 20px; background: rgba(255, 255, 255, .4); margin-top: 30px; }
.sec6 .container .list2 li { width: 50%; float: left; padding: 0 15px; box-sizing: border-box; }
.sec6 .container .list2 li a { display: block; line-height: 45px; border-bottom: 1px dashed #efefef; position: relative; }
.sec6 .container .list2 li p { font-size: 14px; padding: 0 90px 0 30px; background: url(../images/icon56.png) no-repeat left center; background-size: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sec6 .container .list2 li:hover p { color: #0068b7; background-image: url(../images/icon57.png); }
.sec6 .container .list2 li span { display: block; font-size: 14px; color: #666; position: absolute; right: 0; top: 0; }
.sec6 .more a { border: 1px solid #b3b3b3; }
.sec7 { padding-bottom: 30px; }
.sec7 .container { padding: 0 3%; position: relative; }
.sec7 .swiper { height: 750px; }
.sec7 .swiper-slide { height: calc((100% - 40px) / 2); }
.sec7 .swiper-slide a { display: block; background: #ececec; border-radius: 8px; overflow: hidden; }
.sec7 .swiper-slide .pho { position: relative; }
.sec7 .swiper-slide .pho:after { content: ""; width: 56px; height: 56px; background: url(../images/icon18.png) no-repeat center; background-size: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; }
.sec7 .swiper-slide h3 { line-height: 60px; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sec7 .swiper-button-next { right: -50px; width: 50px; height: 50px; background: url(../images/icon11.png) no-repeat center; background-size: cover; margin-top: -56px; }
.sec7 .swiper-button-prev { left: -50px; width: 50px; height: 50px; background: url(../images/icon12.png) no-repeat center; background-size: cover; margin-top: -56px; }
.sec7 .swiper-button-prev:after, .sec7 .swiper-button-next:after { display: none; }
.sec8 { padding: 100px 0; background: url(../images/bg4.jpg) no-repeat center; }
.sec8 .container { padding: 80px 0; width: 85%; background: url(../images/bg2.png) no-repeat right center; }
.sec8 .container span { font-size: 14px; text-transform: uppercase; }
.sec8 .container h2 { font-size: 48px; margin: 30px 0 100px; }
.sec8 .container p { width: 400px; font-size: 16px; margin-bottom: 200px; }
.sec8 .container a.lx { display: block; width: 150px; line-height: 48px; background-color: #0068b7; color: #fff; text-align: center; font-size: 15px; }
#sy { margin-bottom: 15px; }
#sy .fLink { margin-top: 20px; }
#sy .fLink h3 { font-size: 17px; color: #6d8e96; margin-bottom: 10px; }
#sy .fLink a {padding-left: 6px; display: inline-block; color: #6d8e96; font-size: 14px; }
 @media all and (min-width: 1024px) and (max-width: 1680px) {
.sec1 .ul2 li { padding: 20px 16px; }
.sec5 dl dd .box { padding: 8%; }
}
 @media all and (min-width: 1024px) and (max-width: 1600px) {
.sec1 .ul1 li { padding: 8px; }
.sec1 .ul1 li a { line-height: 45px; font-size: 15px; }
.sec3 { height: 650px; }
.sec4 .container dl p { font-size: 15px; width: 60% }
.sec5 dl dd .box { padding: 6%; }
.sec5 dl dd .box b { bottom: -44%; }
.sec5 .tBox .titl h2 { margin-top: 4%; font-size: 34px; }
.sec5 .tBox .titl { padding-left: 5%; }
.sec5 .tBox .titl strong { font-size: 32px; margin-bottom: 26px; }
.sec5 .tBox .titl a { width: 140px; line-height: 46px; }
.sec7 .swiper { height: 675px; }
.sec8 { padding: 40px 0; }
.sec8 .container { padding: 50px 0; background-size: 80%; }
.sec8 .container h2 { margin-bottom: 60px; }
.sec8 .container p { margin-bottom: 120px; }
}
 @media all and (min-width: 1024px) and (max-width: 1440px) {
.sec .more a { width: 160px; padding-left: 30px; line-height: 42px; font-size: 14px; }
.sec1 .fr h2 { font-size: 30px; }
.sec1 .fr li { padding: 0 10px; }
.sec1 .fr p { font-size: 16px; }
.sec .more a:after { width: 36px; height: 36px; }
.sec1 .fl .pho { width: 70%; }
.sec1 .fr a.mor { margin-top: 85px; line-height: 46px; width: 140px; }
.sec2 .container .swiper-slide:nth-child(2n) .text { padding: 41px 15px 60px; }
.sec2 .container .swiper-slide .text { padding: 60px 15px 41px; }
.sec2 .container .swiper-slide .text p { height: 48px; margin-top: 20px; overflow: hidden; }
.sec7 .swiper { height: 600px; }
.sec7 .swiper-slide h3 { line-height: 50px; }
.sec5 dl dd .box span.more { width: 80px; line-height: 34px; margin-top: 10px; }
.sec5 dl dd .box p { font-size: 14px; line-height: 27px; height: 54px; }
.sec6 .container h3 { font-size: 18px; }
.sec6 .container .text p { margin-bottom: 15px; }
.sec6 .container .rBox .text a { padding-top: 26px; }
.sec8 .container h2 { font-size: 42px; }
.sec8 .container p { font-size: 14px; }
.sec8 .container a.lx { line-height: 40px; }
}
 @media all and (min-width: 1024px) and (max-width: 1400px) {
.sec2 .container .swiper-slide .pho span { width: 56px; height: 56px; background-size: 36px; background-position: top 10px center; }
.sec2 .container .swiper-slide:hover .pho span { background-position: bottom 10px center; background-size: 36px; }
.sec3 .text h3 { font-size: 32px; }
.sec2 .swiper-button-prev { width: 44px; height: 44px; left: -52px; }
.sec2 .swiper-button-next { width: 44px; height: 44px; right: -52px; }
}
 @media all and (min-width: 1024px) and (max-width: 1366px) {
.sec1 .ul1 li a { line-height: 40px; font-size: 14px; }
.sec1 .ul2 li a h3, .sec1 .ul2 li a .bg h4 { font-size: 16px; }
.sec3 { height: 550px; }
.sec3 .text h3 { font-size: 28px; }
.sec3 .text p { font-size: 15px; line-height: 27px; }
.sec3 .text a { width: 124px; font-size: 14px; line-height: 34px; }
.sec7 .swiper-button-prev { width: 40px; height: 40px; left: -20px; }
.sec7 .swiper-button-next { width: 40px; height: 40px; right: -20px; }
.sec4 .dl dl { padding: 50px 30px; }
.sec4 .dl dl dd { font-size: 14px; line-height: 27px; }
.sec4 .dl dl h3 { font-size: 18px; padding-left: 72px; line-height: 50px; }
.sec4 .dl dl span { width: 66px; }
.sec5 .tBox .titl h2 { font-size: 28px; }
.sec5 .tBox .titl a { line-height: 34px; width: 134px; font-size: 14px; }
.sec6 ul.list li a { width: 140px; line-height: 36px; font-size: 15px; }
}
 @media all and (min-width: 1024px) and (max-width: 1300px) {
.sec1 .ul1 li { padding: 6px; }
.sec1 .ul2 li { padding: 15px 14px; }
.sec2 .swiper-button-next { right: -40px; width: 36px; height: 36px; }
.sec2 .swiper-button-prev { left: -40px; width: 36px; height: 36px; }
.sec5 dl dd .box { padding: 4%; }
}
 @media all and (min-width: 0) and (max-width: 767px) {
.bannerSwiper .swiper-button-next:after, .bannerSwiper .swiper-button-prev:after { font-size: 34px; }
.bannerSwiper .swiper-pagination { font-size: 15px; }
.sec1 .ul1 li { width: 50%; padding: 6px 8px; }
.sec1 .ul1 li a { font-size: 14px; line-height: 40px; }
.sec1 .ul2 li { width: 50%; padding: 10px 8px; }
.sec1 .ul2 li a h3 { padding: 10px 0; font-size: 15px; }
.sec1 .ul2 li a h3:after { height: 4px; }
.sec1 .ul2 li a { padding-bottom: 10px; }
.sec1 .ul2 li a .bg { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(30, 133, 228, .95); z-index: 100; transform: translateY(-60%); opacity: 0; transition: 0.3s; }
.sec1 .ul2 li a .bg span { display: block; width: 50px; height: 50px; line-height: 44px; text-align: center; background: #fff; color: #0068b7; font-size: 42px; border-radius: 50%; margin: 30% auto 0; }
.sec1 .ul2 li a h4 { position: absolute; z-index: 100; bottom: 40%; left: 0; right: 0; text-align: center; color: #fff; white-space: nowrap; overflow: hidden; font-size: 17px; text-overflow: ellipsis; padding-bottom: 14px; }
.sec1 .ul2 li a h4:after { content: ""; width: 40px; height: 4px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; background: #fff; }
.sec1 .ul2 li a:hover .bg { opacity: 1; transform: translateY(0); }
.sec2 .container { padding-bottom: 40px; margin: 0 30px; width: auto; }
.sec2 .swiper-button-next { right: -20px; width: 40px; height: 40px; }
.sec2 .swiper-button-prev { left: -20px; width: 40px; height: 40px; }
.sec3 { padding-bottom: 100px; background-size: 100%; height: inherit; }
.sec3 .container { padding: 10px; }
.sec3 .text h3 { font-size: 26px; }
.sec3 .text span.line { margin: 13px 0; width: 54px; height: 4px; border-radius: 2px; }
.sec3 .text span.line::before { width: 27px; height: 4px; }
.sec3 .text span.line::after { width: 27px; height: 4px; }
.sec3 .text p { line-height: 30px; font-size: 15px; }
.sec3 .text a { width: 126px; line-height: 36px; margin-top: 20px; }
.sec4 { display: none; }
.sec5 dl { width: 90%; margin: 0 auto 20px; box-shadow: 0 0 10px rgba(0, 0, 0, .4); }
.sec5 dl dt { width: 100%; float: inherit; overflow: hidden; height: inherit !important; }
.sec5 dl dd { width: 100%; float: inherit; display: block; height: inherit !important; }
.sec5 dl dd .box { display: block; box-sizing: border-box; padding-top: 20px; }
.sec5 dl dd .box h3 { font-size: 16px; margin: 12px 0; }
.sec5 dl dd .box p { font-size: 14px; line-height: 28px; height: 56px; }
.sec5 dl dd .box span.more { width: 70px; line-height: 34px; margin: 10px auto 20px; }
.sec5 .bBox dl dt { float: inherit; }
.sec5 .bBox dl dd { float: inherit; }
.sec5 dl dd:after { display: none; }
.sec5 .bBox dl dd:after { display: none; }
.sec5 dl:hover dt img { transform: scale(1); }
.sec6 { background: url(../images/bg3.jpg) no-repeat center; padding-bottom: 20px; background-size: cover; }
.sec6 ul.list { text-align: center; padding-bottom: 15px; }
.sec6 ul.list li { margin: 0 3px; }
.sec6 ul.list li a { width: 110px; line-height: 36px; border-radius: 18px; font-size: 15px; }
.sec6 .container .lBox { width: 100%; padding: 15px 22px; border-bottom: 1px dashed #dedede; }
.sec6 .container span.tt { padding: 3px 8px; font-size: 13px; }
.sec6 .container h3 { font-size: 17px; line-height: 34px; margin: 5px 0 12px; }
.sec6 .container .text p { margin-bottom: 20px; }
.sec6 .container .rBox { width: 100%; }
.sec6 .container .rBox .text { width: 100%; }
.sec6 .container .rBox .text a { padding: 30px 25px; }
.sec6 .container .rBox .text:nth-child(3), .sec6 .container .rBox .text:nth-child(4) { border-bottom: 1px dashed #dedede; }
.sec6 .container ul.list2 { padding: 10px; }
.sec6 .container .list2 li { width: 100%; float: inherit; padding: 0 8px; }
.sec6 .container .list2 li a { line-height: 40px; }
.sec7 { padding-bottom: 30px; }
.sec7 .container { padding: 0 0; margin: 0 50px; width: auto; }
.sec7 .swiper { height: 520px; }
.sec7 .swiper-slide { height: calc((100% - 40px) / 2); }
.sec7 .swiper-slide h3 { line-height: 50px; font-size: 16px; }
.sec7 .swiper-button-next { right: -45px; width: 36; height: 36px; background-size: 36px; margin-top: -30px; }
.sec7 .swiper-button-prev { left: -45px; width: 36px; height: 36px; background-size: 36px; margin-top: -30px; }
.sec8 { display: none; }
#sy{ margin-bottom:15px;}
#sy .fLink { margin-top: 20px; }
#sy .fLink h3 { font-size: 17px; color: #7fa5c9; margin-bottom: 10px; }
#sy .fLink a { display: inline-block; color: #7fa5c9; font-size: 14px; }
}