.swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: none;left: 0px;right: auto;} .swiper-button-prev::after, .swiper-button-next::after{display: none;} .swiper-button-prev::before{content: "\e724";} .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: none;right: 0px;left: auto; } .swiper-button-next::before{content: "\e725";} .swiper-button-next, .swiper-button-prev { font-family: "iconfont"; font-size: 18px; text-align: center; color: #333; z-index: 10; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 1 !important;} * { margin: 0; padding: 0; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5%;} body {margin: 0 auto;font-family: MicrosoftYaHei, arial, helvetica, sans-serif;font-size: 12px;font-size: 1.2rem;height: 100%;background:#fff;width:100%;max-width:1920px;margin:0 auto; overflow-x:hidden;color: #333;} ::selection { color: #fff; background: #006FE8; } img {border: none; vertical-align: middle; max-width: 100%;} ul li {list-style-type: none;} ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;} embed, video, iframe { max-width: 100%; } input[type="submit"], textarea[type="submit"] { cursor: pointer; } input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; } input[type="radio"], textarea[type="radio"] { cursor: pointer; } input, textarea, select {font-size: 14px; font-size: 1.4rem; border: none; outline: none; background: none;font-family: MicrosoftYaHei;} input:focus, textarea:focus, select:focus { outline: none; } textarea { resize: none; } .h1, .h2, .h3, h1, h2, h3{margin: 0;padding: 0;font-weight: normal;} article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block} a {text-decoration: none;color: #333;outline: none; display: inline-block; } a:hover,a.active {color: #006FE8;text-decoration: none;transition: 0.5s ease-in-out;} a:hover {text-decoration: none;color: #006FE8;outline: none;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;cursor: pointer; } a:link{text-decoration: none;} a:visited{text-decoration: none;} button {-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;text-decoration: none;background-color: transparent;border: 0;cursor: pointer;} embed, video, iframe {max-width: 100%;} .mar0{margin: 0 !important;}.padd0{padding: 0 !important;} .iconfont{font-size: 20px; text-align: center; line-height: 1; } .flo-left{float: left;}.flo-right{float: right;}.clear{clear: both;} .pull-left { float: left !important; } .pull-right { float: right !important; } .fix { *zoom: 1; } .fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; } .posi-rela{position: relative;}.posi-abso{position: absolute;}.posi-fix{position: fixed;} .text-center{text-align: center;}.text-left{text-align: left;}.text-right{text-align: right;} .m-error { display: block; font-size: 14px;color: #FF0000;line-height: 18px;text-align: left;} .container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} @media (min-width:768px){.container{width:750px;}} @media (min-width:992px){.container{width:980px;}} @media (min-width:1260px){.container{width:1230px;}} @media (min-width:1460px){.container{width:1430px;}} ::-webkit-scrollbar {width: 4px;height: 3px;} ::-webkit-scrollbar-thumb{border-radius: 10px;box-shadow: inset 0 0 5px rgba(0,0,0,0);background : rgba(0,0,0,0);} ::-webkit-scrollbar-track {box-shadow: inset 0 0 5px rgba(0,0,0,0);border-radius: 0;background: rgba(0,0,0,0);} .iconfont {font-size: 16px;} .typed-cursor{opacity: 0;font-weight: 100;-webkit-animation: blink 0.7s infinite;-moz-animation: blink 0.7s infinite;-ms-animation: blink 0.7s infinite;-o-animation: blink 0.7s infinite;animation: blink 0.7s infinite;} /* @-keyframes blink{0% { opacity:1; }50% { opacity:0; }100% { opacity:1; }}@-webkit-keyframes blink{0% { opacity:1; }50% { opacity:0; }100% { opacity:1; }}@-moz-keyframes blink{0% { opacity:1; }50% { opacity:0; }100% { opacity:1; }}@-ms-keyframes blink{0% { opacity:1; }50% { opacity:0; }100% { opacity:1; }}@-o-keyframes blink{0% { opacity:1; }50% { opacity:0; }100% { opacity:1; }} */ .flex{display: flex;}.block{display: block;}.inblock{display: inline-block;} .self-ellipsis {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .self-ellipsis a{display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .self-ellipsis-2 {display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .self-ellipsis-2 a {display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .self-ellipsis-3 {display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .self-ellipsis-3 a {display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .self-ellipsis-4 {display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} .self-ellipsis-4 a {display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} .self-ellipsis-5 {display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 5;-webkit-box-orient: vertical;} .self-ellipsis-5 a {display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 5;-webkit-box-orient: vertical;} a.pic{display: block; text-align: center; position: relative; overflow: hidden;} .pic img {-webkit-transition: all 550ms;-o-transition: all 550ms;-moz-transition: all 550ms;transition: all 550ms;} .pic:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .picimgs a {position: relative;display: block;overflow: hidden;} .picimgs:hover a::before {right: 50%;left: 50%;width: 0;background: rgba(255, 255, 255, .2);} .picimgs a::before,.picimgs a::after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background: rgba(255, 255, 255, 0);transition: all 0.7s ease-in-out;} .picimgs:hover a::after {height: 0;top: 50%;bottom: 50%;background: rgba(255, 255, 255, .2);} .common-vc { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .common-hc { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .common-center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .layer-video{max-width: 90%!important;} #maskVideo{height: 100%;overflow: hidden;} .layer-video .layui-layer-setwin{z-index: 9999;} .scale-big img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; } .scale-big:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .scale-small img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .scale-small:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .flex-aj{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;} .flex-ac{display: flex;align-items: center;flex-wrap: wrap;} .flex-list{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} .flex-def { display: flex; display: -ms-flexbox; display: -webkit-flex;} .flex-vertical { -webkit-box-orient: vertical; -webkit-flex-flow: column; flex-flow: column;} .flex-line { flex: 1; -ms-flex: 1;} .flex-between { justify-content: space-between;} .flex-cCenter { align-items: center; } .item-table {display: table;table-layout: fixed;width: 100%;height: 100%;} .item-cell {display: table-cell;width: 100%;height: 100%;vertical-align: middle;} .item-backdrop .iconfont {font-size: 26px;color: #fff;position: relative;} .item-videobox {width: 100%;overflow: hidden;margin: 0 auto;} .item-videobox .item-video iframe, .item-videobox .item-video video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;} @-moz-keyframes jump{0%{-moz-transform:translateX(0);}25%{-moz-transform:translateX(-8px);}50%{-moz-transform:translateX(0);}75%{-moz-transform:translateX(-4px);}100%{-moz-transform:translateX(0);}} @keyframes jump{0%{transform:translateX(0);}25%{transform:translateX(-8px);}50%{transform:translateX(0);}75%{transform:translateX(-4px);}100%{transform:translateX(0);}} ::-webkit-input-placeholder { color: #999; opacity: 1; } ::-moz-placeholder { color: #999; opacity: 1; } :-ms-input-placeholder { color: #999; opacity: 1; } .flex{display: flex;display:-webkit-flex;justify-content: space-between;flex-wrap: wrap} .flex-start{display: flex;display:-webkit-flex;justify-content: start;flex-wrap: wrap} .contains-wp{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} @media (min-width:768px){.contains-wp{width:750px;}} @media (min-width:992px){.contains-wp{width:980px;}} @media (min-width:1260px){.contains-wp{width:1230px;}} @media (min-width:1460px){.contains-wp{width:1430px;}} @media (min-width:1660px){.contains-wp{width:1630px;}} .j-offset-top { transition: all 750ms; transform: translateY(100px); opacity: 0; } .j-offset-top.run { transform: translateY(0); opacity: 1; } @media screen and (max-width: 991px) { .j-offset-top { transform: none !important; } } .j-offset-left { transition: all 750ms; transform: translateX(100px); opacity: 0; } .j-offset-left.run { transform: translateX(0); opacity: 1; } @media screen and (max-width: 991px) { .j-offset-left { transform: none !important; } } .j-offset-right { transition: all 750ms; transform: translateX(-100px); opacity: 0; } .j-offset-right.run { transform: translateX(0); opacity: 1; } @media screen and (max-width: 991px) { .j-offset-right { transform: none !important; } } .j-fadein { transition: all 750ms; opacity: 0; } .j-fadein.run { transform: translateX(0); opacity: 1; } @media screen and (max-width: 991px) { .j-fadein { transform: none !important; } } @font-face { font-family: "iconfont"; /* Project id 2149338 */ src: url('../font/icons/iconfont.woff2?t=1739842415795') format('woff2'), url('../font/icons/iconfont.woff?t=1739842415795') format('woff'), url('../font/icons/iconfont.ttf?t=1739842415795') format('truetype'); } .iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .iconweibotubiao:before { content: "\e41a"; } .icona-dianhua1:before { content: "\e419"; } .iconarrow-down-right:before { content: "\e418"; } .icona-arrow-down-right1:before { content: "\e417"; } .iconmac-line:before { content: "\e416"; } .iconsmartphone-line:before { content: "\e415"; } .iconlink:before { content: "\e414"; } .icona-lejiegengduo1:before { content: "\e413"; } .iconlejiegengduo:before { content: "\e412"; } .iconzaixianzixun:before { content: "\e411"; } .iconrexian:before { content: "\e410"; } .icona-VR3D:before { content: "\e409"; } .iconarrow-up-right:before { content: "\e408"; } .icona-dingwei1:before { content: "\e407"; } .icondianhua:before { content: "\e406"; } .iconarrow-up-right-light:before { content: "\e405"; } .iconxiazaiwenjian-02:before { content: "\e404"; } .iconxiazai-01:before { content: "\e403"; } .iconwenjian-03:before { content: "\e402"; } .iconguanbi:before { content: "\e401"; } @font-face { font-family: "iconfont"; /* Project id 1768807 */ src: url('../font/icons/iconfont.woff2?t=1735869644646') format('woff2'), url('../font/icons/iconfont.woff?t=1735869644646') format('woff'), url('../font/icons/iconfont.ttf?t=1735869644646') format('truetype'); } .iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-delete:before { content: "\e69d"; } .icon-chahao:before { content: "\e617"; } .icon-earth:before { content: "\e6d5"; } .icon-earth1:before { content: "\e781"; } .icon-chahao1:before { content: "\e60e"; } .icon-tiktok:before { content: "\e8db"; } .icon-twitter-new2:before { content: "\e800"; } .icon-twitter-new:before { content: "\e7ff"; } .icon-twitter3:before { content: "\e7fd"; } .icon-twitter4:before { content: "\e7fe"; } .icon-biaoqian:before { content: "\e649"; } .icon-top2:before { content: "\e637"; } .icon-shangchuan:before { content: "\e602"; } .icon-sousuo4:before { content: "\e610"; } .icon-sousuo:before { content: "\e616"; } .icon-sousuo1:before { content: "\e65b"; } .icon-up7:before { content: "\e722"; } .icon-bottom7:before { content: "\e723"; } .icon-left7:before { content: "\e724"; } .icon-right7:before { content: "\e725"; } .icon-instagram1:before { content: "\e640"; } .icon-vk:before { content: "\e735"; } .icon-jia2:before { content: "\e608"; } .icon-jian2:before { content: "\e600"; } .icon-home:before { content: "\e624"; } .icon-edit:before { content: "\e611"; } .icon-facebook:before { content: "\e620"; } .icon-pinterest:before { content: "\e8ab"; } .icon-linkedin:before { content: "\e648"; } .icon-youtube:before { content: "\e6d6"; } .icon-twitter:before { content: "\e607"; } .icon-bigger:before { content: "\e647"; } .icon-left:before { content: "\e72c"; } .icon-right:before { content: "\e72d"; } .icon-up1:before { content: "\e72e"; } .icon-bottom1:before { content: "\e72f"; } .icon-left1:before { content: "\e730"; } .icon-right1:before { content: "\e731"; } .icon-up:before { content: "\e73e"; } .icon-bottom:before { content: "\e73f"; } .icon-instagram:before { content: "\e79d"; } .icon-tumblr:before { content: "\e79e"; } .icon-download:before { content: "\e7a0"; } .icon-download1:before { content: "\e7a7"; } .icon-search4:before { content: "\e7b2"; } .icon-address:before { content: "\e7bc"; } .icon-email:before { content: "\e7bd"; } .icon-contact:before { content: "\e7be"; } .icon-whatsapp:before { content: "\e7bf"; } .icon-fax:before { content: "\e7c2"; } .icon-mobile:before { content: "\e7c6"; } .icon-phone:before { content: "\e7c8"; } .icon-tel:before { content: "\e7c7"; } .icon-phone1:before { content: "\e7cb"; } .icon-skype:before { content: "\e7cc"; } .icon-whatsapp1:before { content: "\e7c1"; } .icon-address1:before { content: "\e7c3"; } .icon-contact1:before { content: "\e7c4"; } .icon-email1:before { content: "\e7c5"; } .icon-skype1:before { content: "\e7c9"; } .icon-fax1:before { content: "\e7ca"; } .icon-qq:before { content: "\e7ce"; } .icon-tel1:before { content: "\e7cd"; } .icon-wechat:before { content: "\e7cf"; } .icon-phone2:before { content: "\e7d0"; } .icon-message:before { content: "\e7da"; } .icon-calendar:before { content: "\e7e1"; } .icon-calendar1:before { content: "\e7e3"; } .icon-top:before { content: "\e7ed"; } .icon-youbian:before { content: "\e60f"; } .banner {position: relative;z-index: 2;line-height: 0;font-size: 0;} .banner .slick-arrow {position: absolute;top: 50%;transform: translateY(-50%);z-index: 99;display: block !important; width: 68px;height: 68px;line-height: 66px;border: 1px solid #fff;border-radius: 50%;text-align: center;color: #fff;cursor: pointer;} .banner .slick-arrow:hover{border-color: #DD042B;color: #DD042B;} .banner .slick-prev {left: 70px;} .banner .slick-next {right: 70px;} .banner .slick-prev::before{content: "\e730";font-family: "iconfont";font-size: 24px;} .banner .slick-next::before{content: "\e731";font-family: "iconfont";font-size: 24px;} .banner .slick-dots {position: absolute;z-index: 999999;left:0;right: 0;bottom: 60px;text-align: center;font-size: 0;letter-spacing: 0;} .banner .slick-dots li {position: relative;display: inline-block;vertical-align: top;width: 9px;height: 9px;background: #DD042B;border-radius: 50%;cursor: pointer;margin: 0 8px;} .banner .slick-dots li a {text-align: center;display: none;} .banner .slick-dots li::before{position: absolute;content: "";left: 50%;top: 50%;transform: translate(-50%, -50%);width: 18px;height: 18px;background: rgba(221, 4, 43, .5);border-radius: 50%;opacity: 0;box-sizing: border-box;} .banner .slick-dots li.slick-active::before{opacity: 1;} .banner.hide {display: none;} @media screen and (max-width: 1599px) { .banner .slick-arrow {width: 56px;height: 56px;line-height: 54px;} .banner .slick-prev {left: 62px;} .banner .slick-next {right: 62px;} .banner .slick-prev::before{font-size: 22px;} .banner .slick-next::before{font-size: 22px;} .banner .slick-dots {bottom: 50px;} .banner .slick-dots li {pwidth: 8px;height: 8px;margin: 0 8px;} .banner .slick-dots li::before{width: 18px;height: 18px;} } @media screen and (max-width: 1459px) { .banner .slick-arrow {width: 44px;height: 44px;line-height: 42px;} .banner .slick-prev {left: 50px;} .banner .slick-next {right: 50px;} .banner .slick-prev::before{font-size: 20px;} .banner .slick-next::before{font-size: 20px;} .banner .slick-dots {bottom: 42px;} .banner .slick-dots li {pwidth: 8px;height: 8px;margin: 0 6px;} .banner .slick-dots li::before{width: 16px;height: 16px;} } @media screen and (max-width: 1259px) { .banner .slick-arrow {width: 36px;height: 36px;line-height: 34px;} .banner .slick-prev {left: 36px;} .banner .slick-next {right: 36px;} .banner .slick-prev::before{font-size: 18px;} .banner .slick-next::before{font-size: 18px;} .banner .slick-dots {bottom: 36px;} .banner .slick-dots li {pwidth: 8px;height: 8px;margin: 0 6px;} .banner .slick-dots li::before{width: 16px;height: 16px;} } @media screen and (max-width: 991px) { .banner .slick-arrow {width: 30px;height: 30px;line-height: 28px;} .banner .slick-prev {left: 15px;} .banner .slick-next {right: 15px;} .banner .slick-prev::before{font-size: 16px;} .banner .slick-next::before{font-size: 16px;} .banner .slick-dots {bottom: 36px;} .banner .slick-dots li {pwidth: 8px;height: 8px;margin: 0 6px;} .banner .slick-dots li::before{width: 16px;height: 16px;} .banner .slick-dots {display: none !important;} } @media screen and (max-width: 720px) { .banner {display: block;} .banner.hide {display: block;} .banner .slick-arrow {width: 28px;height: 28px;line-height: 26px;} .banner .slick-prev {left: 12px;} .banner .slick-next {right: 12px;} .banner .slick-prev::before{font-size: 12px;} .banner .slick-next::before{font-size: 12px;} .banner .slick-dots {bottom: 20px;} .banner .slick-dots li {width: 8px;height: 8px;margin: 0 8px;} .banner .slick-dots li::before{width: 14px;height: 14px;} .banner .slick-dots {display: none !important;} } .slick-list,.slick-slider, .slick-track {position: relative;display: block} .slick-loading .slick-slide, .slick-loading .slick-track {visibility: hidden} .slick-slider {box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent} .slick-list {overflow: hidden;margin: 0;padding: 0} .slick-list:focus {outline: 0} .slick-list.dragging {cursor: pointer;cursor: hand} .slick-slider .slick-list, .slick-slider .slick-track {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)} .slick-track {top: 0;left: 0} .slick-track:after, .slick-track:before {display: table;content: ''} .slick-track:after {clear: both} .slick-slide {display: none;float: left;height: 100%;min-height: 1px} [dir=rtl] .slick-slide {float: right} .slick-slide img {display: block} .slick-slide.slick-loading img {display: none} .slick-slide.dragging img {pointer-events: none} .slick-initialized .slick-slide {display: block} .slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent} .slick-arrow.slick-hidden {display: none} .slick-dots .slide-count {display: none;} .slick-slide {position: relative;} .slick-slide iframe {position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .slick-slide video {position: absolute;display: block;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);min-width: 101%;min-height: 100%;max-width: none;-o-object-fit: cover;object-fit: cover;-o-object-position: 50% 50%;object-position: 50% 50%;display: none \9;display: block \9\0;} @media screen and (max-width: 991px) { .slick-slide video {object-position: inherit;object-fit: inherit;width: 100%;height: 100%;transform: translate(0, 0);left: 0;top: 0;} } .m-kfmain{position: fixed;right: 14px;top: 50%;transform: translateY(-50%);z-index: 222222;} .m-kfmain .kf-item1{position: relative;display: inline-block;vertical-align: top;margin-bottom: 8px;width: 64px;} .m-kfmain .kf-item1 .num-dian{position: absolute;right: 8px;top: 4px;width: 10px;height: 10px;background: #FF8F1C;border-radius: 50%; z-index: 22;} .m-kfmain .kf-item1 .item-box{position: relative;display: block;width: 64px;height: 64px;background: #006FE8;text-align: center;box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.08);border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.25);padding: 6px;} .m-kfmain .kf-item1 .item-box .iconfont{display: inline-block;vertical-align: top;width: 30px;height: 30px;line-height: 30px;font-size: 30px;color: #fff;} .m-kfmain .kf-item1 .item-box p{position: relative;width: 100%;font-size: 11px;margin-top: 1px;color: #FFFFFF;line-height: 20px;} .m-kfmain .kf-box{position: relative;width: 64px;padding: 12px 7px;background: rgba(255,255,255,0.79);box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.08);border-radius: 32px;border: 1px solid #FFFFFF;} .m-kfmain .kf-box .kf-item{position: relative;display: inline-block;vertical-align: top;width: 100%;} .m-kfmain .kf-box .kf-item:nth-of-type(1){margin-bottom: 16px;} .m-kfmain .kf-box .kf-item .item-box{position: relative;display: block;width: 48px;height: 48px;line-height: 46px; text-align: center;background: #FFFFFF;border-radius: 50%;border: 1px solid #222222;} .m-kfmain .kf-box .kf-item .item-box:hover{background: #006FE8;border-color: #006FE8;} .m-kfmain .kf-box .kf-item .item-box .iconfont{display: inline-block;vertical-align: top;font-size: 26px;line-height: 46px;color: #222;} .m-kfmain .kf-box .kf-item .item-box .iconfont.iconrexian{font-size: 28px;} .m-kfmain .kf-box .kf-item .item-box:hover .iconfont{color: #fff;} .m-kfmain .kf-item2{position: relative;display: inline-block;vertical-align: top;margin-top: 8px;width: 64px;padding: 0 8px;} .m-kfmain .kf-item2 .returntop{position: relative;display: block;width: 48px;height: 48px;line-height: 46px;text-align: center;background: #222222;border-radius: 50%;border: 1px solid #222222;} .m-kfmain .kf-item2 .returntop .iconfont{display: inline-block;vertical-align: top;font-size: 22px;line-height: 46px;color: #fff;} .m-kfmain .kf-box .kf-item .list-box {padding: 0px 20px;display: none;width: auto;height: auto;position: absolute;right: 100%;top: 50%;transform: translateY(-50%);} .m-kfmain .kf-box .kf-item:hover .list-box {display: block;} .m-kfmain .kf-box .kf-item .list-box>ul {position: relative;padding: 5px;background: #fff;box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.08);color: #333;border-radius: 9px;} .m-kfmain .kf-box .kf-item .list-box>ul:after {border-left: 8px solid #fff;border-top: 6px solid transparent;border-bottom: 6px solid transparent;content: "";position: absolute;left: 100%;top: 50%;transform: translateY(-50%);} .m-kfmain .kf-box .kf-item .list-box>ul>li{position: relative;min-width: 90px;text-align: center;} .m-kfmain .kf-box .kf-item .list-box>ul>.item-title{font-weight: bold;font-size: 15px;color: #222222;line-height: 30px;padding: 0 7px;white-space: nowrap;} .m-kfmain .kf-box .kf-item .list-box>ul>li>img {max-width: 90px;width: 100%;} .m-kfmain .kf-box .kf-item .list-box>ul>li>a {display: block;font-size: 15px;color: #222222;line-height: 30px;white-space: nowrap;} @media screen and (max-width:1259px) { .m-kfmain{right: 12px;} .m-kfmain .kf-item1{margin-bottom: 8px;width: 60px;} .m-kfmain .kf-item1 .num-dian{right: 6px;top: 3px;width: 8px;height: 8px;} .m-kfmain .kf-item1 .item-box{width: 60px;height: 60px;padding: 6px;} .m-kfmain .kf-item1 .item-box .iconfont{width: 28px;height: 28px;line-height: 28px;font-size: 28px;} .m-kfmain .kf-item1 .item-box p{font-size: 10px;line-height: 18px;} .m-kfmain .kf-box{width: 60px;padding: 10px 5px;border-radius: 30px;} .m-kfmain .kf-box .kf-item:nth-of-type(1){margin-bottom: 14px;} .m-kfmain .kf-box .kf-item .item-box{width: 48px;height: 48px;line-height: 46px;} .m-kfmain .kf-box .kf-item .item-box .iconfont{font-size: 24px;line-height: 46px;} .m-kfmain .kf-box .kf-item .item-box .iconfont.iconrexian{font-size: 26px;} .m-kfmain .kf-item2{margin-top: 8px;width: 60px;padding: 0 6px;} .m-kfmain .kf-item2 .returntop{width: 48px;height: 48px;line-height: 46px;} .m-kfmain .kf-item2 .returntop .iconfont{font-size: 22px;line-height: 46px;} .m-kfmain .kf-box .kf-item .list-box {padding: 0px 18px;} .m-kfmain .kf-box .kf-item .list-box>ul {padding: 5px;} .m-kfmain .kf-box .kf-item .list-box>ul>li{min-width: 82px;} .m-kfmain .kf-box .kf-item .list-box>ul>.item-title{font-size: 14px;line-height: 28px;padding: 0 6px;} .m-kfmain .kf-box .kf-item .list-box>ul>li>a {font-size: 14px;line-height: 28px;} } @media screen and (max-width:767px) { .m-kfmain{right: 10px; top: 75%;} .m-kfmain .kf-item1{margin-bottom: 6px;width: 42px;} .m-kfmain .kf-item1 .num-dian{right: 6px;top: 3px;width: 8px;height: 8px;} .m-kfmain .kf-item1 .item-box{width: 42px;height: 42px;padding: 5px;} .m-kfmain .kf-item1 .item-box .iconfont{width: 24px;height: 32px;line-height: 32px;font-size: 22px;} .m-kfmain .kf-item1 .item-box p{font-size: 8px;line-height: 18px;display: none} .m-kfmain .kf-box{width: 42px;padding: 4px 2px;border-radius: 21px;} .m-kfmain .kf-box .kf-item:nth-of-type(1){margin-bottom: 8px;} .m-kfmain .kf-box .kf-item .item-box{width: 36px;height: 36px;line-height: 36px;} .m-kfmain .kf-box .kf-item .item-box .iconfont{font-size: 18px;line-height: 36px;} .m-kfmain .kf-box .kf-item .item-box .iconfont.iconrexian{font-size: 20px;} .m-kfmain .kf-item2{margin-top: 6px;width: 42px;padding: 0 4px;} .m-kfmain .kf-item2 .returntop{width: 34px;height: 34px;line-height: 32px;} .m-kfmain .kf-item2 .returntop .iconfont{font-size: 18px;line-height: 32px;} .m-kfmain .kf-box .kf-item .list-box {padding: 0px 16px;} .m-kfmain .kf-box .kf-item .list-box>ul {padding: 4px;} .m-kfmain .kf-box .kf-item .list-box>ul>li{min-width: 82px;} .m-kfmain .kf-box .kf-item .list-box>ul>.item-title{font-size: 14px;line-height: 26px;padding: 0 6px;} .m-kfmain .kf-box .kf-item .list-box>ul>li>a {font-size: 14px;line-height: 26px;} } .index-main{position: relative;width: 100%;background: #F6F9FD;} .index-main .index-banner{position: relative;width: 100%;display: block;max-width: 1920px;margin: 0 auto;overflow: hidden;} .index-main .index-banner .banner-img{position: relative;width: 100%;display: block;} .index-main .index-banner .ban-pic{width: 100%;display: block;} .index-section{position: relative;width: 100%;} .index-tbody-top{position: relative;width: 100%;padding-left: 114px;} .index-tbody-top .title-icon{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100px;} .index-tbody-top .index-tbody-title{position: relative;width: 100%;font-weight: bold;font-size: 40px;color: #222222;line-height: 52px;} .index-tbody-top .index-tbody-text{position: relative;width: 100%;font-size: 24px;color: #222222;line-height: 34px;} .index-tbody-btn{position: relative;width: 100%;} .index-tbody-btn .btnn{position: relative;display: inline-block;vertical-align: top;text-align: center;min-width: 163px;padding: 4px 20px;line-height: 40px;padding-right: 64px;font-size: 18px;color: #FFFFFF;background: #222222;border-radius: 24px;} .index-tbody-btn .btnn .iconfont{display: inline-block;vertical-align: top;text-align: center;position: absolute;top: 4px;right: 4px;bottom: 4px;width: 40px;height: 40px;line-height: 40px;font-size: 18px;color: #fff;background: #006FE8;border-radius: 50%;} .index-tbody-btn a.btnn:hover{color: #FFFFFF;background: #222222;} .index-tbody-btn a.btnn:hover .iconfont{color: #fff;background: #34edfe;} .index-tbody-btn button.btnn:hover .iconfont{color: #fff;background: #34edfe;} .index-tbody-btn.white .btnn{color: #222222;background: #FFFFFF;} .index-tbody-btn.white a.btnn:hover{color: #222222;background: #FFFFFF;} @media screen and (max-width:1459px) { .index-tbody-top{padding-left: 106px;} .index-tbody-top .title-icon{width: 94px;} .index-tbody-top .index-tbody-title{font-size: 36px;line-height: 48px;} .index-tbody-top .index-tbody-text{font-size: 20px;line-height: 32px;} .index-tbody-btn .btnn{min-width: 156px;padding: 3px 16px;line-height: 38px;padding-right: 56px;font-size: 18px;border-radius: 22px;} .index-tbody-btn .btnn .iconfont{top: 3px;right: 3px;bottom: 3px;width: 38px;height: 38px;line-height: 38px;font-size: 17px;} } @media screen and (max-width:1259px) { .index-tbody-top{padding-left: 96px;} .index-tbody-top .title-icon{width: 84px;} .index-tbody-top .index-tbody-title{font-size: 32px;line-height: 44px;} .index-tbody-top .index-tbody-text{font-size: 18px;line-height: 30px;} .index-tbody-btn .btnn{min-width: 148px;padding: 3px 12px;line-height: 34px;padding-right: 49px;font-size: 16px;border-radius: 20px;} .index-tbody-btn .btnn .iconfont{top: 3px;right: 3px;bottom: 3px;width: 34px;height: 34px;line-height: 34px;font-size: 16px;} } @media screen and (max-width:991px) { .index-tbody-top{padding-left: 82px;} .index-tbody-top .title-icon{width: 72px;} .index-tbody-top .index-tbody-title{font-size: 26px;line-height: 40px;} .index-tbody-top .index-tbody-text{font-size: 16px;line-height: 28px;} .index-tbody-btn .btnn{min-width: 142px;padding: 2px 10px;line-height: 32px;padding-right: 44px;font-size: 15px;border-radius: 18px;} .index-tbody-btn .btnn .iconfont{top: 2px;right: 2px;bottom: 2px;width: 32px;height: 32px;line-height: 32px;font-size: 15px;} } @media screen and (max-width:720px) { .index-tbody-top{padding-left: 70px;} .index-tbody-top .title-icon{width: 62px;} .index-tbody-top .index-tbody-title{font-size: 22px;line-height: 32px;} .index-tbody-top .index-tbody-text{font-size: 15px;line-height: 26px;} .index-tbody-btn .btnn{min-width: 142px;padding: 2px 8px;line-height: 32px;padding-right: 42px;font-size: 14px;border-radius: 18px;} .index-tbody-btn .btnn .iconfont{top: 2px;right: 2px;bottom: 2px;width: 32px;height: 32px;line-height: 32px;font-size: 14px;} } .index-sec1{position: relative;width: 100%;padding-top: 155px;padding-bottom: 80px;} .index1-tbody{position: relative;width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} .index1-tbody-left{position: relative;width: 47.5%;} .index1-tbody-right{position: relative;width: 52.5%;} .index1-tbody-img{position: relative;width: 100%;} .index1-tbody-img .item-pic{position: relative;width: 100%;text-align: center;padding-bottom: 100%;border-radius: 50%;overflow: hidden;height: 0} .index1-tbody-img .item-pic .pic-video{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;} .index1-tbody-box{position: relative;margin-left: -120px;background: rgba(255,255,255,0.55);box-shadow: 0px 1px 57px 0px rgba(6,0,1,0.13);border-radius: 48px;border: 1px solid #FFFFFF;padding: 32px 31px;} .index1-tbody-video{position: relative;width: 100%;} .index1-tbody-video .index1-videobox{position: relative;width: 100%;border-radius: 40px;overflow: hidden;padding-bottom: 48.92268695%;height: 0;} .index1-tbody-video .index1-videobox .play-video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;} .index1-tbody-list{position: relative;padding-top: 24px;font-size: 0;letter-spacing: 0;margin-left:0;margin-right:0;display: flex;flex-wrap: wrap;} .index1-tbody-item{position: relative;display: inline-block;vertical-align: top;width: 25%;padding: 0 12px;margin-bottom: 10px;} .index1-tbody-item .item-box{position: relative;width: 100%;text-align: center;} .index1-tbody-item .item-box .item-title{position: relative;width: 100%;font-weight: bold;font-size: 32px;color: #222222;line-height: 44px;} .index1-tbody-item .item-box .item-text{position: relative;width: 100%;font-size: 18px;color: #222222;line-height: 28px;} .index1-tbody-btn{position: relative;width: 100%;text-align: center;margin-top: 43px;} @media screen and (max-width:1459px) { .index-sec1{padding-top: 136px;padding-bottom: 70px;} .index1-tbody-left{width: 47.5%;} .index1-tbody-right{width: 52.5%;} .index1-tbody-box{margin-left: -100px;border-radius: 40px;padding: 26px 25px;} .index1-tbody-video .index1-videobox{border-radius: 36px;} .index1-tbody-list{padding-top: 20px;margin-left: -12px;margin-right: -12px;} .index1-tbody-item{width: 25%;padding: 0 12px;margin-bottom: 10px;} .index1-tbody-item .item-box .item-title{font-size: 28px;line-height: 40px;} .index1-tbody-item .item-box .item-text{font-size: 16px;line-height: 26px;} .index1-tbody-btn{margin-top: 36px;} } @media screen and (max-width:1259px) { .index-sec1{padding-top: 118px;padding-bottom: 60px;} .index1-tbody-left{width: 47%;} .index1-tbody-right{width: 53%;} .index1-tbody-box{margin-left: -100px;border-radius: 32px;padding: 20px;} .index1-tbody-video .index1-videobox{border-radius: 28px;} .index1-tbody-list{padding-top: 18px;margin-left: -6px;margin-right: -6px;} .index1-tbody-item{width: 25%;padding: 0 6px;margin-bottom: 10px;} .index1-tbody-item .item-box .item-title{font-size: 24px;line-height: 36px;} .index1-tbody-item .item-box .item-text{font-size: 15px;line-height: 26px;} .index1-tbody-btn{margin-top: 28px;} } @media screen and (max-width:991px) { .index-sec1{padding-top: 100px;padding-bottom: 50px;} .index1-tbody-left{width: 100%;max-width: 560px;margin: 0 auto;} .index1-tbody-right{width: 100%;padding-top: 20px;} .index1-tbody-box{margin-left: 0px;border-radius: 28px;padding: 16px;} .index1-tbody-video .index1-videobox{border-radius: 24px;} .index1-tbody-list{padding-top: 16px;margin-left: -6px;margin-right: -6px;} .index1-tbody-item{width: 25%;padding: 0 6px;margin-bottom: 10px;} .index1-tbody-item .item-box .item-title{font-size: 20px;line-height: 32px;} .index1-tbody-item .item-box .item-text{font-size: 14px;line-height: 24px;} .index1-tbody-btn{margin-top: 22px;} } @media screen and (max-width:720px) { .index-sec1{padding-top: 82px;padding-bottom: 40px;} .index1-tbody-left{width: 70%;} .index1-tbody-right{width: 100%;padding-top: 16px;} .index1-tbody-box{margin-left: 0px;border-radius: 24px;padding: 16px;} .index1-tbody-video .index1-videobox{border-radius: 20px;} .index1-tbody-list{padding-top: 16px;margin-left: -16px;margin-right: -16px;} .index1-tbody-item{width: 50%;padding: 0 16px;margin-bottom: 10px;} .index1-tbody-item .item-box .item-title{font-size: 20px;line-height: 32px;} .index1-tbody-item .item-box .item-text{font-size: 14px;line-height: 24px;} .index1-tbody-btn{margin-top: 16px;} } @media screen and (max-width:540px) { .index-sec1{padding-top: 64px;padding-bottom: 30px;} .index1-tbody-left{width: 90%;} .index1-tbody-right{width: 100%;padding-top: 16px;} .index1-tbody-img{width: 70%;margin: 0 auto;} .index1-tbody-box{margin-left: 0px;border-radius: 24px;padding: 16px;} .index1-tbody-video .index1-videobox{border-radius: 20px;} .index1-tbody-list{padding-top: 16px;margin-left: -6px;margin-right: -6px;} .index1-tbody-item{width: 50%;padding: 0 6px;margin-bottom: 10px;} .index1-tbody-item .item-box .item-title{font-size: 18px;line-height: 30px;} .index1-tbody-item .item-box .item-text{font-size: 14px;line-height: 24px;} .index1-tbody-btn{margin-top: 16px;} } .index-sec2{position: relative;width: 100%;padding-bottom: 165px;} .index2-tbody{position: relative;width: 100%;justify-content: space-between;flex-wrap: wrap;flex-direction: row-reverse;} .index2-tbody-tabs{position: sticky;right: 0;width: 220px;top: 200px;z-index: 2;float: right;margin-top: 100px} .index2-tbody-content{position: relative;width: calc(100% - 236px);} .index2-tabs-item{position: relative;width: 100%;margin-bottom: 86px;} .index2-tabs-item::before{position: absolute;content: "";right: 0;top: 100%;width: 1px;height: 86px;background: #222;} .index2-tabs-item:nth-last-of-type(1){margin-bottom: 0 !important;} .index2-tabs-item:nth-last-of-type(1)::before{display: none;} .index2-tabs-item .item-title{position: relative;padding-right: 28px;text-align: right;font-weight: bold;font-size: 18px;color: #222222;line-height: 40px;cursor: pointer;display: block;width: 100%;} .index2-tabs-item .item-title::before{position: absolute;content: "";right: 0;top: 50%;transform: translate(50%, -50%);width: 10px;height: 10px;background: #222222;border-radius: 50%;} .index2-tabs-item .item-title .icon1{position: absolute;content: "";right: 0;top: 50%;transform: translate(50%, -50%);width: 44px;display: none;} .index2-tabs-item.active .item-title{font-size: 24px;color: #006FE8;} .index2-tabs-item.active .item-title::before{display: none;} .index2-tabs-item.active .item-title .icon1{display: block;} .mySwiper-index2{position: relative;width: 100%;height: 530px;} .index2-content-item{position: relative;width: 100%;padding-top: 12%;} .index2-item-boxs{position: relative;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;} .index2-item-left{position: relative;width: 512px;padding-top: 5%} .index2-item-right{position: relative;width: 650px;} .index2-item-img{position: relative;width: 100%;} .index2-item-img .item-pic{position: relative;width: 100%;display: block;text-align: right;} .index2-item-img .item-pic img{display: inline-block;vertical-align: top;} .index2-tbody-title{position: relative;width: 100%;font-weight: bold;font-size: 40px;color: #222222;line-height: 52px;padding-bottom: 8px;} .index2-tbody-title::before{position: absolute;content: "";left: 0;bottom: 0;width: 218px;height: 2px;background: #C5C5C5;} .index2-tbody-title::after{position: absolute;content: "";left: 0;bottom: -1px;width: 64px;height: 5px;background: #197EEA;} .index2-tbody-link{position: relative;width: 100%;padding-top: 30px;font-size: 0;letter-spacing: 0;} .index2-tbody-link .item{position: relative;font-weight: bold;display: inline-block;vertical-align: top;font-size: 24px;color: #006FE8;line-height: 36px;padding-right: 18px;margin-bottom: 9px;} .index2-tbody-link .item .iconfont{display: inline-block;vertical-align: top;font-size: 26px;line-height: 36px;margin-right:0px;font-weight: 200;} .index2-tbody-link .item .icons{display: inline-block;vertical-align: top;width: 6px;height: 6px;margin: 15px 0;margin-right: 8px;background: #016FE8;border-radius: 50%;} .index2-tbody-link2 .item{width: 50%;} .index2-tbody-list{position: relative;padding-top: 28px;font-size: 0;letter-spacing: 0;margin-left: -8px;margin-right: -8px;} .index2-tbody-list .list-item{display: inline-block;vertical-align: top;padding: 0 8px;margin-bottom: 12px;} .index2-tbody-list .list-item .item-box{position: relative;display: inline-block;vertical-align: top;min-width: 162px;font-size: 18px;line-height: 32px;padding: 5px 26px;text-align: center;color: #222222;border-radius: 8px;border: 1px solid #222222;} .index2-tbody-text{position: relative;width: 100%;padding-top: 24px;font-size: 0;letter-spacing: 0;} .index2-tbody-text p{position: relative;width: 100%;padding-left: 20px;font-size: 16px;color: #222222;line-height: 32px;} .index2-tbody-text2 p{display: inline-block;vertical-align: top;width: 50%;} .index2-tbody-text3 p{display: inline-block;vertical-align: top;width: auto;margin-right: 16px;} .index2-tbody-text p::before{position: absolute;content: "√";left: 0;top: 50%;transform: translateY(-50%);font-size: 16px;color: #016FE8;line-height: 30px;} .index2-tbody-btn{position: relative;width: 100%;padding-top: 35px;} .index2-tbody-btn .btnn{display: inline-block;vertical-align: top;font-size: 16px;color: #333;line-height: 30px;text-decoration: underline;} .index2-tbody-btn .btnn .iconfont{display: inline-block;vertical-align: top;font-size: 26px;margin-left: 4px;} .index2-tbody-btn a.btnn:hover{color: #197EEA;} @media screen and (max-width:1459px) { .index-sec2{padding-bottom: 148px;} .index2-tbody-tabs{width: 200px;} .index2-tbody-content{width: calc(100% - 210px);} .index2-tabs-item{margin-bottom: 74px;} .index2-tabs-item::before{height: 74px;} .index2-tabs-item .item-title{padding-right: 26px;font-size: 18px;line-height: 36px;} .index2-tabs-item .item-title::before{width: 8px;height: 8px;} .index2-tabs-item .item-title .icon1{width: 40px;} .index2-tabs-item.active .item-title{font-size: 22px;} .mySwiper-index2{height: 510px;} .index2-item-left{width: 44%;} .index2-item-right{width: 55.75%;} .index2-tbody-title{font-size: 36px;line-height: 48px;padding-bottom: 8px;} .index2-tbody-title::before{width: 212px;} .index2-tbody-title::after{width: 56px;height: 5px;} .index2-tbody-link{padding-top: 28px;} .index2-tbody-link .item{font-size: 20px;line-height: 32px;padding-right: 16px;margin-bottom: 8px;} .index2-tbody-link .item .iconfont{font-size: 24px;line-height: 32px;} .index2-tbody-link .item .icons{width: 6px;height: 6px;margin: 14px 0;margin-right: 8px;} .index2-tbody-link2 .item{width: 50%;} .index2-tbody-list{padding-top: 24px;margin-left: -6px;margin-right: -6px;} .index2-tbody-list .list-item{padding: 0 6px;margin-bottom: 10px;} .index2-tbody-list .list-item .item-box{min-width: 156px;font-size: 16px;line-height: 30px;padding: 5px 22px;} .index2-tbody-text{padding-top: 20px;} .index2-tbody-text p{padding-left: 20px;font-size: 16px;line-height: 30px;} .index2-tbody-text2 p{width: 50%;} .index2-tbody-text3 p{margin-right: 16px;} .index2-tbody-text p::before{font-size: 16px;line-height: 28px;} .index2-tbody-btn{padding-top: 28px;} .index2-tbody-btn .btnn{font-size: 16px;line-height: 28px;} .index2-tbody-btn .btnn .iconfont{font-size: 24px;margin-left: 4px;} } @media screen and (max-width:1259px) { .index-sec2{padding-bottom: 130px;} .index2-tbody-tabs{width: 160px;} .index2-tbody-content{width: calc(100% - 174px);} .index2-tabs-item{margin-bottom: 60px;} .index2-tabs-item::before{height: 60px;} .index2-tabs-item .item-title{padding-right: 24px;font-size: 16px;line-height: 32px;} .index2-tabs-item .item-title::before{width: 8px;height: 8px;} .index2-tabs-item .item-title .icon1{width: 36px;} .index2-tabs-item.active .item-title{font-size: 20px;} .mySwiper-index2{height: 420px;} .index2-item-left{width: 46%;} .index2-item-right{width: 54%;} .index2-tbody-title{font-size: 30px;line-height: 42px;padding-bottom: 8px;} .index2-tbody-title::before{width: 208px;} .index2-tbody-title::after{width: 48px;height: 5px;} .index2-tbody-link{padding-top: 20px;} .index2-tbody-link .item{font-size: 16px;line-height: 28px;padding-right: 12px;margin-bottom: 6px;} .index2-tbody-link .item .iconfont{font-size: 20px;line-height: 28px;} .index2-tbody-link .item .icons{width: 6px;height: 6px;margin: 12px 0;margin-right: 6px;} .index2-tbody-link2 .item{width: 50%;} .index2-tbody-list{padding-top: 18px;margin-left: -6px;margin-right: -6px;} .index2-tbody-list .list-item{padding: 0 6px;margin-bottom: 10px;} .index2-tbody-list .list-item .item-box{min-width: 156px;font-size: 16px;line-height: 30px;padding: 4px 18px;} .index2-tbody-text{padding-top: 18px;} .index2-tbody-text p{padding-left: 20px;font-size: 15px;line-height: 28px;} .index2-tbody-text2 p{width: 50%;} .index2-tbody-text3 p{margin-right: 16px;} .index2-tbody-text p::before{font-size: 16px;line-height: 28px;} .index2-tbody-btn{padding-top: 20px;} .index2-tbody-btn .btnn{font-size: 15px;line-height: 26px;} .index2-tbody-btn .btnn .iconfont{font-size: 20px;margin-left: 4px;} } @media screen and (max-width:991px) { .index-sec2{padding-bottom: 108px;} .index2-tbody-tabs{width: 100%;display: flex;flex-wrap: wrap;position: relative;float: none;top: 0;margin-top: 0} .index2-tbody-content{width: 100%;margin-top: 20px;} .index2-tabs-item{margin-bottom: 10px;width: 25%;} .index2-tabs-item::before{display: none;} .index2-tabs-item .item-title{padding-right: 10px;font-size: 16px;line-height: 30px;padding-left: 40px;text-align: left;} .index2-tabs-item .item-title::before{display: none;} .index2-tabs-item .item-title .icon1{left: 0;transform: translate(0,-50%);display: block;} .index2-tabs-item.active .item-title{font-size: 16px;} .index2-content-item:nth-of-type(1){padding-top: 0 !important;} .mySwiper-index2{height: auto;} .index2-item-left{width: 46%;} .index2-item-right{width: 54%;} .index2-tbody-title{font-size: 24px;line-height: 36px;padding-bottom: 8px;} .index2-tbody-title::before{width: 208px;} .index2-tbody-title::after{width: 48px;height: 5px;} .index2-tbody-link{padding-top: 16px;} .index2-tbody-link .item{font-size: 15px;line-height: 26px;padding-right: 12px;margin-bottom: 6px;} .index2-tbody-link .item .iconfont{font-size: 20px;line-height: 28px;} .index2-tbody-link .item .icons{width: 6px;height: 6px;margin: 12px 0;margin-right: 6px;} .index2-tbody-link2 .item{width: 50%;} .index2-tbody-list{padding-top: 12px;margin-left: -6px;margin-right: -6px;} .index2-tbody-list .list-item{padding: 0 6px;margin-bottom: 10px;} .index2-tbody-list .list-item .item-box{min-width: 156px;font-size: 15px;line-height: 28px;padding: 4px 14px;} .index2-tbody-text{padding-top: 14px;} .index2-tbody-text p{padding-left: 20px;font-size: 14px;line-height: 26px;} .index2-tbody-text2 p{width: 100%;} .index2-tbody-text3 p{margin-right: 16px;} .index2-tbody-text p::before{font-size: 15px;line-height: 26px;} .index2-tbody-btn{padding-top: 16px;} .index2-tbody-btn .btnn{font-size: 14px;line-height: 24px;} .index2-tbody-btn .btnn .iconfont{font-size: 18px;margin-left: 4px;} } @media screen and (max-width:750px) { .index-sec2{padding-bottom: 90px;} .index2-tbody-tabs{width: 100%;display: flex;flex-wrap: wrap;} .index2-tbody-content{width: 100%;margin-top: 20px;} .index2-tabs-item{margin-bottom: 10px;width: 25%;} .index2-tabs-item::before{display: none;} .index2-tabs-item .item-title{padding-right: 10px;font-size: 16px;line-height: 30px;padding-left: 40px;text-align: left;} .index2-tabs-item .item-title::before{display: none;} .index2-tabs-item .item-title .icon1{left: 0;transform: translate(0,-50%);display: block;} .index2-tabs-item.active .item-title{font-size: 16px;} .index2-item-left{width: 100%;padding-top: 0 !important} .index2-item-right{width: 100%;margin-top: 20px;} .index2-item-img .item-pic{text-align: center;} .index2-tbody-title{font-size: 20px;line-height: 32px;padding-bottom: 8px;} .index2-tbody-title::before{width: 208px;} .index2-tbody-title::after{width: 48px;height: 5px;} .index2-tbody-link{padding-top: 16px;} .index2-tbody-link .item{font-size: 15px;line-height: 26px;padding-right: 12px;margin-bottom: 6px;} .index2-tbody-link .item .iconfont{font-size: 20px;line-height: 28px;} .index2-tbody-link .item .icons{width: 6px;height: 6px;margin: 10px 0;margin-right: 6px;} .index2-tbody-link2 .item{width: 50%;} .index2-tbody-list{padding-top: 12px;margin-left: -6px;margin-right: -6px;} .index2-tbody-list .list-item{padding: 0 6px;margin-bottom: 10px;} .index2-tbody-list .list-item .item-box{min-width: 142px;font-size: 14px;line-height: 26px;padding: 4px 14px;} .index2-tbody-text{padding-top: 14px;} .index2-tbody-text p{padding-left: 20px;font-size: 14px;line-height: 24px;} .index2-tbody-text2 p{width: 100%;} .index2-tbody-text3 p{margin-right: 16px;} .index2-tbody-text p::before{font-size: 15px;line-height: 24px;} .index2-tbody-btn{padding-top: 16px;} .index2-tbody-btn .btnn{font-size: 14px;line-height: 24px;} .index2-tbody-btn .btnn .iconfont{font-size: 18px;margin-left: 4px;} } @media screen and (max-width:560px) { .index-sec2{padding-bottom: 72px;} .index2-tabs-item{margin-bottom: 10px;width: 50%;} } @media screen and (max-width:400px) { .index2-tbody-link2 .item{width: 50%;} } @media screen and (max-width:320px) { .index-sec2{padding-bottom: 56px;} .index2-tabs-item{margin-bottom: 10px;width: 100%;} } .index-sec-page{position: relative;width: 100%;} .index-page-body{position: relative;width: 100%;background: url(../images/index/20250530/sec-page-bgi.png) no-repeat center center;background-size: cover;padding: 88px 134px 68px;display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;border-radius: 62px;overflow: hidden;} .index-page-left{position: relative;width: 50%;} .index-page-right{position: relative;width: 39.725%;} .index-page-title{position: relative;width: 100%;font-weight: bold;font-size: 64px;color: #FFFFFF;line-height: 76px;} .index-page-text{position: relative;width: 100%;font-size: 32px;color: #FFFFFF;line-height: 44px;margin-top: 20px;} .index-page-btn{position: relative;width: 100%;margin-top: 44px;padding-bottom: 18px;} .index-page-form{position: relative;width: 100%;text-align: center;} .index-page-form form{display: block;width: 100%;} .index-page-form .form-box{position: relative;width: 100%;max-width: 332px;margin: 0 auto;border: 1px solid #fff;border-radius: 16px;background: rgba(255, 255, 255, 0.25);padding: 35px 46px 25px;} .index-page-form .form-box .item-input{position: relative;width: 100%;display: inline-block;vertical-align: top;margin-bottom: 14px;height: 40px;background: #FFFFFF;border-radius: 8px;border: 1px solid #C9C9C9;} .index-page-form .form-box .item-input input{position: relative;width: 100%;height: 100%;padding: 4px 14px;font-size: 16px;color: #333;line-height: 30px;} .index-page-form .form-box .item-btn{position: relative;width: 100%;text-align: center;padding-top: 10px;} .index-page-form .form-box .item-btn .btnn{display: inline-block;vertical-align: top;min-width: 136px;height: 40px;background: #222222;border-radius: 8px;font-size: 18px;color: #FFFFFF;line-height: 30px;} @media screen and (max-width:1719px) { .index-page-body{padding: 72px 60px 32px 100px;border-radius: 54px;} .index-page-left{width: 50%;} .index-page-right{width: 42.5%;} .index-page-title{font-size: 56px;line-height: 68px;} .index-page-text{font-size: 28px;line-height: 40px;margin-top: 18px;} .index-page-btn{margin-top: 36px;padding-bottom: 16px;} .index-page-form .form-box{max-width: 332px;border-radius: 16px;padding: 32px 40px 22px;} .index-page-form .form-box .item-input{margin-bottom: 12px;height: 40px;border-radius: 8px;} .index-page-form .form-box .item-input input{padding: 4px 14px;font-size: 16px;line-height: 30px;} .index-page-form .form-box .item-btn{padding-top: 10px;} .index-page-form .form-box .item-btn .btnn{min-width: 136px;height: 40px;font-size: 18px;} } @media screen and (max-width:1459px) { .index-page-body{padding: 60px 42px 24px;border-radius: 40px;} .index-page-left{width: 50%;} .index-page-right{width: 42.5%;} .index-page-title{font-size: 48px;line-height: 60px;} .index-page-text{font-size: 24px;line-height: 36px;margin-top: 16px;} .index-page-btn{margin-top: 28px;padding-bottom: 12px;} .index-page-form .form-box{max-width: 332px;border-radius: 16px;padding: 32px 40px 22px;} .index-page-form .form-box .item-input{margin-bottom: 12px;height: 40px;border-radius: 8px;} .index-page-form .form-box .item-input input{padding: 4px 14px;font-size: 16px;line-height: 30px;} .index-page-form .form-box .item-btn{padding-top: 10px;} .index-page-form .form-box .item-btn .btnn{min-width: 136px;height: 40px;font-size: 18px;} } @media screen and (max-width:1259px) { .index-page-body{padding: 48px 24px 20px;border-radius: 32px;} .index-page-left{width: 50%;} .index-page-right{width: 42.5%;} .indexpage-right-title{font-size: 70px;line-height: 68px;} .index-page-title{font-size: 36px;line-height: 48px;} .index-page-text{font-size: 24px;line-height: 36px;margin-top: 16px;} .index-page-btn{margin-top: 20px;padding-bottom: 8px;} .index-page-form .form-box{max-width: 332px;border-radius: 14px;padding: 28px 32px 18px;} .index-page-form .form-box .item-input{margin-bottom: 10px;height: 38px;border-radius: 6px;} .index-page-form .form-box .item-input input{padding: 4px 12px;font-size: 16px;line-height: 28px;} .index-page-form .form-box .item-btn{padding-top: 8px;} .index-page-form .form-box .item-btn .btnn{min-width: 130px;height: 38px;font-size: 16px;} } @media screen and (max-width:991px) { .index-page-body{padding: 36px 15px 16px;border-radius: 24px;} .index-page-left{width: 50%;} .index-page-right{width: 48%;} .indexpage-right-title{font-size: 56px;line-height: 54px;} .index-page-title{font-size: 28px;line-height: 40px;} .index-page-text{font-size: 20px;line-height: 32px;margin-top: 12px;} .index-page-btn{margin-top: 16px;padding-bottom: 8px;} .index-page-form .form-box{max-width: 320px;border-radius: 12px;padding: 24px 24px 14px;} .index-page-form .form-box .item-input{margin-bottom: 10px;height: 36px;border-radius: 6px;} .index-page-form .form-box .item-input input{padding: 3px 10px;font-size: 16px;line-height: 28px;} .index-page-form .form-box .item-btn{padding-top: 10px;} .index-page-form .form-box .item-btn .btnn{min-width: 130px;height: 36px;font-size: 16px;} } @media screen and (max-width:720px) { .index-page-body{padding: 24px 15px 16px;border-radius: 24px;} .index-page-left{width: 100%;} .index-page-right{width: 100%;margin-top: 16px;} .indexpage-right-title{font-size: 36px;line-height: 32px;} .index-page-title{font-size: 24px;line-height: 36px;} .index-page-text{font-size: 18px;line-height: 30px;margin-top: 12px;} .index-page-btn{margin-top: 16px;padding-bottom: 8px;} .index-page-form .form-box{max-width: 320px;border-radius: 12px;padding: 24px 24px 14px;} .index-page-form .form-box .item-input{margin-bottom: 10px;height: 36px;border-radius: 6px;} .index-page-form .form-box .item-input input{padding: 3px 10px;font-size: 14px;line-height: 28px;} .index-page-form .form-box .item-btn{padding-top: 10px;} .index-page-form .form-box .item-btn .btnn{min-width: 130px;height: 36px;font-size: 16px;} } .index-sec3{position: relative;width: 100%;padding-top: 6.6668%;padding-bottom: 62px;} .index3-tbody{position: relative;width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} .index3-tbody-left{position: relative;width: 32.14285715%;} .index3-tbody-right{position: relative;width: 62.15%;} .index3-tbody-img{position: relative;width: 100%;} .index3-tbody-img .item-pic{position: relative;width: 100%;display: block;text-align: center;} .index3-tbody-img .item-pic img{display: inline-block;vertical-align: top;width: 100%;} .index3-tbody-info{position: relative;width: 100%;padding-bottom: 72px;} .index3-tbody-desc{position: relative;width: 100%;font-size: 18px;color: #666666;margin-top: 35px;line-height: 36px;} .index3-tbody-btn{position: relative;width: 100%;margin-top: 44px;} .index3-model-btn{position: relative;width: 100%;margin-top: 20px;text-align: center;display: none} .index3-right-list{position: relative;width: 100%;overflow: hidden;} .index3-right-item{position: relative;width: 100%;margin-bottom: 0px; } .index3-right-list .index3-right-item:nth-of-type(even){margin-left: -100px;} .index3-right-item * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: block;} .index3-right-item .tempWrap {position: relative;width: 100% !important;overflow: unset !important; } .index3-right-item .picList li {float: left;width: 20%;} .index3-right-item .picList .item-pic {position: relative;overflow: hidden;width: 100%;} .index3-right-item .picList .item-pic img {display: inline-block;vertical-align: top;width: 100%;} @media screen and (max-width:1459px) { .index-sec3{padding-top: 6.5%;padding-bottom: 50px;} .index3-tbody-left{width: 32.5%;} .index3-tbody-right{width: 62.15%;} .index3-tbody-info{padding-bottom: 60px;} .index3-tbody-desc{font-size: 18px;margin-top: 28px;line-height: 32px;} .index3-tbody-btn{margin-top: 40px;} } @media screen and (max-width:1259px) { .index-sec3{padding-top: 6.25%;padding-bottom: 40px;} .index3-tbody-left{width: 35%;} .index3-tbody-right{width: 62.5%;} .index3-tbody-info{padding-bottom: 48px;} .index3-tbody-desc{font-size: 16px;margin-top: 20px;line-height: 30px;} .index3-tbody-btn{margin-top: 32px;} } @media screen and (max-width:991px) { .index-sec3{padding-top: 6%;padding-bottom: 30px;} .index3-tbody-left{width: 36%;} .index3-tbody-right{width: 62%;} .index3-tbody-info{padding-bottom: 36px;} .index3-tbody-desc{font-size: 15px;margin-top: 18px;line-height: 26px;} .index3-tbody-btn{margin-top: 28px;} } @media screen and (max-width:750px) { .index-sec3{padding-top: 48px;padding-bottom: 30px;} .index3-tbody-left{width: 100%;} .index3-tbody-right{width:100%;margin-top: 16px;} .index3-tbody-info{padding-bottom: 30px;} .index3-tbody-desc{font-size: 15px;margin-top: 16px;line-height: 26px;} .index3-tbody-btn{margin-top: 24px;} } @media screen and (max-width:560px) { .index-sec3{padding-top: 36px;padding-bottom: 20px;} .index3-tbody-left{width: 100%;} .index3-tbody-right{width:100%;margin-top: 16px;} .index3-tbody-info{padding-bottom: 20px;} .index3-tbody-desc{font-size: 14px;margin-top: 12px;line-height: 24px;} .index3-tbody-btn{margin-top: 18px;display: none} .index3-model-btn{display: block;text-align: center} } .index-sec4{position: relative;width: 100%;padding-top: 62px;padding-bottom: 62px;} .index4-tbody{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between; margin-left: -48px;margin-right: -48px;padding: 0 48px;padding-top: 44px;} .index4-tbody .swiper-button{top: 50%;transform: translateY(-50%);margin-top: 20px;font-size: 32px;line-height: 40px;height: 40px;color: #016FE8;width: 32px;text-align: center;} /* .index4-tbody-left{position: relative;width: 62.14285715%;} .index4-tbody-right{position: relative;width: 36.85715%;} */ .index4-tbody .mySwiper-index4{position: relative;width: 100%;} .index4-tbody .mySwiper-index4 .swiper-slide{width: 11.5%;} .index4-tbody .mySwiper-index4 .swiper-slide.active{width: 36.35%;} .index4-tbody-item{position: relative;width: 100%;height: auto; } .index4-tbody .mySwiper-index4 .swiper-slide.active .index4-tbody-item{display: none;height: 0;} .index4-tbody-item .item-box{position: relative;width: 100%;border-radius: 24px;border: 1px solid #FFFFFF;overflow: hidden;} .index4-tbody-item .item-box .item-pic{position: relative;width: 100%;} .index4-tbody-item .item-box .item-pic img{display: inline-block;vertical-align: top;width: 100%;} .index4-tbody-item .item-box .item-body{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;} .index4-tbody-item .item-box .item-body .item-title{display: inline-block;vertical-align: top;min-width: 110px;padding: 5px 15px;text-align: center;font-size: 24px;color: #FFFFFF;line-height: 36px;background: rgba(0,0,0,0.53);border-radius: 23px;} .index4-right-content{position: relative;width: 100%;} .index4-content-item{position: relative;width: 100%;height: 0; display: none;transition: all .5s;} .index4-tbody .mySwiper-index4 .swiper-slide.active .index4-content-item{display: block;height: auto;} .index4-content-item .item-box{position: relative;width: 100%;background: rgba(255,255,255,0.35);padding: 18px 15px 15px;box-shadow: 0px 0px 46px 0px rgba(6,0,1,0.1);border-radius: 24px;border: 1px solid #016FE8;transition: all .5s;} .index4-content-item .item-box .item-pic{position: relative;width: 100%;padding-bottom: 57.4%;height: 0;overflow: hidden;box-shadow: 0px 0px 46px 0px rgba(6,0,1,0.1);border-radius: 16px;border: 1px solid #FFFFFF;} .index4-content-item .item-box .item-pic .play-video, .index4-content-item .item-box .item-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .index4-content-item .item-box .item-body{position: relative;width: 100%;margin-top: 12px;padding: 18px 40px 13px;background: #FFFFFF;border-radius: 16px;} .index4-content-item .item-body .item-title{position: relative;width: 100%;font-weight: bold;font-size: 24px;color: #222222;line-height: 36px;} .index4-content-item .item-body .item-desc{position: relative;width: 100%;font-size: 18px;margin-top: 10px;color: #222222;line-height: 24px;height: 48px;overflow: hidden;} .index4-tbody-btn{position: relative;width: 100%;margin-top: 46px;} @media screen and (max-width:1459px) { .index-sec4{padding-top: 54px;padding-bottom: 54px;} .index4-tbody{margin-left: -36px;margin-right: -36px;padding: 0 36px;padding-top: 38px;} .index4-tbody .swiper-button{margin-top: 16px;font-size: 28px;line-height: 32px;height: 32px;width: 28px;} /* .index4-tbody-left{width: 56.25%;} .index4-tbody-right{width: 43%;} */ .index4-tbody .mySwiper-index4 .swiper-slide{width: 11.75%;} .index4-tbody .mySwiper-index4 .swiper-slide.active{width: 36.375%;} .index4-tbody-item .item-box{border-radius: 20px;} .index4-tbody-item .item-box .item-body .item-title{min-width: 110px;padding: 4px 12px;font-size: 22px;line-height: 32px;border-radius: 20px;} .index4-content-item .item-box{padding: 16px 12px 12px;border-radius: 20px;} .index4-content-item .item-box .item-pic{border-radius: 14px;} .index4-content-item .item-box .item-body{margin-top: 10px;padding: 16px 28px 10px;border-radius: 14px;} .index4-content-item .item-body .item-title{font-size: 20px;line-height: 32px;} .index4-content-item .item-body .item-desc{font-size: 16px;margin-top: 8px;line-height: 24px;height: 48px;} .index4-tbody-btn{margin-top: 36px;} } @media screen and (max-width:1259px) { .index-sec4{padding-top: 46px;padding-bottom: 46px;} .index4-tbody{margin-left: -28px;margin-right: -28px;padding: 0 28px;padding-top: 30px;} .index4-tbody .swiper-button{margin-top: 16px;font-size: 22px;line-height: 28px;height: 28px;width: 24px;} /* .index4-tbody-left{width: 50%;} .index4-tbody-right{width: 49%;} */ .index4-tbody .mySwiper-index4 .swiper-slide{width: 13.75%;} .index4-tbody .mySwiper-index4 .swiper-slide.active{width: 39.5%;} .index4-tbody-item .item-box{border-radius: 20px;} .index4-tbody-item .item-box .item-body .item-title{min-width: 110px;padding: 4px 12px;font-size: 22px;line-height: 32px;border-radius: 20px;} .index4-content-item .item-box{padding: 16px 12px 12px;border-radius: 20px;} .index4-content-item .item-box .item-pic{border-radius: 14px;} .index4-content-item .item-box .item-body{margin-top: 10px;padding: 16px 28px 10px;border-radius: 14px;} .index4-content-item .item-body .item-title{font-size: 20px;line-height: 32px;} .index4-content-item .item-body .item-desc{font-size: 16px;margin-top: 8px;line-height: 24px;height: 48px;} .index4-tbody-btn{margin-top: 36px;} } @media screen and (max-width:991px) { .index-sec4{padding-top: 38px;padding-bottom: 38px;} .index4-tbody{margin-left: -20px;margin-right: -20px;padding: 0 20px;padding-top: 24px;} .index4-tbody .swiper-button{margin-top: 0px;top: 50%; font-size: 18px;line-height: 28px;height: 28px;width: 20px;} /* .index4-tbody-left{width: 100%;} .index4-tbody-right{width: 100%;margin-top: 20px;} */ .index4-tbody-item{display: none;} .index4-tbody-item .item-box{border-radius: 20px;} .index4-tbody-item .item-box .item-body .item-title{min-width: 110px;padding: 4px 12px;font-size: 20px;line-height: 30px;border-radius: 19px;} .index4-content-item{display: block;} .index4-content-item .item-box{padding: 16px 12px 12px;border-radius: 16px;} .index4-content-item .item-box .item-pic{border-radius: 12px;} .index4-content-item .item-box .item-body{margin-top: 10px;padding: 16px 8px 10px;border-radius: 12px;} .index4-content-item .item-body .item-title{font-size: 18px;line-height: 30px;} .index4-content-item .item-body .item-desc{font-size: 15px;margin-top: 8px;line-height: 22px;height: 44px;} .index4-tbody-btn{margin-top: 30px;} } @media screen and (max-width:720px) { .index-sec4{padding-top: 30px;padding-bottom: 30px;} .index4-tbody{margin-left: -18px;margin-right: -18px;padding: 0 18px;padding-top: 20px;} .index4-tbody .swiper-button{margin-top: 16px;top: 28%; font-size: 18px;line-height: 28px;height: 28px;width: 18px;} .index4-tbody-left{width: 100%;} .index4-tbody-right{width: 100%;margin-top: 16px;} .index4-tbody-item .item-box{border-radius: 18px;} .index4-tbody-item .item-box .item-body .item-title{min-width: 106px;padding: 4px 12px;font-size: 16px;line-height: 28px;border-radius: 18px;} .index4-content-item .item-box{padding: 14px 12px 12px;border-radius: 16px;} .index4-content-item .item-box .item-pic{border-radius: 12px;} .index4-content-item .item-box .item-body{margin-top: 10px;padding: 16px 10px 10px;border-radius: 12px;} .index4-content-item .item-body .item-title{font-size: 18px;line-height: 30px;} .index4-content-item .item-body .item-desc{font-size: 14px;margin-top: 8px;line-height: 20px;height: 40px;} .index4-tbody-btn{margin-top: 24px;} } .index-sec5{position: relative;width: 100%;padding-top: 80px;padding-bottom: 72px;} .index5-tbody{position: relative;width: 100%;padding-top: 48px;} .index5-tbody-list{position: relative;font-size: 0;letter-spacing: 0;display: flex;flex-wrap: wrap;margin-left: 0px;margin-right: 0px;} .index5-list-item{display: inline-block;vertical-align: top;} .index5-list-item .item-box{position: relative;width: 100%;padding: 42px 20px 36px;border-radius: 56px;border: 1px solid #BCBCBC;text-align: center;transition: all .5s;background: #f6f9fd;} .index5-list-item3 .item-box{background: #E6F0FC;border-color: transparent;} .index5-list-item6 .item-box{background: #006FE8;} .index5-list-item .item-box .item-pic{display: block;width: 100%;text-align: center;} .index5-list-item .item-box .item-pic img{display: inline-block;vertical-align: top;width: auto;height: 76px;} .index5-list-item .item-box .item-title{position: relative;width: 100%;font-size: 18px;margin-top: 7px;color: #666666;line-height: 30px;} .index5-list-item6 .item-box .item-title{color: #fff;} .index5-list-item .item-box:hover{transform: scale(1.1);z-index: 2;} /* .index5-list-item3 .item-box:hover{background: #006FE8;} .index5-list-item .item-box:hover .item-title{color: #fff;} */ .index5-list-item1{width: 29.5%;} .index5-list-item2{width: 16.5715%;} .index5-list-item3{width: 33.5715%;} .index5-list-item4{width: 20.357%;} .index5-list-item5{width: 16.35715%;} .index5-list-item6{width: 36.9286%;} .index5-list-item7{width: 21%;} .index5-list-item8{width: 25.71425%;} @media screen and (max-width:1459px) { .index-sec5{padding-top: 68px;padding-bottom: 60px;} .index5-tbody{padding-top: 40px;} .index5-list-item .item-box{padding: 36px 20px 30px;border-radius: 48px;} .index5-list-item .item-box .item-pic img{height: 64px;} .index5-list-item .item-box .item-title{font-size: 16px;margin-top: 6px;line-height: 28px;} } @media screen and (max-width:1259px) { .index-sec5{padding-top: 56px;padding-bottom: 48px;} .index5-tbody{padding-top: 32px;} .index5-list-item .item-box{padding: 26px 15px 22px;border-radius: 40px;} .index5-list-item .item-box .item-pic img{height: 52px;} .index5-list-item .item-box .item-title{font-size: 15px;margin-top: 5px;line-height: 26px;} } @media screen and (max-width:991px) { .index-sec5{padding-top: 44px;padding-bottom: 36px;} .index5-tbody{padding-top: 24px;} .index5-list-item .item-box{padding: 20px 12px 16px;border-radius:28px;} .index5-list-item .item-box .item-pic img{height: 40px;} .index5-list-item .item-box .item-title{font-size: 14px;margin-top: 4px;line-height: 24px;} } @media screen and (max-width:750px) { .index-sec5{padding-top: 32px;padding-bottom: 24px;} .index5-tbody{padding-top: 18px;} .index5-list-item{width: 33.33333%;} .index5-list-item .item-box{padding: 20px 12px 16px;border-radius:28px;} .index5-list-item .item-box .item-pic img{height: 40px;} .index5-list-item .item-box .item-title{font-size: 14px;margin-top: 4px;line-height: 24px;} } @media screen and (max-width:540px) { .index-sec5{padding-top: 20px;padding-bottom: 16px;} .index5-tbody{padding-top: 16px;} .index5-list-item{width: 50%;} .index5-list-item .item-box{padding: 20px 12px 16px;border-radius:24px;} .index5-list-item .item-box .item-pic img{height: 40px;} .index5-list-item .item-box .item-title{font-size: 14px;margin-top: 4px;line-height: 24px;} } .index-sec6{position: relative;width: 100%;padding-top: 70px;padding-bottom: 122px;} .index6-tbody{position: relative;width: 100%;padding-top: 42px;} .index6-tbody-flex{position: relative;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;} .index6-tbody-left{position: relative;width: 49.5715%;} .index6-tbody-right{position: relative;width: 41.15%;} .index6-left-list{position: relative;font-size: 0;letter-spacing: 0;margin-left: -7px;margin-right: -7px;display: flex;flex-wrap: wrap;} .index6-list-item{position: relative;display: inline-block;vertical-align: top;width: 50%;padding: 0 7px;margin-bottom: 20px;} .index6-list-item .item-box{position: relative;width: 100%;} .index6-list-item .item-box .item-pic{position: relative;width: 100%;border-radius: 32px;text-align: center;overflow: hidden;} .index6-list-item .item-box .item-pic img{display: inline-block;vertical-align: top;width: 100%;} .index6-list-item .item-box .item-btn{position: absolute;right: 11px;bottom: 14px;width: 55px;} .index6-list-item .item-box .item-btn .btnn{display: inline-block;vertical-align: top;text-align: center; width: 55px;height: 55px;line-height: 55px;font-size: 28px;color: #016FE8;background: #FFFFFF;box-shadow: 0px 1px 24px 0px rgba(6,0,1,0.13);border-radius: 50%;} .index6-list-item .item-box .item-btn a.btnn:hover{color: #FFFFFF;background: #016FE8;} .index6-list-item .item-box .item-body{position: relative;width: 100%;padding-top: 26px;} .index6-list-item .item-body .item-title{position: relative;width: 100%;font-weight: bold;font-size: 16px;color: #222222;line-height: 24px;height: 48px;overflow: hidden;} .index6-list-item .item-body .item-desc{position: relative;width: 100%;font-size: 14px;color: #222222;line-height: 24px;height: 48px;overflow: hidden;margin-top: 12px;} .index6-list-item .item-body .item-date{position: relative;width: 100%;margin-top: 9px;font-size: 14px;color: #222222;line-height: 24px;} .index6-list-item .item-body .item-date .iconfont{display: inline-block;vertical-align: top;font-size: 16px;line-height: 24px;margin-right: 4px;} .index6-right-title{position: relative;width: 100%;font-weight: bold;font-size: 32px;color: #222222;line-height: 44px;margin-top: -6px;} .index6-right-list{position: relative;width: 100%;margin-top: 16px;} .index6-right-item{position: relative;width: 100%;margin-bottom: 16px;} .index6-right-item .item-title{position: relative;width: 100%;font-size: 16px;padding-left: 24px;color: #222222;line-height: 30px;} .index6-right-item .item-title span{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 18px;font-size: 16px;color: #FFFFFF;height: 18px;line-height: 18px;text-align: center;background: #016FE8;border-radius: 2px;} .index6-right-btn{position: relative;width: 100%;} .index6-right-btn .btnn{display: inline-block;vertical-align: top;font-size: 16px;color: #016FE8;line-height: 30px;} @media screen and (max-width:1459px) { .index-sec6{padding-top: 60px;padding-bottom: 104px;} .index6-tbody{padding-top: 36px;} .index6-tbody-left{width: 49.85%;} .index6-tbody-right{width: 42.5%;} .index6-left-list{margin-left: -6px;margin-right: -6px;} .index6-list-item{width: 50%;padding: 0 6px;margin-bottom: 20px;} .index6-list-item .item-box .item-pic{border-radius: 28px;} .index6-list-item .item-box .item-btn{right: 10px;bottom: 12px;width: 48px;} .index6-list-item .item-box .item-btn .btnn{width: 48px;height: 48px;line-height: 48px;font-size: 26px;} .index6-list-item .item-box .item-body{padding-top: 24px;} .index6-list-item .item-body .item-title{font-size: 16px;line-height: 24px;height: 48px} .index6-list-item .item-body .item-desc{font-size: 14px;line-height: 22px;height: 44px;margin-top: 10px;} .index6-list-item .item-body .item-date{margin-top: 8px;font-size: 14px;line-height: 22px;} .index6-list-item .item-body .item-date .iconfont{font-size: 16px;line-height: 22px;margin-right: 4px;} .index6-right-title{font-size: 28px;line-height: 40px;margin-top: -6px;} .index6-right-list{margin-top: 14px;} .index6-right-item{margin-bottom: 12px;} .index6-right-item .item-title{font-size: 16px;padding-left: 24px;line-height: 28px;} .index6-right-item .item-title span{width: 18px;font-size: 16px;height: 18px;line-height: 18px;} .index6-right-btn .btnn{font-size: 16px;line-height: 28px;} } @media screen and (max-width:1259px) { .index-sec6{padding-top: 50px;padding-bottom: 86px;} .index6-tbody{padding-top: 30px;} .index6-tbody-left{width: 50%;} .index6-tbody-right{width: 44.5%;} .index6-left-list{margin-left: -6px;margin-right: -6px;} .index6-list-item{width: 50%;padding: 0 6px;margin-bottom: 20px;} .index6-list-item .item-box .item-pic{border-radius: 24px;} .index6-list-item .item-box .item-btn{right: 10px;bottom: 10px;width: 42px;} .index6-list-item .item-box .item-btn .btnn{width: 42px;height: 42px;line-height: 42px;font-size: 24px;} .index6-list-item .item-box .item-body{padding-top: 20px;} .index6-list-item .item-body .item-title{font-size: 16px;line-height: 22px;height: 44px} .index6-list-item .item-body .item-desc{font-size: 14px;line-height: 20px;height: 40px;margin-top: 8px;} .index6-list-item .item-body .item-date{margin-top: 8px;font-size: 14px;line-height: 20px;} .index6-list-item .item-body .item-date .iconfont{font-size: 15px;line-height: 20px;margin-right: 4px;} .index6-right-title{font-size: 24px;line-height: 36px;margin-top: -6px;} .index6-right-list{margin-top: 12px;} .index6-right-item{margin-bottom: 10px;} .index6-right-item .item-title{font-size: 15px;padding-left: 24px;line-height: 28px;} .index6-right-item .item-title span{width: 18px;font-size: 16px;height: 18px;line-height: 18px;} .index6-right-btn .btnn{font-size: 15px;line-height: 26px;} } @media screen and (max-width:991px) { .index-sec6{padding-top: 40px;padding-bottom: 68px;} .index6-tbody{padding-top: 24px;} .index6-tbody-left{width: 100%;} .index6-tbody-right{width: 100%;margin-top: 16px;} .index6-left-list{margin-left: -12px;margin-right: -12px;} .index6-list-item{width: 50%;padding: 0 12px;margin-bottom: 20px;} .index6-list-item .item-box .item-pic{border-radius: 24px;} .index6-list-item .item-box .item-btn{right: 10px;bottom: 10px;width: 38px;} .index6-list-item .item-box .item-btn .btnn{width: 38px;height: 38px;line-height: 38px;font-size: 22px;} .index6-list-item .item-box .item-body{padding-top: 16px;} .index6-list-item .item-body .item-title{font-size: 16px;line-height: 22px;height: 44px} .index6-list-item .item-body .item-desc{font-size: 14px;line-height: 20px;height: 40px;margin-top: 8px;} .index6-list-item .item-body .item-date{margin-top: 8px;font-size: 14px;line-height: 20px;} .index6-list-item .item-body .item-date .iconfont{font-size: 15px;line-height: 20px;margin-right: 4px;} .index6-right-title{font-size: 20px;line-height: 32px;margin-top: 0px;} .index6-right-list{margin-top: 12px;} .index6-right-item{margin-bottom: 8px;} .index6-right-item .item-title{font-size: 15px;padding-left: 24px;line-height: 28px;} .index6-right-item .item-title span{width: 18px;font-size: 16px;height: 18px;line-height: 18px;} .index6-right-btn .btnn{font-size: 15px;line-height: 26px;} } @media screen and (max-width:720px) { .index-sec6{padding-top: 30px;padding-bottom: 50px;} .index6-tbody{padding-top: 20px;} .index6-tbody-left{width: 100%;} .index6-tbody-right{width: 100%;margin-top: 16px;} .index6-left-list{margin-left: -6px;margin-right: -6px;} .index6-list-item{width: 50%;padding: 0 6px;margin-bottom: 20px;} .index6-list-item .item-box .item-pic{border-radius: 20px;} .index6-list-item .item-box .item-btn{right: 10px;bottom: 10px;width: 32px;} .index6-list-item .item-box .item-btn .btnn{width: 32px;height: 32px;line-height: 32px;font-size: 20px;} .index6-list-item .item-box .item-body{padding-top: 16px;} .index6-list-item .item-body .item-title{font-size: 16px;line-height: 22px;height: 44px} .index6-list-item .item-body .item-desc{font-size: 14px;line-height: 20px;height: 40px;margin-top: 8px;} .index6-list-item .item-body .item-date{margin-top: 8px;font-size: 14px;line-height: 20px;} .index6-list-item .item-body .item-date .iconfont{font-size: 15px;line-height: 20px;margin-right: 4px;} .index6-right-title{font-size: 18px;line-height: 30px;margin-top: 0px;} .index6-right-list{margin-top: 12px;} .index6-right-item{margin-bottom: 8px;} .index6-right-item .item-title{font-size: 14px;padding-left: 24px;line-height: 26px;} .index6-right-item .item-title span{width: 18px;font-size: 16px;height: 18px;line-height: 18px;} .index6-right-btn .btnn{font-size: 14px;line-height: 24px;} } .index-sec7{position: relative;width: 100%;padding-top: 85px;padding-bottom: 62px;} .index7-tbody{position: relative;width: 100%;padding-top: 46px;overflow: hidden;} .index7-tbody-list{position: relative;width: 100%;} .index7-tbody-list * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: block;} .index7-tbody-list .tempWrap {position: relative;width: 100% !important;overflow: unset !important; } .index7-tbody-list .picList li {float: left;width: 27%;padding: 55px 0;} .index7-tbody-list .picList .item-pic {position: relative;width: 100%;overflow: hidden;background: #fff;border: 5px solid #fff;border-radius: 16px;height: 266px;text-align: center;} .index7-tbody-list .picList li:hover{padding: 0;} .index7-tbody-list .picList li:hover .item-pic{height: 376px;} .index7-tbody-list .picList .item-pic img {display: inline-block;vertical-align: top;width: 100%;height: 100%;background-size: cover;background-position: center top;transition: ease-out 5s;border-radius: 10px;} .index7-tbody-list .picList li:hover .item-pic img {background-position: center bottom;} .index7-tbody-list .picList .item-pic .item-backdrop {position: absolute;left: 0px;top: -120%;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);display: flex;align-items: center;justify-content: center;} .index7-tbody-list .picList li:hover .item-pic .item-backdrop {top: 0;} .index7-tbody-list .picList .item-pic .item-backdrop .open {display: inline-block;vertical-align: top;text-align: center;min-width: 136px;padding: 5px 15px;line-height: 33px;font-size: 18px;font-family: Microsoft YaHei;color: #FFFFFF;background: #006FE8;border-radius: 22px;} @media screen and (max-width:1459px) { .index-sec7{padding-top: 74px;padding-bottom: 52px;} .index7-tbody{padding-top: 40px; } .index7-tbody-list .picList li {width: 27%;padding: 48px 0;} .index7-tbody-list .picList .item-pic {border: 4px solid #fff;border-radius: 16px;height: 242px;} .index7-tbody-list .picList li:hover{padding: 0;} .index7-tbody-list .picList li:hover .item-pic{height: 338px;} .index7-tbody-list .picList .item-pic .item-backdrop .open {min-width: 136px;padding: 4px 12px;line-height: 32px;font-size: 18px;border-radius: 20px;} } @media screen and (max-width:1259px) { .index-sec7{padding-top: 62px;padding-bottom: 42px;} .index7-tbody{padding-top: 32px; } .index7-tbody-list .picList li {width: 27%;padding: 40px 0;} .index7-tbody-list .picList .item-pic {border: 4px solid #fff;border-radius: 16px;height: 216px;} .index7-tbody-list .picList li:hover{padding: 0;} .index7-tbody-list .picList li:hover .item-pic{height: 296px;} .index7-tbody-list .picList .item-pic .item-backdrop .open {min-width: 128px;padding: 4px 12px;line-height: 30px;font-size: 16px;border-radius: 19px;} } @media screen and (max-width:991px) { .index-sec7{padding-top: 50px;padding-bottom: 32px;} .index7-tbody{padding-top: 24px; } .index7-tbody-list .picList li {width: 34%;padding: 32px 0;} .index7-tbody-list .picList .item-pic {border: 4px solid #fff;border-radius: 14px;height: 200px;} .index7-tbody-list .picList li:hover{padding: 0;} .index7-tbody-list .picList li:hover .item-pic{height: 264px;} .index7-tbody-list .picList .item-pic .item-backdrop .open {min-width: 128px;padding: 4px 12px;line-height: 28px;font-size: 16px;border-radius: 18px;} } @media screen and (max-width:720px) { .index-sec7{padding-top: 36px;padding-bottom: 22px;} .index7-tbody{padding-top: 18px; } .index7-tbody-list .picList li {width: 34%;padding: 0;} .index7-tbody-list .picList .item-pic {border: 4px solid #fff;border-radius: 14px;height: auto;} .index7-tbody-list .picList .item-pic img{height: auto;} .index7-tbody-list .picList li:hover{padding: 0;} .index7-tbody-list .picList li:hover .item-pic{height: auto;} .index7-tbody-list .picList .item-pic .item-backdrop .open {min-width: 120px;padding: 4px 12px;line-height: 28px;font-size: 16px;border-radius: 18px;} } .ggads-main{position: relative;width: 100%;background: #F2F8FF;} .ggads-main .ggads-banner{position: relative;width: 100%;display: block;max-width: 1920px;margin: 0 auto;overflow: hidden;} .ggads-main .ggads-banner .banner-img{position: relative;width: 100%;display: block;} .ggads-main .ggads-banner .ban-pic{width: 100%;display: block;} .ggads-section{position: relative;width: 100%;} .ggads-top{position: relative;width: 100%;} .ggads-top .ggads-sec-title{position: relative;width: 100%;font-weight: bold;font-size: 40px;color: #222222;line-height: 52px;padding-left: 66px;} .ggads-top .ggads-sec-title .title-icon{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 62px;} .ggads-top .ggads-sec-text{position: relative;width: 100%;font-size: 24px;color: #222222;line-height: 36px;margin-top: 17px;padding-left: 66px;} .ggads-top .ggads-sec-title a{color: #222;} .ggads-top .ggads-sec-title a:hover{color: #016FE8;} .ggads-top .ggads-sec-title.white, .ggads-top .ggads-sec-title.white a{color: #fff;} .ggads-top .ggads-sec-title.white a:hover{color: #cacaca;} @media screen and (max-width:1459px) { .ggads-top .ggads-sec-title{font-size: 36px;line-height: 48px;padding-left: 60px;} .ggads-top .ggads-sec-title .title-icon{width: 56px;} .ggads-top .ggads-sec-text{font-size: 22px;line-height: 34px;margin-top: 14px;padding-left: 60px;} } @media screen and (max-width:1259px) { .ggads-top .ggads-sec-title{font-size: 32px;line-height: 44px;padding-left: 55px;} .ggads-top .ggads-sec-title .title-icon{width: 52px;} .ggads-top .ggads-sec-text{font-size: 20px;line-height: 32px;margin-top: 12px;padding-left: 55px;} } @media screen and (max-width:991px) { .ggads-top .ggads-sec-title{font-size: 28px;line-height: 40px;padding-left: 50px;} .ggads-top .ggads-sec-title .title-icon{width: 48px;} .ggads-top .ggads-sec-text{font-size: 18px;line-height: 30px;margin-top: 10px;padding-left: 50px;} } @media screen and (max-width:750px) { .ggads-top .ggads-sec-title{font-size: 24px;line-height: 36px;padding-left: 46px;} .ggads-top .ggads-sec-title .title-icon{width: 42px;} .ggads-top .ggads-sec-text{font-size: 16px;line-height: 28px;margin-top: 10px;padding-left: 46px;} } @media screen and (max-width:560px) { .ggads-top .ggads-sec-title{font-size: 20px;line-height: 32px;padding-left: 42px;} .ggads-top .ggads-sec-title .title-icon{width: 38px;} .ggads-top .ggads-sec-text{font-size: 15px;line-height: 26px;margin-top: 8px;padding-left: 42px;} } .ggads-section .ggads-sec1{position: relative;width: 100%;padding: 80px 0 20px;} .ggads-section .ggads-sec1 .ggads1-tbody{position: relative;width: 100%;background: #CFE3FA;padding: 54px 97px;border-radius: 74px;} .ggads-section .ggads-sec1 .ggads1-tbody .ggads1-tbody-form{position: relative;width: 100%;display: block;} .ggads-section .ggads-sec1 .ggads1-tbody .ggads1-tbody-form .ggads1-form-flex{position: relative;width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} .ggads-section .ggads-sec1 .ggads1-tbody .ggads1-tbody-form .ggads1-form-flex .item-input{position: relative;width: auto;display: inline-flex;vertical-align: top;align-items: center;} .ggads-section .ggads-sec1 .ggads1-tbody .ggads1-form-flex .item-input .label{position: relative;display: inline-block;vertical-align: top;width: auto;font-size: 18px;color: #222222;line-height: 30px;margin-right: 5px;} .ggads-section .ggads-sec1 .ggads1-tbody .ggads1-form-flex .item-input input{width: 240px;padding: 2px 24px;font-size: 16px;color: #333;line-height: 28px;height: 35px;background: #FFFFFF;border-radius: 8px;} .ggads-section .ggads-sec1 .ggads1-tbody .ggads1-form-flex .item-btn{position: relative;display: inline-block;vertical-align: top;width: auto;} .ggads-section .ggads-sec1 .ggads1-tbody .ggads1-form-flex .item-btn .btnn{position: relative;display: inline-block;vertical-align: top;text-align: center; min-width: 156px;padding: 3px 12px;font-size: 20px;color: #FFFFFF;line-height: 30px;height: 39px;background: #222222;border-radius: 20px;} .ggads-section .ggads-sec1 .ggads1-tbody .ggads1-form-flex .item-btn a.btnn:hover{background: #016FE8;} @media screen and (max-width:1659px) { .ggads-section .ggads-sec1{padding: 72px 0 18px;} .ggads-section .ggads-sec1 .ggads1-tbody{padding: 48px 75px;border-radius: 68px;} .ggads-section .ggads-sec1 .ggads1-tbody .ggads1-form-flex .item-input .label{font-size: 18px;line-height: 30px;margin-right: 5px;} .ggads-section .ggads-sec1 .ggads1-tbody .ggads1-form-flex .item-input input{width: 220px;padding: 2px 20px;font-size: 16px;line-height: 28px;height: 32px;} .ggads-section .ggads-sec1 .ggads1-tbody .ggads1-form-flex .item-btn .btnn{min-width: 148px;padding: 3px 12px;font-size: 18px;line-height: 28px;height: 38px;border-radius: 19px;} } @media screen and (max-width:1459px) { .ggads-section .ggads-sec1{padding: 64px 0 16px;} .ggads-section .ggads-sec1 .ggads1-tbody{padding: 42px 36px;border-radius: 60px;} .ggads-section .ggads-sec1 .ggads1-tbody .ggads1-form-flex .item-input .label{font-size: 16px;line-height: 28px;margin-right: 5px;} .ggads-section .ggads-sec1 .ggads1-tbody .ggads1-form-flex .item-input input{width: 200px;padding: 2px 16px;font-size: 16px;line-height: 28px;height: 32px;} .ggads-section .ggads-sec1 .ggads1-tbody .ggads1-form-flex .item-btn .btnn{min-width: 136px;padding: 3px 12px;font-size: 16px;line-height: 28px;height: 36px;border-radius: 18px;} } @media screen and (max-width:1259px) { .ggads-section .ggads-sec1{padding: 56px 0 16px;} .ggads-section .ggads-sec1 .ggads1-tbody{padding: 30px 24px;border-radius: 56px;} .ggads-section .ggads-sec1 .ggads1-tbody .ggads1-form-flex .item-input .label{font-size: 16px;line-height: 28px;margin-right: 4px;} .ggads-section .ggads-sec1 .ggads1-tbody .ggads1-form-flex .item-input input{width: 180px;padding: 2px 14px;font-size: 14px;line-height: 24px;height: 30px;} .ggads-section .ggads-sec1 .ggads1-tbody .ggads1-form-flex .item-btn .btnn{min-width: 128px;padding: 2px 8px;font-size: 16px;line-height: 28px;height: 34px;border-radius: 17px;} } @media screen and (max-width:991px) { .ggads-section .ggads-sec1{padding: 48px 0 16px;} .ggads-section .ggads-sec1 .ggads1-tbody{padding: 20px 24px;border-radius: 60px;} .ggads-section .ggads-sec1 .ggads1-tbody .ggads1-tbody-form .ggads1-form-flex .item-input{width: 48%;margin-bottom: 12px;} .ggads-section .ggads-sec1 .ggads1-tbody .ggads1-form-flex .item-input .label{font-size: 16px;line-height: 28px;margin-right: 5px;min-width: 70px;text-align: right;} .ggads-section .ggads-sec1 .ggads1-tbody .ggads1-form-flex .item-input input{width: calc(100% - 80px);padding: 2px 16px;font-size: 16px;line-height: 28px;height: 32px;} .ggads-section .ggads-sec1 .ggads1-tbody .ggads1-form-flex .item-btn .btnn{min-width: 136px;padding: 3px 12px;font-size: 16px;line-height: 28px;height: 36px;border-radius: 18px;} } @media screen and (max-width:720px) { .ggads-section .ggads-sec1{padding: 36px 0 14px;} .ggads-section .ggads-sec1 .ggads1-tbody{padding: 16px 15px;border-radius: 48px;} .ggads-section .ggads-sec1 .ggads1-tbody .ggads1-tbody-form .ggads1-form-flex .item-input{width: 100%;margin-bottom: 10px;} .ggads-section .ggads-sec1 .ggads1-tbody .ggads1-form-flex .item-input .label{font-size: 16px;line-height: 28px;margin-right: 5px;min-width: 70px;text-align: right;} .ggads-section .ggads-sec1 .ggads1-tbody .ggads1-form-flex .item-input input{width: calc(100% - 80px);padding: 2px 16px;font-size: 16px;line-height: 28px;height: 32px;} .ggads-section .ggads-sec1 .ggads1-tbody .ggads1-form-flex .item-btn{width: 100%;text-align: center;} .ggads-section .ggads-sec1 .ggads1-tbody .ggads1-form-flex .item-btn .btnn{min-width: 136px;padding: 3px 12px;font-size: 16px;line-height: 28px;height: 36px;border-radius: 18px;} } .ggads-section .ggads-sec2{position: relative;width: 100%;padding: 49px 0 7.708333333%;} .ggads-section .ggads-sec2 .ggads2-tbody{position: relative;width: 100%;max-width: calc(1400px + (100% - 1400px)/ 2);margin-left: auto;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex{position: relative;width: 100%;display: flex;align-items: flex-end;justify-content: space-between;flex-wrap: wrap;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-left{position: relative;width: 51.205%;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-right{position: relative;width: 45.42168675%;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-right .ggads2-tbody-img{position: relative;width: 100%;text-align: center;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-right .ggads2-tbody-img .item-pic{position: relative;width: 100%;text-align: center;overflow: hidden;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-right .ggads2-tbody-img .item-pic img{display: inline-block;vertical-align: top;width: 100%;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-left .ggads2-tbody-list{position: relative;padding-top: 61px;margin-left: -19px;margin-right: -19px;display: flex;flex-wrap: wrap;margin-bottom: -20px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-left .ggads2-tbody-list .ggads2-list-item{position: relative;display: inline-block;vertical-align: top;width: 33.33333%;padding: 0 19px;margin-bottom: 20px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box{position: relative;width: 100%;height: 100%;background: #FFFFFF;padding: 32px 24px 25px;box-shadow: 1px 4px 18px 0px rgba(0,0,0,0.04);border-radius: 24px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-icon{position: relative;width: 97px;height: 97px;text-align: center;display: flex;align-items: center;justify-content: center;border-radius: 50%;margin: 0 auto;border: 1px solid #222222;margin-bottom: 27px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-icon img{display: inline-block;vertical-align: top;max-width: 100%;max-height: 100%;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-icon .icon1{display: inline-block;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-icon .icon2{display: none;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box:hover{background: #016FE8;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box:hover .item-icon{border-color: #FFFFFF;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box:hover .item-icon .icon2{display: inline-block;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box:hover .item-icon .icon1{display: none;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-title{position: relative;width: 100%;text-align: center;font-weight: bold;font-size: 18px;color: #222222;line-height: 30px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-title a{color: #222222;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box:hover .item-title, .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box:hover .item-title a{color: #fff;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-desc{position: relative;width: 100%;margin-top: 16px;font-size: 16px;color: #222222;line-height: 26px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-desc a{color: #222222;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box:hover .item-desc, .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box:hover .item-desc a{color: #fff;} .ggads-section .ggads-sec2 .ggads2-tbody-btn{position: relative;width: 100%;text-align: center;padding-top: 77px;} @media screen and (max-width:1459px) { .ggads-section .ggads-sec2{padding: 42px 0 7.5%;} .ggads-section .ggads-sec2 .ggads2-tbody{max-width: calc(1200px + (100% - 1200px)/ 2);} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-left{width: 52.5%;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-right{width: 46.5%;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-left .ggads2-tbody-list{padding-top: 54px;margin-left: -12px;margin-right: -12px;margin-bottom: -20px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-left .ggads2-tbody-list .ggads2-list-item{width: 33.33333%;padding: 0 12px;margin-bottom: 20px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box{padding: 28px 20px 22px;border-radius: 22px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-icon{width: 90px;height: 90px;margin-bottom: 22px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-title{font-size: 18px;line-height: 30px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-desc{margin-top: 12px;font-size: 16px;line-height: 26px;} .ggads-section .ggads-sec2 .ggads2-tbody-btn{padding-top: 66px;} } @media screen and (max-width:1259px) { .ggads-section .ggads-sec2{padding: 36px 0 7.25%;} .ggads-section .ggads-sec2 .ggads2-tbody{max-width: calc(950px + (100% - 950px)/ 2);} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-left{width: 52.5%;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-right{width: 46.5%;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-left .ggads2-tbody-list{padding-top: 40px;margin-left: -6px;margin-right: -6px;margin-bottom: -16px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-left .ggads2-tbody-list .ggads2-list-item{width: 33.33333%;padding: 0 6px;margin-bottom: 16px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box{padding: 24px 15px 16px;border-radius: 18px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-icon{width: 76px;height: 76px;margin-bottom: 18px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-title{font-size: 16px;line-height: 28px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-desc{margin-top: 10px;font-size: 14px;line-height: 24px;} .ggads-section .ggads-sec2 .ggads2-tbody-btn{padding-top: 54px;} } @media screen and (max-width:991px) { .ggads-section .ggads-sec2{padding: 28px 0 7%;} .ggads-section .ggads-sec2 .ggads2-tbody{max-width: calc(720px + (100% - 720px)/ 2);} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-left{width: 53%;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-right{width: 45%;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-left .ggads2-tbody-list{padding-top: 32px;margin-left: -6px;margin-right: -6px;margin-bottom: -16px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-left .ggads2-tbody-list .ggads2-list-item{width: 33.33333%;padding: 0 6px;margin-bottom: 16px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box{padding: 20px 10px 12px;border-radius: 15px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-icon{width: 64px;height: 64px;margin-bottom: 14px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-title{font-size: 16px;line-height: 28px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-desc{margin-top: 8px;font-size: 13px;line-height: 22px;} .ggads-section .ggads-sec2 .ggads2-tbody-btn{padding-top: 42px;} } @media screen and (max-width:880px) { .ggads-section .ggads-sec2{padding: 24px 0 7%;} .ggads-section .ggads-sec2 .ggads2-tbody{max-width: 720px;margin: 0 auto;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-left{width: 100%;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-right{width: 100%;margin-top: 16px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-left .ggads2-tbody-list{padding-top: 32px;margin-left: -16px;margin-right: -16px;margin-bottom: -16px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-left .ggads2-tbody-list .ggads2-list-item{width: 33.33333%;padding: 0 16px;margin-bottom: 16px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box{padding: 28px 16px 18px;border-radius: 16px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-icon{width: 90px;height: 90px;margin-bottom: 22px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-title{font-size: 18px;line-height: 30px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-desc{margin-top: 12px;font-size: 16px;line-height: 26px;} .ggads-section .ggads-sec2 .ggads2-tbody-btn{padding-top: 36px;} } @media screen and (max-width:767px) { .ggads-section .ggads-sec2{padding: 20px 0 7%;} .ggads-section .ggads-sec2 .ggads2-tbody{max-width: 100%;padding: 0 15px;margin: 0 auto;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-left{width: 100%;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-right{width: 100%;margin-top: 16px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-left .ggads2-tbody-list{padding-top: 32px;margin-left: -10px;margin-right: -10px;margin-bottom: 0px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-left .ggads2-tbody-list .ggads2-list-item{width: 33.33333%;padding: 0 10px;margin-bottom: 16px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box{padding: 24px 14px 16px;border-radius: 15px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-icon{width: 76px;height: 76px;margin-bottom: 18px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-title{font-size: 16px;line-height: 28px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-desc{margin-top: 10px;font-size: 14px;line-height: 24px;} .ggads-section .ggads-sec2 .ggads2-tbody-btn{padding-top: 28px;} } @media screen and (max-width:560px) { .ggads-section .ggads-sec2{padding: 20px 0 7%;} .ggads-section .ggads-sec2 .ggads2-tbody{max-width: 100%;padding: 0 15px;margin: 0 auto;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-left{width: 100%;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-right{width: 100%;margin-top: 16px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-left .ggads2-tbody-list{padding-top: 32px;margin-left: -6px;margin-right: -6px;margin-bottom: 0px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-left .ggads2-tbody-list .ggads2-list-item{width: 50%;padding: 0 6px;margin-bottom: 16px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box{padding: 24px 14px 16px;border-radius: 15px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-icon{width: 76px;height: 76px;margin-bottom: 18px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-title{font-size: 16px;line-height: 28px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-desc{margin-top: 10px;font-size: 14px;line-height: 24px;} .ggads-section .ggads-sec2 .ggads2-tbody-btn{padding-top: 28px;} } @media screen and (max-width:420px) { .ggads-section .ggads-sec2{padding: 20px 0 7%;} .ggads-section .ggads-sec2 .ggads2-tbody{max-width: 100%;padding: 0 15px;margin: 0 auto;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-left{width: 100%;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-right{width: 100%;margin-top: 16px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-left .ggads2-tbody-list{padding-top: 32px;margin-left: -6px;margin-right: -6px;margin-bottom: 0px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-flex .ggads2-tbody-left .ggads2-tbody-list .ggads2-list-item{width: 100%;padding: 0 6px;margin-bottom: 16px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box{padding: 24px 14px 16px;border-radius: 15px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-icon{width: 76px;height: 76px;margin-bottom: 18px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-title{font-size: 16px;line-height: 28px;} .ggads-section .ggads-sec2 .ggads2-tbody .ggads2-tbody-list .ggads2-list-item .item-box .item-desc{margin-top: 10px;font-size: 14px;line-height: 24px;} .ggads-section .ggads-sec2 .ggads2-tbody-btn{padding-top: 28px;} } .ggads-section .ggads-sec3{position: relative;width: 100%;padding: 72px 0 36px;background: #016FE8;} .ggads-section .ggads-sec3::before{position: absolute;content: "";left: -1px;right: -1px;bottom: -1px;background: #F2F8FF;height: 200px;} .ggads-section .ggads-sec3 .ggads3-tbody{position: relative;width: 100%;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex{position: relative;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-left{position: relative;width: 52.5%;padding-top: 100px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-right{position: relative;width: 42.6%;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-title{position: relative;width: 100%;font-weight: bold;font-size: 40px;color: #fff;line-height: 60px;padding-left: 104px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-title .title-icon{position: absolute;left: 0;top: 0;width: 74px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-text{position: relative;width: 100%;font-size: 18px;color: #ffffff;line-height: 36px;margin-top: 38px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-title a{color: #fff;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-text a{color: #fff;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-title a:hover{color: #cacaca;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-text a:hover{color: #cacaca;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list{position: relative;margin-left: -18px;margin-right: -18px;display: flex;flex-wrap: wrap;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item{position: relative;display: inline-block;vertical-align: top;width: 50%;padding: 0 18px;margin-bottom: 30px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item .item-box{position: relative;width: 100%;height: 100%; background: #FFFFFF;border-radius: 24px;padding: 38px 24px 40px; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item .item-box:hover{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item .item-box .item-icon{position: relative;width: 88px;height: 88px;line-height: 88px;background: #222222;border-radius: 24px;text-align: center;display: flex;align-items: center;justify-content: center;margin: 0 auto;margin-bottom: 18px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item .item-box .item-icon img{display: inline-block;vertical-align: top;max-width: 100%;max-height: 100%;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item .item-box .item-title{position: relative;width: 100%;text-align: center;font-weight: bold;font-size: 18px;color: #272727;line-height: 32px;} @media screen and (max-width:1459px) { .ggads-section .ggads-sec3{padding: 64px 0 30px;} .ggads-section .ggads-sec3::before{height: 180px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-left{width: 52.5%;padding-top: 86px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-right{width: 42.6%;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-title{font-size: 36px;line-height: 54px;padding-left: 98px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-title .title-icon{width: 68px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-text{font-size: 18px;line-height: 32px;margin-top: 30px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list{margin-left: -12px;margin-right: -12px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item{width: 50%;padding: 0 12px;margin-bottom: 28px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item .item-box{border-radius: 22px;padding: 32px 20px 36px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item .item-box .item-icon{width: 80px;height: 80px;line-height: 80px;border-radius: 21px;margin-bottom: 16px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item .item-box .item-title{font-size: 18px;line-height: 30px;} } @media screen and (max-width:1259px) { .ggads-section .ggads-sec3{padding: 56px 0 24px;} .ggads-section .ggads-sec3::before{height: 160px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-left{width: 53%;padding-top: 72px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-right{width: 44%;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-title{font-size: 32px;line-height: 48px;padding-left: 90px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-title .title-icon{width: 60px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-text{font-size: 16px;line-height: 30px;margin-top: 24px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list{margin-left: -8px;margin-right: -8px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item{width: 50%;padding: 0 8px;margin-bottom: 24px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item .item-box{border-radius: 18px;padding: 28px 16px 30px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item .item-box .item-icon{width: 72px;height: 72px;line-height: 72px;border-radius: 16px;margin-bottom: 14px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item .item-box .item-title{font-size: 16px;line-height: 28px;} } @media screen and (max-width:991px) { .ggads-section .ggads-sec3{padding: 48px 0 18px;} .ggads-section .ggads-sec3::before{height: 130px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-left{width: 100%;padding-top: 0px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-right{width: 100%;padding-top: 16px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-title{font-size: 28px;line-height: 42px;padding-left: 82px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-title .title-icon{width: 56px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-text{font-size: 16px;line-height: 28px;margin-top: 20px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list{margin-left: -6px;margin-right: -6px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item{width: 25%;padding: 0 6px;margin-bottom: 24px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item .item-box{border-radius: 18px;padding: 24px 16px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item .item-box:hover{margin-top: 0px} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item .item-box .item-icon{width: 72px;height: 72px;line-height: 72px;border-radius: 16px;margin-bottom: 14px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item .item-box .item-title{font-size: 16px;line-height: 28px;} } @media screen and (max-width:700px) { .ggads-section .ggads-sec3{padding: 36px 0 16px;} .ggads-section .ggads-sec3::before{height: 100px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-left{width: 100%;padding-top: 0px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-right{width: 100%;padding-top: 16px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-title{font-size: 24px;line-height: 36px;padding-left: 66px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-title .title-icon{width: 48px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-text{font-size: 15px;line-height: 26px;margin-top: 16px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list{margin-left: -16px;margin-right: -16px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item{width: 50%;padding: 0 16px;margin-bottom: 24px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item .item-box{border-radius: 18px;padding: 24px 16px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item .item-box .item-icon{width: 72px;height: 72px;line-height: 72px;border-radius: 16px;margin-bottom: 14px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item .item-box .item-title{font-size: 16px;line-height: 28px;} } @media screen and (max-width:560px) { .ggads-section .ggads-sec3{padding: 36px 0 16px;} .ggads-section .ggads-sec3::before{height: 100px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-left{width: 100%;padding-top: 0px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-right{width: 100%;padding-top: 16px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-title{font-size: 20px;line-height: 32px;padding-left: 56px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-title .title-icon{width: 42px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-text{font-size: 14px;line-height: 24px;margin-top: 12px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list{margin-left: -6px;margin-right: -6px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item{width: 50%;padding: 0 6px;margin-bottom: 20px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item .item-box{border-radius: 16px;padding: 24px 16px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item .item-box .item-icon{width: 64px;height: 64px;line-height: 64px;border-radius: 12px;margin-bottom: 12px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item .item-box .item-title{font-size: 15px;line-height: 26px;} } @media screen and (max-width:420px) { .ggads-section .ggads-sec3{padding: 28px 0 16px;} .ggads-section .ggads-sec3::before{height: 100px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-left{width: 100%;padding-top: 0px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-right{width: 100%;padding-top: 16px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-title{font-size: 20px;line-height: 32px;padding-left: 56px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-title .title-icon{width: 42px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-text{font-size: 14px;line-height: 24px;margin-top: 12px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list{margin-left: -6px;margin-right: -6px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item{width: 50%;padding: 0 6px;margin-bottom: 20px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item .item-box{border-radius: 16px;padding: 20px 16px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item .item-box .item-icon{width: 64px;height: 64px;line-height: 64px;border-radius: 12px;margin-bottom: 12px;} .ggads-section .ggads-sec3 .ggads3-tbody .ggads3-tbody-flex .ggads3-tbody-list .ggads3-list-item .item-box .item-title{font-size: 14px;line-height: 24px;} } .ggads-section .ggads-sec4{position: relative;width: 100%;padding: 84px 0 7.708333%;} .ggads-section .ggads-sec4 .ggads4-tbody{position: relative;width: 100%;padding-top: 72px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list{position: relative;width: 100%;max-width: 1316px; margin: 0 auto;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item{position: relative;display: inline-block;vertical-align: top;margin-bottom: 20px;margin-left: -4px;margin-right: -4px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item:nth-of-type(1){width: 448px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item:nth-of-type(2){width: 424px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item:nth-of-type(3){width: 460px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item .item-box{position: relative;width: 100%;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item .item-box .item-pic{position: relative;width: 100%;text-align: center;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item .item-box .item-pic img{display: inline-block;vertical-align: top;width: 100%;max-width: 100%;max-height: 100%;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item .item-box .item-pic .pics1{display: inline-block;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item .item-box .item-pic .pics2{display: none;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item .item-box:hover .item-pic .pics2{display: inline-block;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item .item-box:hover .item-pic .pics1{display: none;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item .item-box .item-title{position: absolute;left: 32px;bottom: 10px;font-weight: bold;font-size: 26px;color: #FFFFFF;line-height: 38px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-btn{position: relative;width: 100%;text-align: center;padding-top: 46px;} @media screen and (max-width:1459px) { .ggads-section .ggads-sec4{padding: 74px 0 7.5%;} .ggads-section .ggads-sec4 .ggads4-tbody{padding-top: 62px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item{margin-bottom: 18px;margin-left: -4px;margin-right: -4px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item:nth-of-type(1){width: 408px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item:nth-of-type(2){width: 386px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item:nth-of-type(3){width: 419px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item .item-box .item-title{left: 32px;bottom: 8px;font-size: 24px;line-height: 36px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-btn{padding-top: 40px;} } @media screen and (max-width:1259px) { .ggads-section .ggads-sec4{padding: 64px 0 7.25%;} .ggads-section .ggads-sec4 .ggads4-tbody{padding-top: 52px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item{margin-bottom: 16px;margin-left: -3px;margin-right: -3px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item:nth-of-type(1){width: 323px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item:nth-of-type(2){width: 306px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item:nth-of-type(3){width: 332px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item .item-box .item-title{left: 28px;bottom: 8px;font-size: 20px;line-height: 32px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-btn{padding-top: 32px;} } @media screen and (max-width:991px) { .ggads-section .ggads-sec4{padding: 54px 0 7%;} .ggads-section .ggads-sec4 .ggads4-tbody{padding-top: 42px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item{margin-bottom: 16px;margin-left: -3px;margin-right: -3px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item:nth-of-type(1){width: 246px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item:nth-of-type(2){width: 233px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item:nth-of-type(3){width: 252px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item .item-box .item-title{left: 28px;bottom: 3px;font-size: 16px;line-height: 28px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-btn{padding-top: 24px;} } @media screen and (max-width:720px) { .ggads-section .ggads-sec4{padding: 42px 0 7%;} .ggads-section .ggads-sec4 .ggads4-tbody{padding-top: 32px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item{margin: 0 auto; margin-bottom: 16px;display: block;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item:nth-of-type(1){width: 72%;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item:nth-of-type(2){width: 72%;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item:nth-of-type(3){width: 72%;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item .item-box .item-title{left: 40px;bottom: 8px;font-size: 24px;line-height: 36px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-btn{padding-top: 24px;} } @media screen and (max-width:560px) { .ggads-section .ggads-sec4{padding: 30px 0 6.875%;} .ggads-section .ggads-sec4 .ggads4-tbody{padding-top: 24px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item{margin: 0 auto;margin-bottom: 16px;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item:nth-of-type(1){width: 100%;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item:nth-of-type(2){width: 100%;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item:nth-of-type(3){width: 100%;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item .item-box .item-title{position: relative; left: 0;bottom: 0;font-size: 18px;line-height: 30px;padding: 10px;color: #222;} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-btn{padding-top: 18px;} } .ggads-section .ggads-sec5{position: relative;width: 100%;padding: 12.5% 0 60px;background: url(../images/index/20250530/ggads5-bgi.png) no-repeat center center;background-size: cover;} .ggads-section .ggads-sec5 .ggads-sec5-title{position: relative;width: 100%;text-align: center;font-weight: bold;font-size: 40px;color: #FFFFFF;line-height: 63px;} .ggads-section .ggads-sec5 .ggads-sec5-title a{color: #fff;} .ggads-section .ggads-sec5 .ggads-sec5-title a:hover{color: #cacaca;} .ggads-section .ggads-sec5 .ggads5-tbody{position: relative;width: 100%;padding-top: 35px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu{position: relative;display: flex;justify-content: center;flex-wrap: wrap;margin-left: -178px;margin-right: -178px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item{position: relative;display: inline-block;vertical-align: top;min-width: 236px;padding: 0 7px;margin-bottom: 20px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item .item-box{display: block;width: 100%;padding: 8px 15px;background: #FFFFFF;border-radius: 38px;text-align: center;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item .item-box .item-title{position: relative;width: 100%;text-align: center;font-weight: bold;font-size: 24px;color: #222222;line-height: 32px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item .item-box .item-text{position: relative;width: 100%;text-align: center;font-size: 18px;color: #333;line-height: 28px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item.active .item-box{background: #197EEA;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item.active .item-box .item-title{color: #fff;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item.active .item-box .item-text{color: #fff;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item .item-box:hover{background: #197EEA;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item .item-box:hover .item-title{color: #fff;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item .item-box:hover .item-text{color: #fff;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-content{position: relative;width: 100%;text-align: center;padding-top: 53px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-content .ggads5-content-item{position: relative;width: 100%;display: none;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-content .ggads5-content-item .item-box{position: relative;width: 100%;text-align: center;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-content .ggads5-content-item .item-box .item-pic{position: relative;width: 100%;height: 360px;border-radius: 23px;text-align: center;overflow: unset;margin: 0 auto;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-content .ggads5-content-item .item-box .item-pic img{display: inline-block;vertical-align: top;max-width: 100%;max-height: 100%;box-shadow: 0px 3px 43px 11px rgba(23,23,23,0.07), 0px 0px 6px 0px rgba(34,34,34,0.1);} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-content .ggads5-content-item .item-box .item-title{position: relative;width: 100%;margin-top: 44px;font-size: 16px;color: #FFFFFF;line-height: 32px;min-height: 64px;} @media screen and (max-width:1759px) { .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu{margin-left: -100px;margin-right: -100px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item{pmin-width: 224px;padding: 0 6px;margin-bottom: 20px;} } @media screen and (max-width:1629px) { .ggads-section .ggads-sec5 .ggads-sec5-title{font-size: 40px;line-height: 56px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu{margin-left: -15px;margin-right: -15px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item{pmin-width: 216px;padding: 0 6px;margin-bottom: 20px;} } @media screen and (max-width:1459px) { .ggads-section .ggads-sec5{padding: 12.25% 0 52px;} .ggads-section .ggads-sec5 .ggads-sec5-title{font-size: 36px;line-height: 50px;} .ggads-section .ggads-sec5 .ggads5-tbody{padding-top: 28px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu{margin-left: -8px;margin-right: -8px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item{min-width: 204px;padding: 0 8px;margin-bottom: 18px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item .item-box{padding: 7px 12px;border-radius: 35px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item .item-box .item-title{font-size: 20px;line-height: 30px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item .item-box .item-text{font-size: 16px;line-height: 26px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-content{padding-top: 42px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-content .ggads5-content-item .item-box .item-pic{height: 352px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-content .ggads5-content-item .item-box .item-title{margin-top: 36px;font-size: 16px;line-height: 30px;min-height: 60px;} } @media screen and (max-width:1259px) { .ggads-section .ggads-sec5{padding: 12% 0 44px;} .ggads-section .ggads-sec5 .ggads-sec5-title{font-size: 32px;line-height: 44px;} .ggads-section .ggads-sec5 .ggads5-tbody{padding-top: 24px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu{margin-left: -8px;margin-right: -8px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item{min-width: 188px;padding: 0 8px;margin-bottom: 18px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item .item-box{padding: 6px 10px;border-radius: 32px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item .item-box .item-title{font-size: 18px;line-height: 28px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item .item-box .item-text{font-size: 14px;line-height: 24px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-content{padding-top: 36px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-content .ggads5-content-item .item-box .item-pic{height: 344px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-content .ggads5-content-item .item-box .item-title{margin-top: 30px;font-size: 16px;line-height: 28px;min-height: 56px;} } @media screen and (max-width: 991px) { .ggads-section .ggads-sec5{padding: 12% 0 36px;} .ggads-section .ggads-sec5 .ggads-sec5-title{font-size: 28px;line-height: 40px;} .ggads-section .ggads-sec5 .ggads5-tbody{padding-top: 20px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu{margin-left: -8px;margin-right: -8px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item{min-width: 188px;padding: 0 8px;margin-bottom: 18px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item .item-box{padding: 6px 10px;border-radius: 32px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item .item-box .item-title{font-size: 18px;line-height: 28px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item .item-box .item-text{font-size: 14px;line-height: 24px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-content{padding-top: 28px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-content .ggads5-content-item .item-box .item-pic{height: 344px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-content .ggads5-content-item .item-box .item-title{margin-top: 30px;font-size: 15px;line-height: 26px;min-height: 52px;} } @media screen and (max-width: 720px) { .ggads-section .ggads-sec5{padding: 12% 0 36px;} .ggads-section .ggads-sec5 .ggads-sec5-title{font-size: 24px;line-height: 36px;} .ggads-section .ggads-sec5 .ggads5-tbody{padding-top: 16px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu{margin-left: -8px;margin-right: -8px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item{min-width: 188px;padding: 0 8px;margin-bottom: 18px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item .item-box{padding: 6px 10px;border-radius: 32px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item .item-box .item-title{font-size: 18px;line-height: 28px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-menu .ggads5-menu-item .item-box .item-text{font-size: 14px;line-height: 24px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-content{padding-top: 24px;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-content .ggads5-content-item .item-box .item-pic{height: auto;} .ggads-section .ggads-sec5 .ggads5-tbody .ggads5-tbody-content .ggads5-content-item .item-box .item-title{margin-top: 30px;font-size: 14px;line-height: 24px;min-height: 48px;} } .ggads-section .ggads-sec6{position: relative;width: 100%;padding: 7.448% 0 76px;} .ggads-section .ggads-sec6 .ggads6-tbody{position: relative;width: 100%;padding-top: 76px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper{position: relative;width: 100%;padding-bottom: 46px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .swiper-ggads6{position: relative;width: 100%;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .swiper-button{bottom: 0;margin-top: 0;top: auto;width: 34px;height: 34px;line-height: 34px;text-align: center;font-size: 18px;color: #fff;background: #222222;border-radius: 50%;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .swiper-button:hover{background: #016FE8;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .swiper-button-prev{left: 50%;transform: translateX(-125%);} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .swiper-button-next{right: 50%;transform: translateX(125%);} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .swiper-slide{position: relative;width: 37.4%;padding-top: 28px;padding-bottom: 21px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .swiper-slide-active{padding-top: 0;padding-bottom: 49px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .swiper-slide-active::before{position: absolute;content: "";bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;height: 22px;background: url(../images/index/20250530/ggads6-item-before.png) no-repeat center center; background-size: auto 100%;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item{position: relative;width: 100%;background: url(../images/20250604/ggads5-item-bgi.png) no-repeat center center;background-size: 100% 100%;border-radius: 42px;padding: 20px 20px 21px;border: 1px solid #FFFFFF;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-title{position: relative;width: 100%;margin-bottom: 10px;display: flex;align-items: center;font-weight: bold;font-size: 26px;color: #222222;line-height: 44px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-title .item-logo{display: inline-block;vertical-align: top;width: auto;margin-right: 4px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box{position: relative;width: 100%;padding: 31px 36px;background: #016FE8;border-radius: 42px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box .item-desc{position: relative;width: 100%;font-size: 16px;color: #FFFEFE;line-height: 28px;height: 112px;overflow: hidden;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box .item-info{position: relative;width: 100%;padding-top: 8px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box .item-info .item-info-text{position: relative;width: 100%;display: flex;align-items: center;font-size: 16px;color: #FFFFFF;line-height: 28px;margin-bottom: 21px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box .item-info .item-info-text:nth-last-of-type(1){margin-bottom: 0 !important;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box .item-info .item-info-text .item-name{position: relative;display: inline-block;vertical-align: top;width: 112px;text-align: center;padding: 5px 10px;font-weight: bold;font-size: 17px;color: #3477E7;line-height: 28px;background: #FFFFFF;border-radius: 4px;margin-right: 24px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box .item-info .item-info-text .nums{display: inline-block;vertical-align: baseline;font-weight: bold;font-size: 26px;color: #FFFFFF;line-height: 32px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box .item-info .item-info-text p{position: relative;width: calc(100% - 136px);min-height: 64px;} @media screen and (max-width:1659px) {.ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .swiper-slide{width: 45%;}} @media screen and (max-width:1459px) { .ggads-section .ggads-sec6{padding: 7.35% 0 66px;} .ggads-section .ggads-sec6 .ggads6-tbody{padding-top: 66px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper{padding-bottom: 40px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .swiper-button{width: 32px;height: 32px;line-height: 32px;font-size: 18px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .swiper-slide{width: 47%;padding-top: 24px;padding-bottom: 20px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .swiper-slide-active{padding-top: 0;padding-bottom: 44px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .swiper-slide-active::before{height: 20px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item{border-radius: 38px;padding: 18px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-title{margin-bottom: 10px;font-size: 24px;line-height: 40px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-title .item-logo{height: 72px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box{padding: 26px 28px;border-radius: 36px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box .item-desc{font-size: 16px;line-height: 26px;height: 104px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box .item-info{padding-top: 8px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box .item-info .item-info-text{font-size: 16px;line-height: 28px;margin-bottom: 18px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box .item-info .item-info-text .item-name{width: 110px;padding: 5px 10px;font-size: 16px;line-height: 28px;margin-right: 20px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box .item-info .item-info-text .nums{font-size: 22px;line-height: 30px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box .item-info .item-info-text p{width: calc(100% - 130px);} } @media screen and (max-width:1259px) { .ggads-section .ggads-sec6{padding: 7.25% 0 56px;} .ggads-section .ggads-sec6 .ggads6-tbody{padding-top: 56px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper{padding-bottom: 36px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .swiper-button{width: 30px;height: 30px;line-height: 30px;font-size: 16px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .swiper-slide{width: 47%;padding-top: 20px;padding-bottom: 18px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .swiper-slide-active{padding-top: 20px;padding-bottom: 18px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .swiper-slide-active::before{display: none;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item{border-radius: 32px;padding: 15px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-title{margin-bottom: 10px;font-size: 20px;line-height: 36px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-title .item-logo{height: 64px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box{padding: 22px 24px;border-radius: 32px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box .item-desc{font-size: 15px;line-height: 24px;height: 96px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box .item-info{padding-top: 8px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box .item-info .item-info-text{font-size: 15px;line-height: 26px;margin-bottom: 16px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box .item-info .item-info-text .item-name{width: 106px;padding: 4px 10px;font-size: 16px;line-height: 28px;margin-right: 16px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box .item-info .item-info-text .nums{font-size: 20px;line-height: 28px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box .item-info .item-info-text p{width: calc(100% - 122px);} } @media screen and (max-width:991px) { .ggads-section .ggads-sec6{padding: 7.125% 0 48px;} .ggads-section .ggads-sec6 .ggads6-tbody{padding-top: 48px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper{padding: 0 15px;padding-bottom: 36px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .swiper-button{width: 30px;height: 30px;line-height: 30px;font-size: 16px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .swiper-slide{width: 47%;padding-top: 16px;padding-bottom: 16px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .swiper-slide-active{padding-top: 16px;padding-bottom: 16px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .swiper-slide-active::before{display: none;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item{border-radius: 32px;padding: 15px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-title{margin-bottom: 6px;font-size: 18px;line-height: 32px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-title .item-logo{height: 60px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box{padding: 18px 20px;border-radius: 28px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box .item-desc{font-size: 14px;line-height: 24px;height: 96px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box .item-info{padding-top: 8px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box .item-info .item-info-text{font-size: 14px;line-height: 24px;margin-bottom: 16px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box .item-info .item-info-text .item-name{width: 102px;padding: 4px 10px;font-size: 16px;line-height: 26px;margin-right: 16px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box .item-info .item-info-text .nums{font-size: 18px;line-height: 28px;} .ggads-section .ggads-sec6 .ggads6-tbody .ggads6-tbody-swiper .ggads6-tbody-item .item-box .item-info .item-info-text p{width: calc(100% - 118px);} } .ggads-section .ggads-sec7{position: relative;width: 100%;padding: 80px 0 7.91667%;} .ggads-section .ggads-sec7 .ggads7-tbody{position: relative;width: 100%;background: url(../images/index/20250530/ggads7-bgi.png) no-repeat center center;background-size: cover;padding: 79px 63px 100px;border-radius: 48px;} .ggads-section .ggads-sec7 .ggads7-tbody .ggads7-tbody-box{position: relative;width: 100%;padding-right: 42px;padding-top: 65px;} .ggads-section .ggads-sec7 .ggads7-tbody .ggads7-tbody-form{position: relative;width: 100%;display: block;} .ggads-section .ggads-sec7 .ggads7-tbody .ggads7-tbody-form .ggads7-form-flex{position: relative;width: 100%;display: flex;align-items: flex-end;justify-content: space-between;flex-wrap: wrap;} .ggads-section .ggads-sec7 .ggads7-tbody .ggads7-tbody-form .ggads7-form-flex .item-input{position: relative;width: auto;display: inline-flex;vertical-align: top;align-items: center;margin-bottom: 18px;} .ggads-section .ggads-sec7 .ggads7-tbody .ggads7-form-flex .item-input .label{position: relative;display: inline-block;vertical-align: top;width: auto;font-size: 24px;color: #fff;line-height: 36px;margin-right: 14px;} .ggads-section .ggads-sec7 .ggads7-tbody .ggads7-form-flex .item-input input{display: inline-block;vertical-align: top;width: 290px;height: 37px;padding: 2px 12px;font-size: 16px;color: #333;line-height: 28px;background: #FFFFFF;border-radius: 5px;} .ggads-section .ggads-sec7 .ggads7-tbody .ggads7-form-flex .item-btn{position: relative;display: inline-block;vertical-align: top;width: 276px;text-align: center;margin-bottom: 16px;} @media screen and (max-width:1459px) { .ggads-section .ggads-sec7{padding: 70px 0 7.85%;} .ggads-section .ggads-sec7 .ggads7-tbody{padding: 70px 56px 90px;border-radius: 40px;} .ggads-section .ggads-sec7 .ggads7-tbody .ggads7-tbody-box{padding-right: 24px;padding-top: 56px;} .ggads-section .ggads-sec7 .ggads7-tbody .ggads7-tbody-form .ggads7-form-flex .item-input{margin-bottom: 18px;} .ggads-section .ggads-sec7 .ggads7-tbody .ggads7-form-flex .item-input .label{font-size: 20px;line-height: 32px;margin-right: 12px;} .ggads-section .ggads-sec7 .ggads7-tbody .ggads7-form-flex .item-input input{width: 260px;height: 36px;padding: 2px 12px;font-size: 16px;line-height: 28px;} .ggads-section .ggads-sec7 .ggads7-tbody .ggads7-form-flex .item-btn{width: 254px;margin-bottom: 14px;} } @media screen and (max-width:1259px) { .ggads-section .ggads-sec7{padding: 60px 0 7.75%;} .ggads-section .ggads-sec7 .ggads7-tbody{padding: 60px 44px 80px;border-radius: 28px;} .ggads-section .ggads-sec7 .ggads7-tbody .ggads7-tbody-box{padding-right: 0;padding-top: 48px;} .ggads-section .ggads-sec7 .ggads7-tbody .ggads7-tbody-form .ggads7-form-flex .item-input{margin-bottom: 14px;} .ggads-section .ggads-sec7 .ggads7-tbody .ggads7-form-flex .item-input .label{font-size: 18px;line-height: 30px;margin-right: 12px;} .ggads-section .ggads-sec7 .ggads7-tbody .ggads7-form-flex .item-input input{width: 220px;height: 34px;padding: 2px 10px;font-size: 15px;line-height: 28px;} .ggads-section .ggads-sec7 .ggads7-tbody .ggads7-form-flex .item-btn{width: 228px;margin-bottom: 14px;} } @media screen and (max-width: 991px) { .ggads-section .ggads-sec7{padding: 50px 0 7.625%;} .ggads-section .ggads-sec7 .ggads7-tbody{padding: 48px 28px 72px;border-radius: 24px;} .ggads-section .ggads-sec7 .ggads7-tbody .ggads7-tbody-box{padding-right: 0;padding-top: 36px;} .ggads-section .ggads-sec7 .ggads7-tbody .ggads7-tbody-form .ggads7-form-flex .item-input{margin-bottom: 14px;width: 48%;} .ggads-section .ggads-sec7 .ggads7-tbody .ggads7-form-flex .item-input .label{font-size: 18px;line-height: 30px;margin-right: 12px;} .ggads-section .ggads-sec7 .ggads7-tbody .ggads7-form-flex .item-input input{width: 220px;height: 34px;padding: 2px 10px;font-size: 15px;line-height: 28px;} .ggads-section .ggads-sec7 .ggads7-tbody .ggads7-form-flex .item-btn{width: 100%;margin-bottom: 0;} } @media screen and (max-width: 680px) { .ggads-section .ggads-sec7{padding: 36px 0 7.5%;} .ggads-section .ggads-sec7 .ggads7-tbody{padding: 36px 20px 60px;border-radius: 20px;} .ggads-section .ggads-sec7 .ggads7-tbody .ggads7-tbody-box{padding-right: 0;padding-top: 24px;} .ggads-section .ggads-sec7 .ggads7-tbody .ggads7-tbody-form .ggads7-form-flex .item-input{margin-bottom: 14px;width: 100%;} .ggads-section .ggads-sec7 .ggads7-tbody .ggads7-form-flex .item-input .label{font-size: 16px;line-height: 30px;margin-right: 12px;} .ggads-section .ggads-sec7 .ggads7-tbody .ggads7-form-flex .item-input input{width: calc(100% - 80px);height: 34px;padding: 2px 10px;font-size: 14px;line-height: 28px;} .ggads-section .ggads-sec7 .ggads7-tbody .ggads7-form-flex .item-btn{width: 100%;margin-bottom: 0;} } .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item .item-box .item-pic img {transform: scale(1);} .ggads-section .ggads-sec4 .ggads4-tbody .ggads4-tbody-list .ggads4-list-item .item-box .item-pic:hover img {transform: scale(1);} .index-main .index-banner .swiper1{position: relative;width: 100%;} .index-main .index-banner .banner-form{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%); padding-bottom: 10.416667%;} .index-main .index-banner .banner-form form{display: block;width: 722px;position: relative;margin: 0 auto;max-width: 100%;} .index-main .index-banner .banner-form .banner-form-box{position: relative;width: 100%;background: rgba(211, 211, 211, 0.4);border-radius: 16px;border: 1px solid #FFFFFF;padding: 10px 12px;display: flex;align-items: center;justify-content: space-between;;flex-wrap: wrap;} .index-main .index-banner .banner-form .banner-form-box .item-input{position: relative;width: 237px;height: 40px;background: #FFFFFF;border-radius: 8px;border: 1px solid #C9C9C9;margin-right: 20px;} .index-main .index-banner .banner-form .banner-form-box .item-input input{position: relative;display: block;width: 100%;height: 100%;line-height: 30px;font-size: 16px;color: #333;padding: 3px 12px;} .index-main .index-banner .banner-form .banner-form-box .item-input-btn{position: relative;width: 176px;height: 40px;border-radius: 8px;overflow: hidden;} .index-main .index-banner .banner-form .banner-form-box .item-input-btn .item-btn{position: relative;width: 100%;display: block;height: 100%;font-weight: 500;background: #016FE8;border-radius: 8px;font-size: 18px;color: #FFFFFF;line-height: 30px;} .index-main .index-banner .banner-form .banner-form-box .item-input-btn .item-btn:hover{background: #34edfe;} @media screen and (max-width: 1459px) { .index-main .index-banner .banner-form{padding-bottom: 10.25%;} .index-main .index-banner .banner-form form{width: 696px;} .index-main .index-banner .banner-form .banner-form-box{padding: 9px 11px;} .index-main .index-banner .banner-form .banner-form-box .item-input{width: 228px;height: 40px;margin-right: 16px;} .index-main .index-banner .banner-form .banner-form-box .item-input input{line-height: 30px;font-size: 16px;padding: 2px 10px;} .index-main .index-banner .banner-form .banner-form-box .item-input-btn{width: 168px;height: 40px;} .index-main .index-banner .banner-form .banner-form-box .item-input-btn .item-btn{font-size: 18px;line-height: 30px;} } @media screen and (max-width: 1259px) { .index-main .index-banner .banner-form{padding-bottom: 10%;} .index-main .index-banner .banner-form form{width: 668px;} .index-main .index-banner .banner-form .banner-form-box{padding: 8px 10px;} .index-main .index-banner .banner-form .banner-form-box .item-input{width: 216px;height: 36px;margin-right: 16px;} .index-main .index-banner .banner-form .banner-form-box .item-input input{line-height: 28px;font-size: 16px;padding: 2px 10px;} .index-main .index-banner .banner-form .banner-form-box .item-input-btn{width: 160px;height: 36px;} .index-main .index-banner .banner-form .banner-form-box .item-input-btn .item-btn{font-size: 16px;line-height: 28px;} } @media screen and (max-width: 991px) { .index-main .index-banner .banner-form{padding-bottom: 9.25%;} .index-main .index-banner .banner-form form{width: 620px;} .index-main .index-banner .banner-form .banner-form-box{padding: 7px 10px;} .index-main .index-banner .banner-form .banner-form-box .item-input{width: 200px;height: 36px;margin-right: 12px;} .index-main .index-banner .banner-form .banner-form-box .item-input input{line-height: 28px;font-size: 16px;padding: 2px 10px;} .index-main .index-banner .banner-form .banner-form-box .item-input-btn{width: 148px;height: 36px;} .index-main .index-banner .banner-form .banner-form-box .item-input-btn .item-btn{font-size: 16px;line-height: 28px;} } @media screen and (max-width: 750px) { .index-main .index-banner .banner-form{padding-bottom: 1%;} .index-main .index-banner .banner-form form{width: 540px;} .index-main .index-banner .banner-form .banner-form-box{padding: 6px 10px;} .index-main .index-banner .banner-form .banner-form-box .item-input{width: calc(50% - 10px);height: 32px;margin-right: 10px;margin-bottom: 10px;} .index-main .index-banner .banner-form .banner-form-box .item-input input{line-height: 26px;font-size: 14px;padding: 2px 10px;} .index-main .index-banner .banner-form .banner-form-box .item-input-btn{width: 160px;height: 32px;margin: 0 auto;} .index-main .index-banner .banner-form .banner-form-box .item-input-btn .item-btn{font-size: 14px;line-height: 26px;} } @media screen and (max-width: 560px) { .index-main .index-banner .banner-form{display: none;} .index-main .index-banner .banner-form form{width: 100%;} .index-main .index-banner .banner-form .banner-form-box{padding: 6px 10px;} .index-main .index-banner .banner-form .banner-form-box .item-input{width: 100%;height: 32px;margin-right: 0px;margin-bottom: 10px;} .index-main .index-banner .banner-form .banner-form-box .item-input input{line-height: 26px;font-size: 14px;padding: 2px 10px;} .index-main .index-banner .banner-form .banner-form-box .item-input-btn{width: 160px;height: 32px;margin: 0 auto;} .index-main .index-banner .banner-form .banner-form-box .item-input-btn .item-btn{font-size: 14px;line-height: 26px;} } .index-tbody-btn{position: relative;width: 100%;} .index-tbody-btn .btnn{position: relative;display: inline-block;vertical-align: top;text-align: center;min-width: 163px;padding: 4px;line-height: 40px;padding-right: 40px;font-size: 18px;color: #FFFFFF;background: #222222;border-radius: 24px;} .index-tbody-btn .btnn .iconfont{display: inline-block;vertical-align: top;text-align: center;position: absolute;top: 4px;right: 4px;bottom: 4px;width: 40px;height: 40px;line-height: 40px;font-size: 18px;color: #fff;background: #006FE8;border-radius: 50%;} .index-tbody-btn a.btnn:hover{color: #FFFFFF;background: #222222;} .index-tbody-btn a.btnn:hover .iconfont{color: #fff;background: #34edfe;} @media screen and (max-width:1459px) { .index-tbody-btn .btnn{min-width: 156px;padding: 3px;line-height: 38px;padding-right: 38px;font-size: 18px;border-radius: 22px;} .index-tbody-btn .btnn .iconfont{top: 3px;right: 3px;bottom: 3px;width: 38px;height: 38px;line-height: 38px;font-size: 17px;} } @media screen and (max-width:1259px) { .index-tbody-btn .btnn{min-width: 148px;padding: 3px;line-height: 34px;padding-right: 34px;font-size: 16px;border-radius: 20px;} .index-tbody-btn .btnn .iconfont{top: 3px;right: 3px;bottom: 3px;width: 34px;height: 34px;line-height: 34px;font-size: 16px;} } @media screen and (max-width:991px) { .index-tbody-btn .btnn{min-width: 142px;padding: 2px;line-height: 32px;padding-right: 32px;font-size: 15px;border-radius: 18px;} .index-tbody-btn .btnn .iconfont{top: 2px;right: 2px;bottom: 2px;width: 32px;height: 32px;line-height: 32px;font-size: 15px;} } @media screen and (max-width:720px) { .index-tbody-btn .btnn{min-width: 142px;padding: 2px;line-height: 32px;padding-right: 32px;font-size: 14px;border-radius: 18px;} .index-tbody-btn .btnn .iconfont{top: 2px;right: 2px;bottom: 2px;width: 32px;height: 32px;line-height: 32px;font-size: 14px;} } .kehuanli-main{position: relative;width: 100%;background: #F6F9FE;} .kehuanli-main .kehuanli-banner{position: relative;width: 100%;display: block;max-width: 1920px;margin: 0 auto;overflow: hidden;} .kehuanli-main .kehuanli-banner .banner-img{position: relative;width: 100%;display: block;} .kehuanli-main .kehuanli-banner .ban-pic{width: 100%;display: block;} .kehuanli-main .kehuanli-banner .banner-img-btn{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%); padding-bottom: 9.375%;text-align: center;} @media screen and (max-width: 1259px) { .kehuanli-main .kehuanli-banner .banner-img-btn{padding-bottom: 9.25%;} } @media screen and (max-width: 680px) { .kehuanli-main .kehuanli-banner .banner-img-btn{display: none;} } .yun-sec-top{position: relative;width: 100%;} .yun-sec-top .yun-sec-title{position: relative;width: 100%;font-weight: bold;font-size: 40px;color: #222222;line-height: 52px;} .yun-sec-top .yun-sec-title .title-img{display: inline-block;vertical-align: top;width: 62px;margin-right: 8px;} .yun-sec-top .yun-sec-title.white{color: #fff;} @media screen and (max-width:1459px) { .yun-sec-top .yun-sec-title{font-size: 36px;line-height: 48px;} .yun-sec-top .yun-sec-title .title-img{width: 58px;margin-right: 8px;} } @media screen and (max-width:1259px) { .yun-sec-top .yun-sec-title{font-size: 30px;line-height: 42px;} .yun-sec-top .yun-sec-title .title-img{width: 52px;margin-right: 6px;} } @media screen and (max-width: 991px) { .yun-sec-top .yun-sec-title{font-size: 24px;line-height: 36px;} .yun-sec-top .yun-sec-title .title-img{width: 46px;margin-right: 6px;} } @media screen and (max-width: 720px) { .yun-sec-top .yun-sec-title{font-size: 20px;line-height: 32px;} .yun-sec-top .yun-sec-title .title-img{width: 40px;margin-right: 6px;} } @media screen and (max-width: 560px) { .yun-sec-top .yun-sec-title{font-size: 18px;line-height: 30px;} .yun-sec-top .yun-sec-title .title-img{width: 36px;margin-right: 6px;} } .kehuanli-main .kehuanli-section{position: relative;width: 100%;} .kehuanli-main .kehuanli-sec-top{position: relative;width: 100%;} .kehuanli-sec1{position: relative;width: 100%;padding: 7.604166667% 0 80px;} .kehuanli-sec1 .kehuanli1-tbody{position: relative;width: 100%;padding-top: 43px;} .kehuanli-sec1 .kehuanli1-tbody .kehuanli1-tbody-box{position: relative;font-size: 0;letter-spacing: 0;margin-left: -52px;margin-right: -52px;padding: 0 52px;} .kehuanli-sec1 .kehuanli1-tbody .kehuanli1-tbody-box .kehuanli1-button{position: absolute;top: 50%;transform: translateY(-50%);width: 32px;height: 32px;line-height: 32px;font-size: 32px;color: #016FE8;text-align: center;} .kehuanli-sec1 .kehuanli1-tbody .kehuanli1-tbody-box .kehuanli1-button:hover{color: #006FE3;} .kehuanli-sec1 .kehuanli1-tbody .kehuanli1-tbody-box .kehuanli1-prev-btn{left: 0;} .kehuanli-sec1 .kehuanli1-tbody .kehuanli1-tbody-box .kehuanli1-next-btn{right: 0;} .kehuanli-sec1 .kehuanli1-tbody .mySwiper-kehuanli1{position: relative;width: 100%;} .kehuanli-sec1 .kehuanli1-tbody .mySwiper-kehuanli1 .swiper-slide{width: 11.5%;height: 100%;transition: all .5s;} .kehuanli-sec1 .kehuanli1-tbody .mySwiper-kehuanli1 .swiper-slide.active{width: 61.7%;} /* .kehuanli-sec1 .kehuanli1-tbody-list{position: relative;font-size: 0;letter-spacing: 0;display: flex;flex-wrap: wrap;margin-left: -8px;margin-right: -9px;} .kehuanli-sec1 .kehuanli1-tbody-item{position: relative;display: inline-block;vertical-align: top;width: 12.6323218066%;padding: 0 8px;margin-bottom: 20px;} .kehuanli-sec1 .kehuanli1-tbody-item.active{width: 62.1030345802%;} */ .kehuanli-sec1 .kehuanli1-tbody-item{position: relative;width: 100%;transition: all .5s;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box{position: relative;width: 100%;overflow: hidden;box-shadow: 0px 0px 18px 0px rgba(6,0,1,0.06);border-radius: 32px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-pic{position: relative;width: 100%;text-align: center;overflow: hidden;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-pic img{display: inline-block;vertical-align: top;width: 100%;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box1 .item-pic img{width: auto;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box1{display: block;transition: all .5s;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box2{display: none;transition: all .5s;} .kehuanli-sec1 .mySwiper-kehuanli1 .swiper-slide.active .kehuanli1-tbody-item .item-box1{display: none;transition: all .5s;} .kehuanli-sec1 .mySwiper-kehuanli1 .swiper-slide.active .kehuanli1-tbody-item .item-box2{display: block;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body{position: absolute;width: 100%;left: 0;right: 0;top: 0;bottom: 0;padding: 67px 50px;padding-left: 70px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-text{position: relative;width: 100%;font-size: 18px;color: #FFFFFF;line-height: 27px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-text a{color: #fff;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-info{position: relative;width: 100%;margin-top: 40px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc{position: relative;width: 100%;display: flex;flex-wrap: wrap;font-size: 18px;color: #FFFFFF;line-height: 30px;margin-bottom: 12px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc .name{position: relative;display: inline-block;vertical-align: top;text-align: center;font-weight: bold;min-width: 96px;line-height: 30px;height: 30px;font-size: 18px;color: #FFFEFE;background: #016FE8;border-radius: 15px;margin-right: 12px;padding: 0 8px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc div{position: relative;width: calc(100% - 110px);} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc p{margin-bottom: 5px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc b{font-weight: bold;font-size: 24px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-btn{position: absolute;right: 12px;bottom: 15px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-btn .btnn{display: inline-block;vertical-align: top;text-align: center; width: 40px;height: 40px;line-height: 40px;font-size: 26px;color: #FFFFFF;background: #016FE8;border-radius: 50%;} .kehuanli-sec1 .kehuanli1-tbody-btn{position: relative;width: 100%;text-align: center;padding-top: 30px;} @media screen and (max-width: 1659px) { .kehuanli-sec1{padding: 7.6% 0 70px;} .kehuanli-sec1 .kehuanli1-tbody{padding-top: 36px;} .kehuanli-sec1 .kehuanli1-tbody .kehuanli1-tbody-box{margin-left: -36px;margin-right: -36px;padding: 0 36px;} .kehuanli-sec1 .kehuanli1-tbody .kehuanli1-tbody-box .kehuanli1-button{width: 28px;height: 28px;line-height: 28px;font-size: 28px;} } @media screen and (max-width: 1459px) { .kehuanli-sec1{padding: 7.425% 0 60px;} .kehuanli-sec1 .kehuanli1-tbody{padding-top: 30px;} .kehuanli-sec1 .kehuanli1-tbody .kehuanli1-tbody-box{margin-left: -28px;margin-right: -28px;padding: 0 32px;} .kehuanli-sec1 .kehuanli1-tbody .kehuanli1-tbody-box .kehuanli1-button{width: 26px;height: 26px;line-height: 26px;font-size: 24px;} .kehuanli-sec1 .kehuanli1-tbody .mySwiper-kehuanli1 .swiper-slide{width: 11.5%;} .kehuanli-sec1 .kehuanli1-tbody .mySwiper-kehuanli1 .swiper-slide.active{width: 61.7%;} /* .kehuanli-sec1 .kehuanli1-tbody-list{margin-left: -6px;margin-right: -6px;} .kehuanli-sec1 .kehuanli1-tbody-item{width: 12.6%;padding: 0 6px;margin-bottom: 16px;} .kehuanli-sec1 .kehuanli1-tbody-item.active{width: 62.2%;} */ .kehuanli-sec1 .kehuanli1-tbody-item .item-box{border-radius: 28px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body{padding: 56px 40px;padding-left: 56px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-text{font-size: 18px;line-height: 26px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-info{margin-top: 30px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc{font-size: 18px;line-height: 28px;margin-bottom: 12px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc .name{min-width: 96px;line-height: 28px;height: 28px;font-size: 18px;border-radius: 14px;margin-right: 10px;padding: 0 6px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc div{width: calc(100% - 106px);} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc p{margin-bottom: 4px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc b{font-size: 22px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-btn{right: 10px;bottom: 12px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-btn .btnn{width: 36px;height: 36px;line-height: 36px;font-size: 24px;} .kehuanli-sec1 .kehuanli1-tbody-btn{padding-top: 28px;} } @media screen and (max-width: 1259px) { .kehuanli-sec1{padding: 7.25% 0 50px;} .kehuanli-sec1 .kehuanli1-tbody{padding-top: 24px;} .kehuanli-sec1 .kehuanli1-tbody .kehuanli1-tbody-box{margin-left: -18px;margin-right: -18px;padding: 0 28px;} .kehuanli-sec1 .kehuanli1-tbody .kehuanli1-tbody-box .kehuanli1-button{width: 24px;height: 24px;line-height: 24px;font-size: 22px;} /* .kehuanli-sec1 .kehuanli1-tbody-list{margin-left: -7px;margin-right: -7px;} .kehuanli-sec1 .kehuanli1-tbody-item{width: 12.8%;padding: 0 7px;margin-bottom: 16px;} .kehuanli-sec1 .kehuanli1-tbody-item.active{width: 61.6%;} */ .kehuanli-sec1 .kehuanli1-tbody .mySwiper-kehuanli1 .swiper-slide{width: 11.5%;} .kehuanli-sec1 .kehuanli1-tbody .mySwiper-kehuanli1 .swiper-slide.active{width: 61.7%;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box{border-radius: 24px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box1{display: none;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box2{display: block;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body{padding: 48px 28px;padding-left: 36px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-text{font-size: 16px;line-height: 24px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-info{margin-top: 24px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc{font-size: 16px;line-height: 28px;margin-bottom: 10px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc .name{min-width: 92px;line-height: 28px;height: 28px;font-size: 16px;border-radius: 14px;margin-right: 10px;padding: 0 6px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc div{width: calc(100% - 102px);} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc p{margin-bottom: 2px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc b{font-size: 20px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-btn{right: 10px;bottom: 12px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-btn .btnn{width: 32px;height: 32px;line-height: 32px;font-size: 22px;} .kehuanli-sec1 .kehuanli1-tbody-btn{padding-top: 24px;} } @media screen and (max-width: 991px) { .kehuanli-sec1{padding: 7.125% 0 40px;} .kehuanli-sec1 .kehuanli1-tbody{padding-top: 18px;} .kehuanli-sec1 .kehuanli1-tbody .kehuanli1-tbody-box{margin-left: 0px;margin-right: 0px;padding: 0 20px;} .kehuanli-sec1 .kehuanli1-tbody .kehuanli1-tbody-box .kehuanli1-button{width: 20px;height: 20px;line-height: 20px;font-size: 18px;} /* .kehuanli-sec1 .kehuanli1-tbody-list{margin-left: -5px;margin-right: -5px;} .kehuanli-sec1 .kehuanli1-tbody-item{width: 12.85%;padding: 0 5px;margin-bottom: 12px;} .kehuanli-sec1 .kehuanli1-tbody-item.active{width: 61.45%;} */ .kehuanli-sec1 .kehuanli1-tbody .mySwiper-kehuanli1 .swiper-slide{width: 11.5%;} .kehuanli-sec1 .kehuanli1-tbody .mySwiper-kehuanli1 .swiper-slide.active{width: 61.7%;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box{border-radius: 20px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box1{display: none;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box2{display: block;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body{padding: 24px 12px;padding-left: 16px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-text{font-size: 14px;line-height: 22px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-info{margin-top: 16px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc{font-size: 14px;line-height: 26px;margin-bottom: 10px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc .name{min-width: 88px;line-height: 26px;height: 26px;font-size: 15px;border-radius: 13px;margin-right: 10px;padding: 0 6px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc div{width: calc(100% - 100px);} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc p{margin-bottom: 2px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc b{font-size: 18px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-btn{right: 8px;bottom: 10px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-btn .btnn{width: 28px;height: 28px;line-height: 28px;font-size: 20px;} .kehuanli-sec1 .kehuanli1-tbody-btn{padding-top: 20px;} } @media screen and (max-width: 767px) { .kehuanli-sec1{padding: 7% 0 30px;} .kehuanli-sec1 .kehuanli1-tbody{padding-top: 18px;} .kehuanli-sec1 .kehuanli1-tbody .kehuanli1-tbody-box{margin-left: 0px;margin-right: 0px;padding: 0px;} .kehuanli-sec1 .kehuanli1-tbody .kehuanli1-tbody-box .kehuanli1-button{display: none;} /* .kehuanli-sec1 .kehuanli1-tbody-list{margin-left: -5px;margin-right: -5px;} .kehuanli-sec1 .kehuanli1-tbody-item{width: 50%;padding: 0 5px;margin-bottom: 12px;} .kehuanli-sec1 .kehuanli1-tbody-item.active{width: 50%;} */ .kehuanli-sec1 .kehuanli1-tbody-item .item-box{border-radius: 20px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box1{display: none;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box2{display: block;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body{padding: 15px 10px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-text{font-size: 12px;line-height: 20px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-info{margin-top: 16px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc{font-size: 13px;line-height: 24px;margin-bottom: 6px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc .name{min-width: 88px;line-height: 24px;height: 24px;font-size: 14px;border-radius: 12px;margin-right: 10px;padding: 0 6px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc div{width: calc(100% - 100px);} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc p{margin-bottom: 2px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc b{font-size: 16px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-btn{right: 8px;bottom: 10px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-btn .btnn{width: 28px;height: 28px;line-height: 28px;font-size: 20px;} .kehuanli-sec1 .kehuanli1-tbody-btn{padding-top: 20px;} } @media screen and (max-width: 680px) { .kehuanli-sec1{padding: 7% 0 20px;} .kehuanli-sec1 .kehuanli1-tbody{padding-top: 18px;} .kehuanli-sec1 .kehuanli1-tbody .kehuanli1-tbody-box{margin-left: 0px;margin-right: 0px;padding: 0px;} .kehuanli-sec1 .kehuanli1-tbody .kehuanli1-tbody-box .kehuanli1-button{display: none;} .kehuanli-sec1 .kehuanli1-tbody-list{margin-left: -5px;margin-right: -5px;} .kehuanli-sec1 .kehuanli1-tbody-item{width: 100%;padding: 0 5px;margin-bottom: 12px;} .kehuanli-sec1 .kehuanli1-tbody-item.active{width: 100%;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box{border-radius: 20px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box1{display: none;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box2{display: block;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body{padding: 20px 12px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-text{font-size: 12px;line-height: 20px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-info{margin-top: 16px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc{font-size: 13px;line-height: 24px;margin-bottom: 6px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc .name{min-width: 88px;line-height: 24px;height: 24px;font-size: 14px;border-radius: 12px;margin-right: 10px;padding: 0 6px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc div{width: calc(100% - 100px);} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc p{margin-bottom: 2px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc b{font-size: 16px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-btn{right: 8px;bottom: 10px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-btn .btnn{width: 28px;height: 28px;line-height: 28px;font-size: 20px;} .kehuanli-sec1 .kehuanli1-tbody-btn{padding-top: 20px;} } @media screen and (max-width: 480px) { .kehuanli-sec1{padding: 7% 0 20px;} .kehuanli-sec1 .kehuanli1-tbody{padding-top: 18px;} .kehuanli-sec1 .kehuanli1-tbody .kehuanli1-tbody-box{margin-left: 0px;margin-right: 0px;padding: 0px;} .kehuanli-sec1 .kehuanli1-tbody .kehuanli1-tbody-box .kehuanli1-button{display: none;} .kehuanli-sec1 .kehuanli1-tbody-list{margin-left: -5px;margin-right: -5px;} .kehuanli-sec1 .kehuanli1-tbody-item{width: 100%;padding: 0 5px;margin-bottom: 12px;} .kehuanli-sec1 .kehuanli1-tbody-item.active{width: 100%;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box{border-radius: 20px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box1{display: none;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box2{display: block;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body{padding: 12px 10px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-text{font-size: 12px;line-height: 20px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-info{margin-top: 16px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc{font-size: 12px;line-height: 22px;margin-bottom: 6px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc .name{min-width: 88px;line-height: 24px;height: 22px;font-size: 13px;border-radius: 11px;margin-right: 8px;padding: 0 6px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc div{width: calc(100% - 100px);} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc p{margin-bottom: 0px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-info .item-info-desc b{font-size: 16px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-btn{right: 8px;bottom: 10px;} .kehuanli-sec1 .kehuanli1-tbody-item .item-box .item-body .item-btn .btnn{width: 28px;height: 28px;line-height: 28px;font-size: 20px;} .kehuanli-sec1 .kehuanli1-tbody-btn{padding-top: 20px;} } .kehuanli-sec2{position: relative;width: 100%;padding: 70px 0 5.83333333%;} .kehuanli-sec2 .kehuanli2-tbody{position: relative;width: 100%;padding-top: 24px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-flex{position: relative;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-left{position: relative;width: 23%;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-info{position: relative;width: 100%;padding: 30px 0;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-right{position: relative;width: 76.5%; } .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-right .kehuanli2-right-overflow{position: relative;margin-right: -168px;height: auto;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-img{position: relative;text-align: center;padding-right: 100px;} .kehuanli-sec2 .kehuanli2-tbody .item-pic{position: relative;width: 100%;text-align: center;overflow: hidden;} .kehuanli-sec2 .kehuanli2-tbody .item-pic img{display: inline-block;vertical-align: top;width: auto;max-width: 100%;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-text{position: relative;width: 100%;font-size: 18px;color: #222222;line-height: 27px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-btn{position: relative;width: 100%;margin-top: 96px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-img:nth-last-of-type(1){padding-right: 0 !important;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-bottom{position: relative;width: 100%;padding-top: 60px} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-swiper{position: relative;margin-left: -54px;margin-right: -54px;padding: 0 54px} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-swiper .swiper-button{top: 50%;transform: translateY(-50%);margin-top: 0;text-align: center; font-size: 32px;width: 32px;height: 32px;line-height: 32px;color: #666666} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-swiper .swiper-button:hover{color: #016FE8} .kehuanli-sec2 .kehuanli2-tbody .mySwiper-kehuanli2{position: relative;width: 100%;} .kehuanli-sec2 .kehuanli2-tbody .mySwiper-kehuanli2 img{width: 100%;} @media screen and (max-width: 1829px) { .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-right .kehuanli2-right-overflow{margin-right: -100px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-img{padding-right: 80px;} } @media screen and (max-width: 1659px) { .kehuanli-sec2{padding: 60px 0 5.75%;} .kehuanli-sec2 .kehuanli2-tbody{padding-top: 24px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-left{width: 23%;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-right{width: 76.5%;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-right .kehuanli2-right-overflow{margin-right: -30px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-img{padding-right: 0px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-bottom{padding-top: 60px} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-swiper{margin-left: -54px;margin-right: -54px;padding: 0 54px} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-swiper .swiper-button{font-size: 32px;width: 32px;height: 32px;line-height: 32px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-text{font-size: 18px;line-height: 26px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-btn{margin-top: 80px;} } @media screen and (max-width: 1459px) { .kehuanli-sec2{padding: 50px 0 5.625%;} .kehuanli-sec2 .kehuanli2-tbody{padding-top: 24px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-left{width: 24%;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-right{width: 75%;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-right .kehuanli2-right-overflow{margin-right: 0px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-img{padding-right: 0px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-text{font-size: 17px;line-height: 26px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-btn{margin-top: 66px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-bottom{padding-top: 52px} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-swiper{margin-left: -36px;margin-right: -36px;padding: 0 44px} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-swiper .swiper-button{font-size: 28px;width: 28px;height: 28px;line-height: 28px;} } @media screen and (max-width: 1259px) { .kehuanli-sec2{padding: 40px 0 5.5%;} .kehuanli-sec2 .kehuanli2-tbody{padding-top: 20px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-left{width: 26%;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-right{width: 72%;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-right .kehuanli2-right-overflow{margin-right: 0px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-img{padding-right: 0px; margin-bottom: 20px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-bottom{padding-top: 44px} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-swiper{margin-left: -28px;margin-right: -28px;padding: 0 32px} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-swiper .swiper-button{font-size: 24px;width: 24px;height: 24px;line-height: 24px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-text{font-size: 16px;line-height: 24px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-btn{margin-top: 52px;} } @media screen and (max-width: 991px) { .kehuanli-sec2{padding: 30px 0 5.25%;} .kehuanli-sec2 .kehuanli2-tbody{padding-top: 20px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-left{width: 100%;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-right{width: 100%;margin-top: 16px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-info{position: relative;top: 0;padding: 0;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-right .kehuanli2-right-overflow{margin-right: 0px;height: auto;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-img{padding-right: 0px;min-height: auto;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-swiper{padding: 0;background: transparent;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-text{font-size: 16px;line-height: 24px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-btn{margin-top: 36px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-bottom{padding-top: 36px} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-swiper{margin-left: -15px;margin-right: -15px;padding: 0 28px} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-swiper .swiper-button{font-size: 20px;width: 20px;height: 20px;line-height: 20px;} } @media screen and (max-width: 750px) { .kehuanli-sec2{padding: 24px 0 5.25%;} .kehuanli-sec2 .kehuanli2-tbody{padding-top: 20px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-left{width: 100%;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-right{width: 100%;margin-top: 16px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-img{margin-right: 0px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-text{font-size: 15px;line-height: 22px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-btn{margin-top: 20px;} } @media screen and (max-width: 560px) { .kehuanli-sec2{padding: 20px 0 5.25%;} .kehuanli-sec2 .kehuanli2-tbody{padding-top: 20px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-left{width: 100%;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-right{width: 100%;margin-top: 16px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-img{margin-right: 0px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-text{font-size: 14px;line-height: 22px;} .kehuanli-sec2 .kehuanli2-tbody .kehuanli2-tbody-btn{margin-top: 10px;} } .kehuanli-page-wrap{position: fixed;left: 0;top: 0;width: 100%;height: 100%;cursor: move;background: rgba(0, 0, 0, .3);z-index: 1111111;display: none;} .kehuanli-page-wrap .page-wrap{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;} .kehuanli-wrap-item{position: relative;width: 100%;height: 100%; max-width: 1260px;margin: 0 auto;overflow: auto;z-index: 222;} .kehuanli-wrap-item .page-wrap-box{position: relative;width: 100%;background: #fff;} .kehuanli-wrap-item .page-wrap-box .wrap-close{position: absolute;z-index: 222;right: 32px;top: 32px;width: 41px;height: 41px;line-height: 41px;font-size: 20px;color: #fff;background: #535353;text-align: center;border-radius: 50%;} .kehuanli-wrap-item .page-wrap-main{position: relative;width: 100%;} .kehuanli-wrap-item .page-wrap-main img{position: relative;display: inline-block;vertical-align: top; width: 100%;} .kehuanli-wrap-item .page-wrap-main .wrap-banner{position: relative;width: 100%;display: block;max-width: 1260px;margin: 0 auto;overflow: hidden;} .kehuanli-wrap-item .page-wrap-main .wrap-banner img{width: 100%;display: block;} .kehuanli-wrap-item .page-wrap-main .wrap-section{position: relative;width: 100%;padding: 26px 0 11.5875%;} .kehuanli-wrap-item .page-wrap-main .wrap-section .wrap-contain{position: relative;width: 100%;max-width: 1024px;padding: 0 15px;margin: 0 auto;} .kehuanli-wrap-item .page-wrap-main .wrap-section .wrap-boxs-title{position: relative;width: 100%;font-weight: bold;font-size: 32px;color: #006FE8;line-height: 44px;} .kehuanli-wrap-item .page-wrap-main .wrap-section .wrap-boxs-text{position: relative;width: 100%;margin-top: 20px;margin-bottom: 69px;font-size: 18px;line-height: 27px;color: #222222;} .kehuanli-wrap-item .page-wrap-main .wrap-section .wrap-contain>div:nth-last-of-type(1){margin-bottom: 0 !important;} .kehuanli-wrap-item .page-wrap-main .wrap-section .wrap-boxs-text span, .kehuanli-wrap-item .page-wrap-main .wrap-section .wrap-boxs-text a{color: #006FE8;} .kehuanli-wrap-item .page-wrap-main .wrap-section .wrap-boxs-text b{font-weight: bold;font-size: 24px;color: #006FE8;} .kehuanli-wrap-item .wrap-section .wrap-boxs-text .table{position: relative;width: 100%;margin-top: 32px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-text .table table{ width:100%;max-width: 545px; border-collapse:collapse; line-height:32px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-text .table table tr td{ padding: 10px 15px;border:1px solid #626262;text-align: center;font-size: 18px;color: #222222; } .kehuanli-wrap-item .wrap-section .wrap-boxs-text .table table tr:nth-of-type(1) td{font-weight: bold;color: #006FE8;} .kehuanli-wrap-item .wrap-section .wrap-boxs-text .text-img{padding-top: 42px;text-align: center;} .kehuanli-wrap-item .wrap-section .wrap-boxs-text .text-img img{display: inline-block;vertical-align: top;width: auto;max-width: 100%;} .kehuanli-wrap-item .wrap-section .wrap-boxs-text .text-img.text-margin-left{margin-left: -58px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-flex{position: relative;width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;padding-top: 28px;margin-bottom: 82px;} .kehuanli-wrap-item .wrap-section .wrap-flex-left{position: relative;width: 19.4165%;} .kehuanli-wrap-item .wrap-section .wrap-flex-right{position: relative;width: 73.84305835%;} .kehuanli-wrap-item .wrap-section .wrap-flex-left .wrap-left-list{position: relative;font-size: 0;letter-spacing: 0;display: flex;flex-wrap: wrap;} .kehuanli-wrap-item .wrap-section .wrap-flex-left .wrap-left-item{position: relative;width: 100%;display: inline-block;vertical-align: top;margin-bottom: 52px;} .kehuanli-wrap-item .wrap-section .wrap-flex-left .wrap-left-list .wrap-left-item:nth-last-of-type(1){margin-bottom: 0 !important;} .kehuanli-wrap-item .wrap-section .wrap-left-item .item-box{position: relative;width: 100%;text-align: center;padding: 23px 16px 18px; background: #FFFFFF;box-shadow: 0px 0px 35px 0px rgba(7,0,2,0.09);border-radius: 16px;} .kehuanli-wrap-item .wrap-section .wrap-left-item .item-box .item-num{position: relative;width: 100%;font-weight: bold;font-size: 30px;color: #006FE8;line-height: 36px;} .kehuanli-wrap-item .wrap-section .wrap-left-item .item-box .item-title{position: relative;width: 100%;font-size: 18px;color: #000000;line-height: 28px;} .kehuanli-wrap-item .wrap-section .wrap-flex-right .wrap-right-img{position: relative;width: 100%;text-align: center;box-shadow: 0px 0px 35px 0px rgba(7,0,2,0.09);} .kehuanli-wrap-item .wrap-section .wrap-flex-right .wrap-right-img img{display: inline-block;vertical-align: top;width: 100%;} .kehuanli-wrap-item .wrap-section .wrap-boxs-img{position: relative;width: 100%;padding-top: 10px;text-align: center;} .kehuanli-wrap-item .wrap-section .wrap-boxs-img .item-pic{position: relative;width: 100%;overflow: hidden;text-align: center;} .kehuanli-wrap-item .wrap-section .wrap-boxs-img .item-pic img{display: inline-block;vertical-align: top;width: auto; max-width: 100%;} .kehuanli-wrap-item .wrap-section .wrap-boxs-list{position: relative;font-size: 0;letter-spacing: 0;margin-left: -14px;margin-right: -14px;padding-top: 25px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-list .wrap-boxs-item{position: relative;display: inline-block;vertical-align: top;min-width: 192px;padding: 0 14px;margin-bottom: 20px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-item .item-box{position: relative;width: 100%;text-align: center;padding: 18px 33px 20px; background: #FFFFFF;box-shadow: 0px 0px 35px 0px rgba(7,0,2,0.09);border-radius: 16px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-item .item-box .item-nums{position: relative;width: 100%;font-weight: bold;font-size: 24px;color: #006FE8;line-height: 36px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-item .item-box .item-nums span{font-size: 18px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-item .item-box .item-title{position: relative;width: 100%;font-size: 18px;color: #000000;line-height: 30px;margin-top: 1px;} @media screen and (max-width: 1024px) { .kehuanli-wrap-item .page-wrap-box .wrap-close{right: 28px;top: 28px;width: 36px;height: 36px;line-height: 36px;font-size: 18px;} .kehuanli-wrap-item .page-wrap-main .wrap-section{padding: 24px 0 11.25%;} .kehuanli-wrap-item .page-wrap-main .wrap-section .wrap-contain{max-width: 750px;} .kehuanli-wrap-item .page-wrap-main .wrap-section .wrap-boxs-title{font-size: 26px;line-height: 40px;} .kehuanli-wrap-item .page-wrap-main .wrap-section .wrap-boxs-text{margin-top: 18px;margin-bottom: 54px;font-size: 16px;line-height: 26px;} .kehuanli-wrap-item .page-wrap-main .wrap-section .wrap-boxs-text b{font-size: 22px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-text .table{margin-top: 28px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-text .table table{line-height:30px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-text .table table tr td{padding: 9px 12px;font-size: 16px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-text .text-img{padding-top: 34px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-text .text-img.text-margin-left{margin-left: 0px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-flex{padding-top: 24px;margin-bottom: 68px;} .kehuanli-wrap-item .wrap-section .wrap-flex-left{width: 21.5%;} .kehuanli-wrap-item .wrap-section .wrap-flex-right{width: 75%;} .kehuanli-wrap-item .wrap-section .wrap-flex-left .wrap-left-item{margin-bottom: 40px;} .kehuanli-wrap-item .wrap-section .wrap-left-item .item-box{padding: 20px 16px 18px;border-radius: 12px;} .kehuanli-wrap-item .wrap-section .wrap-left-item .item-box .item-num{font-size: 26px;line-height: 34px;} .kehuanli-wrap-item .wrap-section .wrap-left-item .item-box .item-title{font-size: 16px;line-height: 28px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-img{padding-top: 10px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-list{margin-left: -9px;margin-right: -9px;padding-top: 20px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-list .wrap-boxs-item{min-width: 180px;padding: 0 9px;margin-bottom: 18px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-item .item-box{padding: 16px 26px 18px;border-radius: 12px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-item .item-box .item-nums{font-size: 22px;line-height: 32px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-item .item-box .item-nums span{font-size: 16px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-item .item-box .item-title{pfont-size: 16px;line-height: 28px;} } @media screen and (max-width: 767px) { .kehuanli-wrap-item .page-wrap-box .wrap-close{right: 24px;top: 24px;width: 32px;height: 32px;line-height: 32px;font-size: 16px;} .kehuanli-wrap-item .page-wrap-main .wrap-section{padding: 20px 0 11%;} .kehuanli-wrap-item .page-wrap-main .wrap-section .wrap-contain{max-width: auto;} .kehuanli-wrap-item .page-wrap-main .wrap-section .wrap-boxs-title{font-size: 22px;line-height: 34px;} .kehuanli-wrap-item .page-wrap-main .wrap-section .wrap-boxs-text{margin-top: 16px;margin-bottom: 40px;font-size: 15px;line-height: 24px;} .kehuanli-wrap-item .page-wrap-main .wrap-section .wrap-boxs-text b{font-size: 18px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-text .table{margin-top: 24px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-text .table table{line-height:28px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-text .table table tr td{padding: 8px 10px;font-size: 15px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-text .text-img{padding-top: 26px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-text .text-img.text-margin-left{margin-left: 0px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-flex{padding-top: 20px;margin-bottom: 52px;} .kehuanli-wrap-item .wrap-section .wrap-flex-left{width: 100%;} .kehuanli-wrap-item .wrap-section .wrap-flex-right{width: 100%;} .kehuanli-wrap-item .wrap-section .wrap-flex-left .wrap-left-list{margin-left: -8px;margin-right: -8px;} .kehuanli-wrap-item .wrap-section .wrap-flex-left .wrap-left-item{margin-bottom: 18px;width: 33.3333333%;padding: 0 8px;} .kehuanli-wrap-item .wrap-section .wrap-left-item .item-box{padding: 16px 12px 14px;border-radius: 10px;} .kehuanli-wrap-item .wrap-section .wrap-left-item .item-box .item-num{font-size: 22px;line-height: 30px;} .kehuanli-wrap-item .wrap-section .wrap-left-item .item-box .item-title{font-size: 15px;line-height: 26px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-img{padding-top: 10px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-list{margin-left: -7px;margin-right: -7px;padding-top: 18px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-list .wrap-boxs-item{min-width: 172px;padding: 0 7px;margin-bottom: 18px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-item .item-box{padding: 14px 20px 16px;border-radius: 10px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-item .item-box .item-nums{font-size: 18px;line-height: 30px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-item .item-box .item-nums span{font-size: 15px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-item .item-box .item-title{pfont-size: 14px;line-height: 24px;} } @media screen and (max-width: 560px) { .kehuanli-wrap-item .page-wrap-box .wrap-close{right: 10px;top: 10px;width: 28px;height: 28px;line-height: 28px;font-size: 16px;} .kehuanli-wrap-item .page-wrap-main .wrap-section{padding: 20px 0 10%;} .kehuanli-wrap-item .page-wrap-main .wrap-section .wrap-contain{max-width: auto;} .kehuanli-wrap-item .page-wrap-main .wrap-section .wrap-boxs-title{font-size: 18px;line-height: 30px;} .kehuanli-wrap-item .page-wrap-main .wrap-section .wrap-boxs-text{margin-top: 10px;margin-bottom: 24px;font-size: 14px;line-height: 22px;} .kehuanli-wrap-item .page-wrap-main .wrap-section .wrap-boxs-text b{font-size: 18px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-text .table{margin-top: 20px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-text .table table{line-height:24px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-text .table table tr td{padding: 7px 10px;font-size: 14px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-text .text-img{padding-top: 16px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-text .text-img.text-margin-left{margin-left: 0px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-flex{padding-top: 16px;margin-bottom: 36px;} .kehuanli-wrap-item .wrap-section .wrap-flex-left{width: 100%;} .kehuanli-wrap-item .wrap-section .wrap-flex-right{width: 100%;} .kehuanli-wrap-item .wrap-section .wrap-flex-left .wrap-left-list{margin-left: -6px;margin-right: -6px;} .kehuanli-wrap-item .wrap-section .wrap-flex-left .wrap-left-item{margin-bottom: 18px;width: 50%;padding: 0 6px;} .kehuanli-wrap-item .wrap-section .wrap-left-item .item-box{padding: 16px 12px 14px;border-radius: 10px;} .kehuanli-wrap-item .wrap-section .wrap-left-item .item-box .item-num{font-size: 18px;line-height: 28px;} .kehuanli-wrap-item .wrap-section .wrap-left-item .item-box .item-title{font-size: 14px;line-height: 24px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-img{padding-top: 10px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-list{margin-left: -7px;margin-right: -7px;padding-top: 18px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-list .wrap-boxs-item{min-width: 164px;padding: 0 7px;margin-bottom: 18px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-item .item-box{padding: 12px 16px 14px;border-radius: 10px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-item .item-box .item-nums{font-size: 18px;line-height: 28px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-item .item-box .item-nums span{font-size: 14px;} .kehuanli-wrap-item .wrap-section .wrap-boxs-item .item-box .item-title{pfont-size: 14px;line-height: 24px;} } .xunpan-bottom{position: relative;width: 100%;padding-bottom: 10%;} .xunpan-bottom .xunpan-box{position: relative;width: 100%;padding: 92px 92px;background: #016FE8;border-radius: 48px;} .xunpan-bottom .xunpan-box .xunpan-box-flex{position: relative;width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} .xunpan-bottom .xunpan-box .xunpan-box-left{position: relative;width: 320px;} .xunpan-bottom .xunpan-box .xunpan-box-right{position: relative;width: calc(100% - 346px);} .xunpan-bottom .xunpan-box .xunpan-box-left .xunpan-box-title{position: relative;width: 100%;font-weight: bold;font-size: 40px;color: #FFFFFF;line-height: 54px;padding-bottom: 7px} .xunpan-bottom .xunpan-box .xunpan-box-right form{display: block;width: 100%;} .xunpan-bottom .xunpan-box .xunpan-form-box{position: relative;width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input{position: relative;width: 338px;display: flex;align-items: center;justify-content: space-between;} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input .name{font-size: 24px;color: #FFFFFF;line-height: 36px;} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input input{position: relative;width: calc(100% - 68px);height: 44px;background: #FFFFFF;font-size: 18px;color: #333;line-height: 30px;border-radius: 22px;padding: 0 12px} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input-btn{position: relative;width: 80px;text-align: right;} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input-btn .item-btn{position: relative;width: 48px;} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input-btn .item-btn img{display: inline-block;vertical-align: top;width: 100%;} @media screen and (max-width:1459px) { .xunpan-bottom{padding-bottom: 10%;} .xunpan-bottom .xunpan-box{padding: 84px 72px;border-radius: 42px;} .xunpan-bottom .xunpan-box .xunpan-box-left{width: 280px;} .xunpan-bottom .xunpan-box .xunpan-box-right{width: calc(100% - 300px);} .xunpan-bottom .xunpan-box .xunpan-box-left .xunpan-box-title{font-size: 36px;line-height: 50px;padding-bottom: 6px} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input{width: 320px;;} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input .name{font-size: 22px;line-height: 34px;} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input input{width: calc(100% - 64px);height: 42px;font-size: 18px;line-height: 30px;border-radius: 21px;} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input-btn{width: 72px;} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input-btn .item-btn{width: 44px;} } @media screen and (max-width:1259px) { .xunpan-bottom{padding-bottom: 10%;} .xunpan-bottom .xunpan-box{padding: 72px 54px;border-radius: 32px;} .xunpan-bottom .xunpan-box .xunpan-box-left{width: 200px;} .xunpan-bottom .xunpan-box .xunpan-box-right{width: calc(100% - 212px);} .xunpan-bottom .xunpan-box .xunpan-box-left .xunpan-box-title{font-size: 32px;line-height: 44px;padding-bottom: 6px} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input{width: 260px;} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input .name{font-size: 18px;line-height: 30px;} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input input{width: calc(100% - 54px);height: 40px;font-size: 16px;line-height: 28px;border-radius: 20px;} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input-btn{width: 56px;} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input-btn .item-btn{width: 36px;} } @media screen and (max-width:991px) { .xunpan-bottom{padding-bottom: 10%;} .xunpan-bottom .xunpan-box{padding: 60px 28px;border-radius: 26px;} .xunpan-bottom .xunpan-box .xunpan-box-left{width: 100%;} .xunpan-bottom .xunpan-box .xunpan-box-right{width: 100%;margin-top: 16px} .xunpan-bottom .xunpan-box .xunpan-box-left .xunpan-box-title{font-size: 28px;line-height: 40px;padding-bottom: 6px;text-align: center} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input{width: 280px;} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input .name{font-size: 18px;line-height: 30px;} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input input{width: calc(100% - 54px);height: 40px;font-size: 16px;line-height: 28px;border-radius: 20px;} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input-btn{width: 56px;} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input-btn .item-btn{width: 36px;} } @media screen and (max-width:720px) { .xunpan-bottom{padding-bottom: 10%;} .xunpan-bottom .xunpan-box{padding: 60px 28px;border-radius: 26px;} .xunpan-bottom .xunpan-box .xunpan-box-left{width: 100%;} .xunpan-bottom .xunpan-box .xunpan-box-right{width: 100%;margin-top: 16px} .xunpan-bottom .xunpan-box .xunpan-box-left .xunpan-box-title{font-size: 28px;line-height: 40px;padding-bottom: 6px;text-align: center} .xunpan-bottom .xunpan-box .xunpan-form-box{display: block;} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input{width: 100%;max-width: 360px;margin: 0 auto 16px;} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input .name{font-size: 18px;line-height: 30px;} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input input{width: calc(100% - 54px);height: 40px;font-size: 16px;line-height: 28px;border-radius: 20px;} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input-btn{width: 100%;text-align: center} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input-btn .item-btn{width: 36px;} } @media screen and (max-width:360px) { .xunpan-bottom{padding-bottom: 9.5%;} .xunpan-bottom .xunpan-box{padding: 48px 28px;border-radius: 26px;} .xunpan-bottom .xunpan-box .xunpan-box-left{width: 100%;} .xunpan-bottom .xunpan-box .xunpan-box-right{width: 100%;margin-top: 16px} .xunpan-bottom .xunpan-box .xunpan-box-left .xunpan-box-title{font-size: 28px;line-height: 40px;padding-bottom: 6px;text-align: center} .xunpan-bottom .xunpan-box .xunpan-form-box{display: block;} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input{width: 100%;max-width: 360px;margin: 0 auto 16px;display: block} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input .name{font-size: 18px;line-height: 30px;} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input input{width: 100%;height: 40px;font-size: 16px;line-height: 28px;border-radius: 20px;} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input-btn{width: 100%;text-align: center} .xunpan-bottom .xunpan-box .xunpan-form-box .item-input-btn .item-btn{width: 36px;} }