.bannerswiper .swiper-button-prev:after, .bannerswiper .swiper-button-next:after { color: #fff }
.bannerswiper .swiper-pagination span { margin: 0 6px; border: 2px solid #258cd2; opacity: 1; }
.bannerswiper .swiper-pagination-bullet-active { background: none; }
.sec1 { padding-top: 40px; }
.sec1 .ul1 { margin: 20px 5% 0; }
.sec1 .ul1 li { width: 10%; float: left; text-align: center; float: left; }
.sec1 .ul1 li a { display: block; color: #333; padding: 34px 20px; transition: 0.3s; }
.sec1 .ul1 li a span { display: block; width: 50px; margin: 0 auto 12px; height: 50px; background: url(../images/icon1.png) no-repeat center; background-size: 100%; }
.sec1 .ul1 li:nth-child(2) a span { background-image: url(../images/icon2.png); }
.sec1 .ul1 li:nth-child(3) a span { background-image: url(../images/icon3.png); }
.sec1 .ul1 li:nth-child(4) a span { background-image: url(../images/icon4.png); }
.sec1 .ul1 li:nth-child(5) a span { background-image: url(../images/icon5.png); }
.sec1 .ul1 li:nth-child(6) a span { background-image: url(../images/icon6.png); }
.sec1 .ul1 li:nth-child(7) a span { background-image: url(../images/icon7.png); }
.sec1 .ul1 li:nth-child(8) a span { background-image: url(../images/icon8.png); }
.sec1 .ul1 li:nth-child(9) a span { background-image: url(../images/icon8-1.png); }
.sec1 .ul1 li:nth-child(10) a span { background-image: url(../images/icon9-1.png); }

.sec1 .ul1 li a p { font-size: 17px; }
.sec1 .ul1 li.on a { background: #f7f7f7; border-radius: 20px 20px 0 0; color: #0f3854; }
.sec1 .ul1 li.on a p { font-weight: 600; }
.sec1 .tab { background: #f7f7f7; padding: 50px 0; margin-top: -5px; }
.sec1 .tab li { width: 25%; float: left; padding: 0 20px; box-sizing: border-box; }
.sec1 .tab li a { display: block; border-radius: 8px; overflow: hidden; color: #fff; position: relative; padding-bottom: 60px; }
.sec1 .tab li a .pho { position: relative; z-index: 90; }
.sec1 .tab li a .text { background: #258cd2; padding: 30px; position: absolute; left: 0; right: 0; bottom: 0; z-index: 100; height: 66px; box-sizing: border-box; overflow: hidden; transition: 0.3s; }
.sec1 .tab li a .text h3 { font-size: 18px; font-weight: normal; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sec1 .tab li a .text p { font-size: 15px; height: 0; overflow: hidden; line-height: 30px; transition: 0.3s; }
.sec1 .tab li:hover a .text { height: auto; background: #da9e44; }
.sec1 .tab li:hover a .text p { height: 60px; margin-top: 8px; }
.sec2 { background: #fff; padding: 30px 0 40px; position: relative; overflow: hidden; }
.sec2 .container { position: relative; }
.sec2 .swiper-container { margin: 0 120px;  }
.sec2 .swiper-slide { padding: 12px; box-sizing: border-box; }
.sec2 .swiper-slide a { display: block; background-color: #fff; border-radius: 10px; overflow: hidden; position: relative; box-shadow: 0 0 12px rgba(149, 217, 248, 0.3); }

.sec2 .swiper-slide a:after { content: ""; width: 200px; height: 130px; position: absolute; right: -30px; bottom: -30px; background: url(../images/pho2.png) no-repeat center; background-size: cover; opacity: 0.2; }
.sec2 .swiper-slide .pho { width: 40%; position: relative; z-index: 100; }
.sec2 .swiper-slide .text { width: 60%; padding: 50px 50px 0; box-sizing: border-box; position: relative; z-index: 100; }
.sec2 .swiper-slide .text h3 { font-size: 26px; line-height: 46px; font-family: "思源黑体 CN"; color: #333;/* -webkit-mask: linear-gradient(to bottom, #258cd2, #07589c); */
}
.sec2 .swiper-slide .text h4 { font-size: 22px; font-weight: normal; margin: 20px 0 14px; color: #444; position: relative; padding-left: 42px; }
.sec2 .swiper-slide .text h4:before { content: ""; width: 34px; height: 6px; border-radius: 3px; background: -webkit-linear-gradient(56deg, #3fadf7 0, #258cd2 47%, #07589c 100%); position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.sec2 .swiper-slide .text p { font-size: 15px; line-height: 30px; color: #666; height: 240px; padding-top:26px; overflow: hidden }
.sec2 .swiper-slide .text span { display: block; text-align: right; font-size: 14px; color: #999; margin-top: 30px; padding-right: 20px; background: url(../images/next1.png) no-repeat right center; background-size: 18px; }
.sec2 .swiper-slide:hover .text span { color: #258cd2; background-image: url(../images/next2.png); }
.sec2 .swiper-pagination span { width: 70px; height: 70px; background: url(../images/icon9-1.png) no-repeat center; background-size: 50px; margin: 0 20px; }
.sec2 .swiper-pagination span:nth-child(2) { background-image: url(../images/icon10-1.png); }
.sec2 .swiper-pagination span:nth-child(3) { background-image: url(../images/icon11-1.png); }
.sec2 .swiper-pagination span:nth-child(4) { background-image: url(../images/icon12-1.png); }
.sec2 .swiper-pagination span:nth-child(5) { background-image: url(../images/icon13-1.png); }
.sec2 .swiper-pagination span:nth-child(6) { background-image: url(../images/icon14-1.png); }
.sec2 .swiper-pagination span:nth-child(7) { background-image: url(../images/icon15-1.png); }
.sec2 .swiper-pagination-bullet-active { border: 2px dashed #258cd2; padding: 6px; }
.sec2 .swiper-pagination { bottom: 0; }
.sec2 .swiper-button-next::after, .sec2 .swiper-button-prev::after { display: none; }
.sec2 .swiper-button-prev { width: 40px; height: 40px; top: 40%; background: url(../images/prev3.png) no-repeat center; background-size: 40px; }
.sec2 .swiper-button-next { width: 40px; height: 40px; top: 40%; background: url(../images/next3.png) no-repeat center; background-size: 40px; }
.sec3 { padding: 40px 0; }
.sec3 .container { position: relative; padding-bottom: 8%; }
.sec3 li { width: 20%; padding: 20px; box-sizing: border-box; }
.sec3 li .pho { position: relative; }
.sec3 li .pho:before { content: ""; position: absolute; left: 40px; top: 40px; right: 40px; bottom: 40px; transform: rotate(45deg); box-shadow: 0 0 10px rgba(0, 0, 0, .2); z-index: -1; }
.sec3 li:nth-child(odd) { float: left; }
.sec3 li:nth-child(even) { position: absolute; top: 35%; }
.sec3 li:nth-child(2) { left: 10%; }
.sec3 li:nth-child(4) { left: 30%; }
.sec3 li:nth-child(6) { left: 50%; }
.sec3 li:nth-child(8) { left: 70%; }
.sec5 { background: url(../images/bg4.jpg) no-repeat; padding: 60px 0; background-size: cover; }
.sec5 .text { width: 50%; overflow: hidden; color: #fff; }
.sec5 .text h2 { font-size: 46px; font-weight: normal; }
.sec5 .text h3 { font-size: 42px; font-weight: normal; margin: 10px 0 20px; padding-left: 70px; position: relative; }
.sec5 .text h3:before { content: ""; width: 60px; height: 1px; background: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.sec5 .text p { font-size: 16px; line-height: 40px; text-indent: 2em; height: 200px; overflow: hidden; }
.sec5 .text a { display: block; width: 140px; line-height: 36px; border-radius: 20px; font-size: 15px; text-align: center; border: 1px dashed #fff; color: #fff; margin: 40px 0 60px; float: right; }
.sec5 ul { background: #fff; }
.sec5 ul li { width: 25%; float: left; padding: 30px 10px 30px 120px; box-sizing: border-box; position: relative; border-right: 1px solid rgba(216, 216, 216, 0.3); transition: 0.3s; }
.sec5 ul li span { display: block; position: absolute; left: 40px; top: 25px; height: 66px; width: 60px; background: url(../images/icon26.png) no-repeat center; background-size: cover; transition: 0.3s; }
.sec5 ul li:nth-child(2) span { background-image: url(../images/icon27.png); }
.sec5 ul li:nth-child(3) span { background-image: url(../images/icon28.png); }
.sec5 ul li:nth-child(4) span { background-image: url(../images/icon29.png); }
.sec5 ul li:hover { background: #258cd2; }
.sec5 ul li:hover h4, .sec5 ul li:hover p { color: #fff; }
.sec5 ul li:hover span { background-image: url(../images/icon26-1.png); }
.sec5 ul li:nth-child(2):hover span { background-image: url(../images/icon27-1.png); }
.sec5 ul li:nth-child(3):hover span { background-image: url(../images/icon28-1.png); }
.sec5 ul li:nth-child(4):hover span { background-image: url(../images/icon29-1.png); }
.sec5 ul li h4 { font-size: 20px; color: #555; margin-bottom: 6px; }
.sec5 ul li p { font-size: 14px; color: #999; }
.sec9 { padding: 40px 0; }
.sec9 li { width: 33.33%; float: left; padding: 20px 22px; box-sizing: border-box; }
.sec9 li a { display: block; border: 5px solid #dedede; }
.sec9 li .text { padding: 30px 30px 0; position: relative; }
.sec9 li .text:after { content: "+"; width: 50px; height: 50px; line-height: 50px; position: absolute; right: 0; bottom: 0; font-size: 36px; text-align: center; font-weight: bold; color: #efefef; background: #dedede; transition: 0.3s; }
.sec9 li:hover a { border: 5px solid #258cd2; }
.sec9 li:hover .text:after { background: #258cd2; color: #fff; }
.sec9 li .text h3 { font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sec9 li .text p { font-size: 15px; color: #666; line-height: 30px; margin: 13px 0; }
.sec9 li .text span { display: block; font-size: 14px; line-height: 50px; color: #999; }
.sec6 { padding: 40px 0; background: #fafafa; }
.sec6 .swiper-container { margin: 20px 6% 0; padding-bottom: 60px; }
.sec6 a { display: block; border-radius: 8px; overflow: hidden; }
.sec6 .pho { position: relative; }
.sec6 .pho:after { content: ""; width: 52px; height: 52px; background: url(../images/icon30.png) no-repeat center; background-size: cover; position: absolute; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.sec6 h3 { font-size: 20px; padding: 20px; background: #f3f3f3; color: #454545; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sec6 .swiper-pagination { line-height: 20px; display: flex; justify-content: center; align-items: center; }
.sec6 .swiper-pagination span { background: none; border: 2px solid #b6c7d9; width: 10px; height: 10px; margin: 0 6px; }
.sec6 .swiper-pagination .swiper-pagination-bullet-active { width: 20px; height: 20px; background: url(../images/pag.png) no-repeat center; background-size: cover; border: none; }
.sec4 { margin: 50px 0 40px; }
.sec4 .container { width: 83%; }
.sec4 .fl { width: 50%; padding: 0px 80px 20px 40px; box-sizing: border-box; }
.home-about-img { position: relative; }
.ino-dot { position: absolute; width: 8px; height: 8px; background: #fff; border: 3px solid #d6a458; border-radius: 50%; transition: ease .5s; }
.ino-dot h3 { font-size: 15px; line-height: 28px; color: #aaa; min-width: 35px; position: absolute; top: 150%; left: -100%; }
.ino-dot0 { top: 48.41%; left: 75.18%; }
.ino-dot1 { top: 37.41%; left: 72.18%; }
.ino-dot1 h3 { left: 15px; top: -10px; }
.ino-dot2 { top: 55.06%; left: 79.02%; }
.ino-dot3 { top: 61.4%; left: 83.73%; }
.ino-dot4 { top: 62.58%; left: 76.46%; }
.ino-dot5 { top: 63.46%; left: 64.90%; }
.ino-dot6 { top: 66.78%; left: 56.20%; }
.ino-dot7 { top: 72.20%; left: 71.89%; }
.ino-dot8 { top: 80.96%; left: 78.6%; }
.ino-dot9 { top: 82.69%; left: 83.52%; }
.ino-dot10 { top: 86.06%; left: 72.88%; }
.ino-dot11 { top: 32.06%; left: 82.88%; }
.ino-dot12 { top: 24.06%; left: 84.88%; }
.ino-dot13 { top: 16.06%; left: 86.88%; }
.ino-dot13 h3 { width: 50px }
.ino-dot14 { top: 35.06%; left: 63.88%; }
.ino-dot14 h3 { width: 80px; top: -30px; }
.ino-dot15 { top: 44.06%; left: 65.4%; }
.ino-dot16 { top: 43.06%; left: 70.4%; }
.ino-dot16 h3 { left: 20px; top: -10px; }
.ino-dot17 { top: 54.06%; left: 68.4%; }
.ino-dot18 { top: 72.06%; left: 66.4%; }
.ino-dot19 { top: 86.06%; left: 57.4%; }
.ino-dot20 { top: 95.06%; left: 62.4%; }
.ino-dot21 { top: 67.06%; left: 82.4%; }
.ino-dot22 { top: 76.06%; left: 54.4%; }
.ino-dot23 { top: 81.06%; left: 45.4%; }
.ino-dot24 { top: 65.06%; left: 47.4%; }
.ino-dot25 { top: 50.06%; left: 50.4%; }
.ino-dot26 { top: 45.06%; left: 54.4%; }
.ino-dot27 { top: 55.06%; left: 58.4%; }
.ino-dot28 { top: 47.06%; left: 43.4%; }
.ino-dot29 { top: 62.06%; left: 25.4%; }
.ino-dot30 { top: 29.06%; left: 20.4%; }
.ino-dot h3.inodot-le { left: 18px; top: -100%; }
.ino-dot9 h3 { left: 300%; top: -100%; }
.ino-dot3 h3 { left: 200%; top: -200%; }
.sec4 .fr { width: 50%; padding-left: 10%; padding-top: 5%; box-sizing: border-box; }
.sec4 .fr h4 { font-size: 30px; font-weight: normal; color: #555; line-height: 50px; letter-spacing: 2px; }
.sec4 .fr h4 span { color: #da9e44 }
.sec4 .fr p { font-size: 16px; color: #999; line-height: 32px; margin: 20px 0; }
.sec4 .fr a { display: block; width: 150px; line-height: 38px; background: #258cd2; color: #fff; text-align: center; border-radius: 18px; }
.sec7 { padding-top: 40px;  padding-bottom:40px;}
.sec7 .box .fl { width: 33.33%; padding: 15px 25px; box-sizing: border-box; }
.sec7 .box a { display: block; position: relative; }
.sec7 .box .tbox { border-radius: 5px 5px 0 0; overflow: hidden; background: #258cd2 url(../images/icon34.png) no-repeat left 10px center; background-size: 36px; line-height: 60px; padding: 0 10px 0 60px; }
.sec7 .fl:nth-child(2) .tbox { background-image: url(../images/icon36.png); }
.sec7 .fl:nth-child(3) .tbox { background-image: url(../images/icon37.png); }
.sec7 .box .tbox h3 { float: left; font-size: 20px; color: #fff; }
.sec7 .box .tbox a { font-size: 14px; color: #efefef; float: right; display: block; background: url(../images/jt.png) no-repeat right center; background-size: 15px; padding-right: 20px; }
.sec7 .box ul { padding: 5px 20px; border: 1px solid #ddd; }
.sec7 .box ul a { line-height: 50px; position: relative; padding-left: 16px; border-bottom: 1px dashed rgba(238, 238, 238, .8); }
.sec7 .box ul a:before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #dedede; position: absolute; left: 4px; top: 50%; transform: translateY(-50%); }
.sec7 .box ul a h3 { padding-right: 100px; font-size: 16px; font-weight: 500; color: #595757; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sec7 .box ul li:hover a h3 { color: #258cd2; }
.sec7 .box ul li:hover a:before { background: #258cd2; }
.sec7 .box ul a span { display: block; font-size: 14px; position: absolute; right: 0; top: 0; color: #81868e; }
.flink h2 { font-size: 24px; margin-bottom: 10px; font-weight: normal; color: #666;}
.flink span { font-size: 18px; text-transform: uppercase; display: inline-block; margin-left: 6px; }
.flink a { display: inline-block; padding: 0px 12px 0 6px; color: #666; line-height: 15px; margin: 6px 0; border-right: 1px solid #efefef }
 @media all and (min-width: 1024px) and (max-width: 1680px) {
.sec1 .ul1 li a { padding: 25px 10px; }
.sec1 .ul1 li a span { width: 45px; }
.sec1 .ul1 li a p { font-size: 17px; }
.sec1 .tab li a .text { padding: 25px 20px; height: 68px; }
.sec1 .tab li a .text h3 { font-size: 17px; }
.sec2 .swiper-container { margin: 0 80px; }
.sec2 .swiper-button-prev { left: 20px; }
.sec2 .swiper-button-next { right: 20px; }
.sec2 .swiper-slide .text { padding-top: 30px; }
.sec2 .swiper-slide a:after { top: -30px; bottom: inherit; opacity: 0.3; }
.sec5 .text h2 { font-size: 40px; }
.sec5 .text h3 { font-size: 36px; }
.sec5 ul li { padding-left: 100px; }
.sec5 ul li span { left: 20px; }
.sec3 li .pho:before { left: 30px; top: 30px; bottom: 30px; right: 30px; }
.sec6 h3 { font-size: 18px; }
.sec4 .fl { padding-right: 40px; }
}
 @media all and (min-width: 1024px) and (max-width: 1600px) {
.swiper-button-prev:after, .swiper-button-next:after { font-size: 37px; }
.swiper-pagination-bullet { width: 14px; height: 14px; }
.sec .more a { width: 132px; font-size: 14px; line-height: 38px; }
.sec .more a:after { top: 9px; }
.sec1 .ul1 li a p { font-size: 16px; }
.sec1 .ul1 li a span { width: 40px; }
.sec1 .tab li a .text h3 { font-size: 16px; }
.sec1 .tab li a .text p { font-size: 14px }
.sec2 .swiper-slide .text h3 { font-size: 22px; }
.sec2 .swiper-slide .text h4 { font-size: 18px; }
.sec9 li .text { padding: 25px 20px 0; }
.sec9 li .text h3 { font-size: 18px; }
.sec9 li .text p { font-size: 14px; line-height: 28px; }
.sec9 li .text:after { width: 40px; height: 40px; line-height: 40px; }
.sec5 .text a { width: 120px; font-size: 14px; }
.sec5 ul li { padding: 20px 20px 20px 80px; }
.sec5 ul li span { width: 56px; height: 62px; top: 15px; left: 12px; }
.sec5 ul li h4 { font-size: 18px; }
.sec5 ul li p { font-size: 13px; }
.sec6 h3 { font-size: 17px; }
.sec7 .box ul a h3 { font-size: 15px; padding-right: 80px; }
.sec7 .box ul a span { font-size: 13px; }
.ino-dot { transform: translate(-5px, -5px); }
.sec4 .fr { padding-top: 50px; }
.sec4 .fr h4 { font-size: 26px; }
.sec4 .fr p { font-size: 15px; }
.sec4 .fr a { width: 130px; line-height: 34px; }
}
 @media all and (min-width: 1024px) and (max-width: 1440px) {
.sec5 .text h2 { font-size: 34px; }
.sec5 .text h3:before { width: 44px; }
.sec5 .text h3 { font-size: 30px; padding-left: 52px; }
.sec5 .text p { font-size: 15px; line-height: 35px; letter-spacing: 1px; }
.sec5 ul li span { width: 48px; height: 54px; }
.sec5 ul li { padding: 20px 10px 20px 70px; }
.sec5 ul li h4 { font-size: 17px; }
.sec4 .fl { padding-left: 0; }
}
 @media all and (min-width: 1024px) and (max-width: 1400px) {
.sec1 .ul1 { margin: 20px 4% 0; }
.sec1 .tab li { padding: 0 15px; }
.sec7 .box .tbox { background-size: 32px; background-position: left 14px center; }
}
 @media all and (min-width: 1024px) and (max-width: 1400px) {
.sec1 .ul1 li a span { width: 36px; }
.sec1 .ul1 { margin: 20px 6% 0; }
.sec1 .ul1 li a p { font-size: 15px; }
.sec2 .swiper-pagination span { width: 60px; height: 60px; background-size: 44px; }
.sec2 .swiper-pagination-bullet-active { padding: 4px; background-size: 42px; }
.sec9 { padding-top: 0; }
.sec5 .text h2 { font-size: 32px; }
.sec5 .text h3 { font-size: 28px; }
.sec6 h3 { font-size: 16px; }
.ino-dot { border-width: 2px; }
.ino-dot h3 { font-size: 14px; font-weight: normal; }
}
 @media all and (min-width: 1024px) and (max-width: 1300px) {
.sec1 .ul1 { margin: 20px 3% 0; }
.sec2 .swiper-slide .text { padding-top: 20px; }
.sec2 .swiper-slide .text h4 { margin: 10px 0; }
.sec5 ul li p { font-size: 12px; }
.sec4 .fl { padding: 0; }
}
 @media all and (min-width: 992px) and (max-width: 1200px) {
.sec1 .ul1 li a p { font-size: 13px; }
.sec1 .tab li a { padding-bottom: 40px; }
.sec1 .ul1 { margin: 20px 2% 0; }
.sec1 .ul1 li a { padding: 20px 5px; }
.sec1 .tab li a .text { padding: 15px 12px; height: 46px; }
.sec1 .tab li a .text h3 { font-size: 14px; }
.sec1 .tab li a .text p { font-size: 13px; line-height: 20px; }
.sec2 .swiper-container { margin: 0 50px; }
.sec2 .swiper-slide .text { padding: 20px 20px 0; }
.sec2 .swiper-button-prev { width: 34px; height: 34px; left: 10px; background-size: 34px; }
.sec2 .swiper-button-next { width: 34px; height: 34px; right: 10px; background-size: 34px; }
.sec2 .swiper-slide .text h3 { font-size: 18px; }
.sec2 .swiper-slide .text h4 { font-size: 16px; }
.sec2 .swiper-slide .text h4:before { height: 4px; }
.sec2 .swiper-slide .text p { font-size: 14px; line-height: 26px; }
.sec2 .swiper-slide a:after { width: 140px; height: 90px; }
.sec9 li { padding: 15px 14px }
.sec9 li a { border-width: 3px; }
.sec9 li:hover a { border-width: 3px; }
.sec9 li .text:after { width: 30px; height: 30px; line-height: 30px; font-size: 23px; font-weight: normal; }
.sec9 li .text { padding: 15px 10px 0; }
.sec9 li .text h3 { font-size: 16px; }
.sec9 li .text p { font-size: 13px; line-height: 20px; }
.sec9 li .text span { line-height: 30px; }
.sec5 { background-position: right 32% center; }
.sec5 .text { width: 60%; }
.sec5 ul li span { width: 36px; height: 40px; }
.sec5 ul li { padding-left: 42px; padding-right: 0px; }
.sec5 ul li h4 { font-size: 15px; }
.sec5 ul li span { left: 4px; top: 21px; }
.sec3 .container { padding-bottom: 12%; }
.sec3 li { padding: 10px; }
.sec3 li:nth-child(even) { top: 42%; }
.sec3 li .pho:before { left: 20px; top: 20px; right: 20px; bottom: 20px; }
.sec6 .swiper-slide { margin-right: 20px !important; }
.sec6 h3 { padding: 12px; font-size: 15px; }
.sec6 .pho:after { width: 44px; height: 44px; }
.sec7 .box .fl { padding: 15px; }
.ino-dot { border-width: 1px; }
.ino-dot h3 { font-size: 12px; line-height: 20px; }
.sec4 .fr { padding-top: 20px; }
.sec4 .fr p { font-size: 13px; line-height: 22px; margin: 10px 0; }
.sec4 .fr h4 { line-height: 40px; font-size: 22px; }
}
 @media all and (min-width: 0) and (max-width: 767px) {
.bannerswiper .swiper-button-prev:after, .bannerswiper .swiper-button-next:after { font-size: 30px; }
.bannerswiper .swiper-button-prev { left: 10px; top: 60%; }
.bannerswiper .swiper-button-next { right: 10px; top: 60%; }
.bannerswiper .swiper-pagination span { width: 10px; height: 10px; }
.sec1 { padding-top: 30px; }
.sec1 .ul1 { margin: 0px 0% 0; }
.sec1 .ul1 li { width: 50%; padding: 8px 10px; box-sizing: border-box; }
.sec1 .ul1 li a { padding: 6px 0; background: #258cd2; color: #fff; border-radius: 5px; overflow: hidden; }
.sec1 .ul1 li a span { display: none }
.sec1 .ul1 li a p { font-size: 15px; }
.sec1 .ul1 li.on a { background: #258cd2; color: #fff; border-radius: 5px; }
.sec1 .ul1 li.on a p { font-weight: 100; }
.sec1 .tab { padding: 20px 20px; margin-top: 0px; }
.sec1 .tab li { width: 100%; float: inherit; padding: 0 20px 20px; }
.sec1 .tab li a .text { padding: 24px 10px; z-index: 100; height: 60px; }
.sec1 .tab li a .text h3 { font-size: 16px; }
.sec1 .tab li a .text p { font-size: 14px; line-height: 27px; }
.sec1 .tab li:hover a .text p { height: 54px; }
.sec2 { padding: 30px 0 20px; }
.sec2 .swiper-container { margin: 0 10px; padding-bottom: 40px; }
.sec2 .swiper-slide { padding: 10px; }
.sec2 .swiper-slide a { border-radius: 6px; box-shadow: 0 0 10px rgba(149, 217, 248, 0.5); }
.sec2 .swiper-slide .pho { width: 100%; }
.sec2 .swiper-slide .text { width: 100%; padding: 20px 20px 0; }
.sec2 .swiper-slide .text h3 { font-size: 17px; line-height: 36px; }
.sec2 .swiper-slide .text h4 { font-size: 15px; margin: 6px 0; padding-left: 32px; }
.sec2 .swiper-slide .text h4:before { width: 26px; height: 4px; border-radius: 2px; }
.sec2 .swiper-slide .text p { font-size: 14px; line-height: 27px; }
.sec2 .swiper-slide .text span { font-size: 13px; margin: 20px 0; }
.sec2 .swiper-pagination { display: none; }
.sec2 .swiper-button-prev { top: inherit; bottom: 0; }
.sec2 .swiper-button-next { top: inherit; bottom: 0; }
.sec3 { display: none; }
.sec5 { background: url(../images/bg4.jpg) no-repeat right center; padding: 30px 0; background-size: cover; }
.sec5 .text { width: 100%; padding: 0 10px; box-sizing: border-box; }
.sec5 .text h2 { font-size: 26px; }
.sec5 .text h3 { font-size: 22px; margin: 10px 0; padding-left: 50px; }
.sec5 .text h3:before { width: 34px; }
.sec5 .text p { font-size: 15px; line-height: 32px; }
.sec5 .text a { width: 120px; line-height: 33px; border-radius: 17px; font-size: 14px; margin: 30px 0; }
.sec5 ul { display: none; }
.sec9 { padding: 20px 0; }
.sec9 li { width: 100%; float: inherit; padding: 10px 22px; }
.sec9 li a { border: 4px solid #dedede; }
.sec9 li .text { padding: 20px 20px 0; }
.sec9 li .text:after { width: 40px; height: 40px; line-height: 40px; font-weight: normal; }
.sec9 li:hover a { border: 4px solid #258cd2; }
.sec9 li .text h3 { font-size: 15px; }
.sec9 li .text p { font-size: 14px; line-height: 27px; margin: 6px 0; }
.sec9 li .text span { font-size: 13px; line-height: 40px; }
.sec6 { padding: 20px 0; }
.sec6 .swiper-container { margin: 20px 5% 0; padding-bottom: 40px; }
.sec6 a { border-radius: 6px; }
.sec6 h3 { font-size: 16px; padding: 20px; }
.sec4 { margin: 20px 0 30px; }
.sec4 .container { width: 100%; padding: 0 10px; }
.sec4 .fl { width: 100%; padding: 0px 0px 20px 0px; }
.sec4 .fr { width: 100%; padding: 0 20px 0 30px; }
.sec4 .fr h4 { font-size: 24px; line-height: 40px; }
.sec4 .fr p { font-size: 14px; line-height: 27px; margin: 10px 0; }
.sec4 .fr a { width: 120px; line-height: 32px; border-radius: 16px; }
.sec7 { padding-top: 40px; padding-bottom:40px; }
.sec7 .box .fl { width: 100%; padding: 15px 20px; }
.sec7 .box .tbox { background-size: 26px; line-height: 52px; padding: 0 10px 0 40px; }
.sec7 .box .tbox h3 { font-size: 18px; }
.sec7 .box .tbox a { font-size: 13px; background-size: 13px; padding-right: 17px; }
.sec7 .box ul { padding: 5px 10px; }
.sec7 .box ul a { line-height: 40px; }
.sec7 .box ul a h3 { padding-right: 80px; font-size: 15px; }
.sec7 .box ul a span { font-size: 13px; }
.flink h2 { font-size: 16px; margin-bottom: 5px; }
.flink span { font-size: 14px; }
.flink a { line-height: 14px; }
}