.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:1400px;}} ::-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);} .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;} .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} ::-webkit-input-placeholder {/* WebKit browsers */ color:#888888;opacity:1} :-o-placeholder {/* Mozilla Firefox 4 to 18 */ color:#888888;opacity:1 } ::-moz-placeholder {/* Mozilla Firefox 19+ */ color:#888888;opacity:1 } :-ms-input-placeholder {/* Internet Explorer 10+ */ color:#888888;opacity:1 } .dingz-main{position: relative;width: 100%;display: block;max-width: 1920px;margin: 0 auto;overflow: hidden;background: #F6F9FD;} .dingz-main *{box-sizing: border-box;} .dingz-main .dingz-banner{position: relative;width: 100%;display: block;max-width: 1920px;margin: 0 auto;overflow: hidden;} .dingz-main .dingz-banner .banner-img{position: relative;width: 100%;display: block;overflow: hidden;} .dingz-main .dingz-banner .ban-pic{width: 100%;display: block;} .dingz-main .dingz-section{position: relative;width: 100%;display: block;background: url(../img/dingz-bgi.png) no-repeat top center;background-size: 100%;} .dingz-section .dingz-sec-top{position: relative;width: 100%;} .dingz-section .dingz-sec-top .dingz-sec-title{position: relative;width: 100%;font-weight: bold;font-size: 40px;color: #222;line-height: 52px;} .dingz-section .dingz-sec-top .dingz-sec-title .title-img{display: inline-block;vertical-align: top;width: 62px;margin-right: 8px;} .dingz-section .dingz-sec-top .dingz-sec-title.white{color: #fff;} .dingz-section .dingz-tbody-title{position: relative;width: 100%;font-weight: bold;font-size: 32px;color: #222;line-height: 44px;} .dingz-section .dingz-tbody-title.white{color: #fff;} .dingz-section .dingz-tbody-title .tit{position: relative;display: inline-block;vertical-align: top;padding: 18px 58px;} .dingz-section .dingz-tbody-title .tit::before{position: absolute;content: "";top: 0;left: 25px;width: 36px;height: 36px;background: url(../img/dingz2-title-before.png) no-repeat center center;background-size: 100%;} .dingz-section .dingz-tbody-title .tit::after{position: absolute;content: "";bottom: 0;right: 0px;width: 46px;height: 47px;background: url(../img/dingz2-title-after.png) no-repeat center center;background-size: 100%;} @media screen and (max-width:1459px) { .dingz-section .dingz-sec-top .dingz-sec-title{font-size: 36px;line-height: 48px;} .dingz-section .dingz-sec-top .dingz-sec-title .title-img{width: 58px;margin-right: 8px;} .dingz-section .dingz-tbody-title{font-size: 28px;line-height: 40px;} .dingz-section .dingz-tbody-title .tit{padding: 16px 52px;} .dingz-section .dingz-tbody-title .tit::before{left: 22px;width: 32px;height: 32px;} .dingz-section .dingz-tbody-title .tit::after{width: 40px;height: 40px;} } @media screen and (max-width:1259px) { .dingz-section .dingz-sec-top .dingz-sec-title{font-size: 30px;line-height: 42px;} .dingz-section .dingz-sec-top .dingz-sec-title .title-img{width: 52px;margin-right: 6px;} .dingz-section .dingz-tbody-title{font-size: 24px;line-height: 36px;} .dingz-section .dingz-tbody-title .tit{padding: 14px 46px;} .dingz-section .dingz-tbody-title .tit::before{left: 18px;width: 28px;height: 28px;} .dingz-section .dingz-tbody-title .tit::after{width: 36px;height: 36px;} } @media screen and (max-width: 991px) { .dingz-section .dingz-sec-top .dingz-sec-title{font-size: 24px;line-height: 36px;} .dingz-section .dingz-sec-top .dingz-sec-title .title-img{width: 46px;margin-right: 6px;} .dingz-section .dingz-tbody-title{font-size: 20px;line-height: 32px;} .dingz-section .dingz-tbody-title .tit{padding: 12px 40px;} .dingz-section .dingz-tbody-title .tit::before{left: 14px;width: 24px;height: 24px;} .dingz-section .dingz-tbody-title .tit::after{width: 32px;height: 32px;} } @media screen and (max-width: 720px) { .dingz-section .dingz-sec-top .dingz-sec-title{font-size: 20px;line-height: 32px;} .dingz-section .dingz-sec-top .dingz-sec-title .title-img{width: 40px;margin-right: 6px;} .dingz-section .dingz-tbody-title{font-size: 18px;line-height: 30px;} .dingz-section .dingz-tbody-title .tit{padding: 10px 35px;} .dingz-section .dingz-tbody-title .tit::before{left: 10px;width: 20px;height: 20px;} .dingz-section .dingz-tbody-title .tit::after{width: 28px;height: 28px;} } @media screen and (max-width: 420px) { .dingz-section .dingz-sec-top .dingz-sec-title{font-size: 18px;line-height: 30px;} .dingz-section .dingz-sec-top .dingz-sec-title .title-img{width: 36px;margin-right: 6px;} } .dingz-sec1{position: relative;width: 100%;padding-top: 95px;padding-bottom: 51px;} .dingz-sec1 .dingz1-tbody{position: relative;width: 100%;margin-top: 38px;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-img{position: relative;width: 100%;text-align: center;max-width: 790px;margin: 0 auto;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-img .item-pic{position: relative;width: 100%;text-align: center;overflow: hidden;z-index: 222;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-img .item-pic img{display: inline-block;vertical-align: top;width: 100%;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list{position: absolute;left: 0;top: 0;right: 0;width: 100%;height: 100%;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item{position: absolute;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item .item-title{position: relative;font-weight: 500; font-size: 24px;color: #000000;line-height: 36px;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item1{top: 11px;left: 50%;transform: translateX(-50%);} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item2{top: 161px;left: 0;width: 50%;padding-right: 190px; text-align: right;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item3{top: 161px;right: 0;width: 50%;padding-left: 178px; text-align: left;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item4{top: 330px;left: 0;width: 50%;padding-right: 406px; text-align: right;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item5{top: 330px;right: 0;width: 51%;padding-left: 284px; text-align: left;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item6{bottom: 218px;left: 0;width: 50%;padding-right: 294px; text-align: right;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item7{bottom: 190px;right: 0;width: 44%;padding-left: 244px; text-align: left;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-btn{position: relative;width: 100%;text-align: center;padding-top: 19px;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-btn .btnn{position: relative;display: inline-block;vertical-align: top;min-width: 763px;padding: 10px 34px;line-height: 48px;font-weight: bold;font-size: 36px;color: #FFFFFF;background: linear-gradient(90deg, #69CCFF, #0171EA);border-radius: 20px;transition: all .5s;transform: scale(1);} .dingz-sec1 .dingz1-tbody .dingz1-tbody-btn a.btnn:hover{transform: scale(1.1);} @media screen and (max-width:1459px) { .dingz-sec1{padding-top: 80px;padding-bottom: 45px;} .dingz-sec1 .dingz1-tbody{margin-top: 32px;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-img{max-width: 720px;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list{position: absolute;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item{position: absolute;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item .item-title{font-size: 20px;line-height: 32px;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item1{top: 8px;left: 50%;transform: translateX(-50%);} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item2{top: 148px;left: 0;width: 50%;padding-right: 160px; text-align: right;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item3{top: 148px;right: 0;width: 50%;padding-left: 148px; text-align: left;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item4{top: 300px;left: 0;width: 50%;padding-right: 350px; text-align: right;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item5{top: 300px;right: 0;width: 51%;padding-left: 240px; text-align: left;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item6{bottom: 196px;left: 0;width: 50%;padding-right: 254px; text-align: right;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item7{bottom: 140px;right: 0;width: 50%;padding-left: 204px; text-align: left;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-btn{padding-top: 18px;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-btn .btnn{min-width: 720px;padding: 8px 30px;line-height: 44px;font-size: 32px;border-radius: 18px;} } @media screen and (max-width:1259px) { .dingz-sec1{padding-top: 66px;padding-bottom: 36px;} .dingz-sec1 .dingz1-tbody{margin-top: 28px;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-img{max-width: 600px;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list{position: absolute;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item{position: absolute;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item .item-title{font-size: 16px;line-height: 28px;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item1{top: 6px;left: 50%;transform: translateX(-50%);} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item2{top: 124px;left: 0;width: 50%;padding-right: 120px; text-align: right;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item3{top: 124px;right: 0;width: 50%;padding-left: 104px; text-align: left;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item4{top: 250px;left: 0;width: 50%;padding-right: 310px; text-align: right;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item5{top: 250px;right: 0;width: 51%;padding-left: 200px; text-align: left;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item6{bottom: 182px;left: 0;width: 50%;padding-right: 196px; text-align: right;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item7{bottom: 150px;right: 0;width: 50%;padding-left: 154px; text-align: left;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-btn{padding-top: 18px;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-btn .btnn{min-width: 640px;padding: 8px 26px;line-height: 40px;font-size: 28px;border-radius: 16px;} } @media screen and (max-width:991px) { .dingz-sec1{padding-top: 48px;padding-bottom: 28px;} .dingz-sec1 .dingz1-tbody{margin-top: 24px;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-img{max-width: 420px;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list{position: relative;padding-top: 20px;display: flex;flex-wrap: wrap;justify-content: space-between;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item{position: relative;display: inline-block;vertical-align: top;width: 49%;margin-bottom: 12px;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item .item-title{font-size: 15px;line-height: 26px;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item1{top: 0px;left: 0;transform: translateX(0);} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item2{top: 0px;left: 0;width: 49%;padding-right: 0; text-align: left;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item3{top: 0;right: 0;width: 49%;padding-left: 0; text-align: left;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item4{top: 0;left: 0;width: 49%;padding-right: 0; text-align: left;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item5{top: 0;right: 0;width: 49%;padding-left: 0; text-align: left;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item6{bottom: 0;left: 0;width: 49%;padding-right: 0; text-align: left;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item7{bottom: 0;right: 0;width: 49%;padding-left: 0; text-align: left;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-btn{padding-top: 18px;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-btn .btnn{min-width: auto;padding: 6px 20px;line-height: 36px;font-size: 24px;border-radius: 14px;} } @media screen and (max-width:720px) { .dingz-sec1{padding-top: 32px;padding-bottom: 20px;} .dingz-sec1 .dingz1-tbody{margin-top: 20px;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-img{max-width: 420px;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list{position: relative;padding-top: 20px;display: flex;flex-wrap: wrap;justify-content: space-between;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item{position: relative;display: inline-block;vertical-align: top;width: 100%;margin-bottom: 12px;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item .item-title{font-size: 14px;line-height: 24px;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item1{top: 0px;left: 0;transform: translateX(0);} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item2{top: 0px;left: 0;width: 100%;padding-right: 0; text-align: left;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item3{top: 0;right: 0;width: 100%;padding-left: 0; text-align: left;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item4{top: 0;left: 0;width: 100%;padding-right: 0; text-align: left;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item5{top: 0;right: 0;width: 100%;padding-left: 0; text-align: left;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item6{bottom: 0;left: 0;width: 100%;padding-right: 0; text-align: left;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-list .dingz1-list-item7{bottom: 0;right: 0;width: 100%;padding-left: 0; text-align: left;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-btn{padding-top: 18px;} .dingz-sec1 .dingz1-tbody .dingz1-tbody-btn .btnn{min-width: auto;padding: 6px 20px;line-height: 36px;font-size: 24px;border-radius: 14px;} } .dingz-sec2{position: relative;width: 100%;padding-top: 50px;padding-bottom: 61px;font-family: Microsoft YaHei;} .dingz-sec2 .dingz-sec2-tbody{position: relative;width: 100%;margin-top: 49px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item{position: relative;width: 100%;margin-bottom: 100px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item:nth-last-of-type(1){margin-bottom: 0 !important;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox{position: relative;width: 100%;padding-top: 48px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox .dingz2-tbody-box{position: relative;width: 100%;text-align: center;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-img{position: relative;width: 100%;text-align: center;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-img .item-pic{position: relative;width: 100%;text-align: center;overflow: hidden;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-img .item-pic img{display: inline-block;vertical-align: top;width: 100%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1{position: relative;width: 100%;padding-top: 16px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-text{position: relative;width: 100%;font-size: 18px;color: #016FE8;line-height: 30px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-text p{position: relative;width: 100%;padding: 5px 0;padding-left: 27px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-text p::before{position: absolute;content: "";left: 0;top: 17px;width: 7px;height: 7px;background: #016FE8;border-radius: 50%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-flex{position: relative;width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;padding-top: 12px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-flex .dingz2-tbody-left{position: relative;width: 45.5%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-flex .dingz2-tbody-right{position: relative;width: 50%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-right-img{position: relative;width: 100%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-right-img .item-pic{position: relative;width: 100%;text-align: center;overflow: hidden;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-right-img .item-pic img{display: inline-block;vertical-align: top;width: 100%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list{position: relative;font-size: 0;letter-spacing: 0;display: flex;flex-wrap: wrap;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item{position: relative;display: inline-block;vertical-align: top; width: 100%;padding-right: 392px;margin-bottom: 18px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item::before{position: absolute;content: "";right: 0;top: 50%;transform: translateY(-50%);width: 12px;height: 12px;background: #006FE8;border-radius: 50%; } .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item::after{position: absolute;content: "";right: 8px;top: 50%;transform: translateY(-50%);width: 378px;height: 1px;background: #E3E8ED;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item .item-title{display: inline-block;vertical-align: top;min-width: 175px;padding: 5px 15px;font-size: 16px;color: #FFFFFF;line-height: 30px;text-align: center;background: #016FE8;border-radius: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item.active .item-title{min-width: 206px;font-weight: bold;font-size: 20px;line-height: 33px;padding: 7px 16px;background: #222222;border-radius: 23px;} @media screen and (max-width: 1459px) { .dingz-sec2{padding-top: 40px;padding-bottom: 52px;} .dingz-sec2 .dingz-sec2-tbody{margin-top: 42px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item{margin-bottom: 86px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox{padding-top: 42px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1{padding-top: 12px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-text{font-size: 16px;line-height: 28px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-text p{padding: 4px 0;padding-left: 24px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-text p::before{top: 15px;width: 6px;height: 6px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-flex{padding-top: 10px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-flex .dingz2-tbody-left{width: 44.5%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-flex .dingz2-tbody-right{width: 52.5%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item{padding-right: 316px;margin-bottom: 16px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item::before{width: 12px;height: 12px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item::after{right: 6px;width: 304px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item .item-title{min-width: 178px;padding: 5px 15px;font-size: 16px;line-height: 30px;border-radius: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item.active .item-title{min-width: 204px;font-size: 20px;line-height: 32px;padding: 6px 16px;border-radius: 22px;} } @media screen and (max-width: 1259px) { .dingz-sec2{padding-top: 34px;padding-bottom: 44px;} .dingz-sec2 .dingz-sec2-tbody{margin-top: 36px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item{margin-bottom: 72px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox{padding-top: 36px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1{padding-top: 10px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-text{font-size: 15px;line-height: 26px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-text p{padding: 3px 0;padding-left: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-text p::before{top: 13px;width: 6px;height: 6px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-flex{padding-top: 10px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-flex .dingz2-tbody-left{width: 44.5%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-flex .dingz2-tbody-right{width: 52.5%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item{padding-right: 214px;margin-bottom: 16px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item::before{width: 10px;height: 10px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item::after{right: 6px;width: 202px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item .item-title{min-width: 172px;padding: 4px 12px;font-size: 15px;line-height: 28px;border-radius: 18px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item.active .item-title{min-width: 196px;font-size: 18px;line-height: 30px;padding: 5px 14px;border-radius: 20px;} } @media screen and (max-width: 991px) { .dingz-sec2{padding-top: 28px;padding-bottom: 36px;} .dingz-sec2 .dingz-sec2-tbody{margin-top: 30px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item{margin-bottom: 60px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox{padding-top: 30px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1{padding-top: 10px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-text{font-size: 14px;line-height: 24px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-text p{padding: 2px 0;padding-left: 18px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-text p::before{top: 11px;width: 6px;height: 6px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-flex{padding-top: 10px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-flex .dingz2-tbody-left{width: 45%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-flex .dingz2-tbody-right{width: 52.5%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item{padding-right: 120px;margin-bottom: 12px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item::before{width: 8px;height: 8px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item::after{right: 4px;width: 108px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item .item-title{min-width: 160px;padding: 3px 10px;font-size: 14px;line-height: 26px;border-radius: 16px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item.active .item-title{min-width: 184px;font-size: 16px;line-height: 28px;padding: 4px 12px;border-radius: 18px;} } @media screen and (max-width: 750px) { .dingz-sec2{padding-top: 20px;padding-bottom: 28px;} .dingz-sec2 .dingz-sec2-tbody{margin-top: 24px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item{margin-bottom: 46px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox{padding-top: 24px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1{padding-top: 10px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-text{font-size: 14px;line-height: 24px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-text p{padding: 1px 0;padding-left: 18px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-text p::before{top: 10px;width: 6px;height: 6px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-flex{padding-top: 10px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-flex .dingz2-tbody-left{width: 100%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-flex .dingz2-tbody-right{width: 100%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list{margin-left: -6px;margin-right: -6px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item{width: 33.333%;padding: 0 6px;margin-bottom: 12px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item::before{display: none;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item::after{display: none;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item .item-title{min-width: auto;width: 100%; padding: 3px 10px;font-size: 14px;line-height: 26px;border-radius: 16px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item.active .item-title{min-width: auto;width: 100%; padding: 3px 10px;font-size: 14px;line-height: 26px;border-radius: 16px;} } @media screen and (max-width: 500px) { .dingz-sec2{padding-top: 20px;padding-bottom: 28px;} .dingz-sec2 .dingz-sec2-tbody{margin-top: 24px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item{margin-bottom: 30px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox{padding-top: 24px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1{padding-top: 10px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-text{font-size: 14px;line-height: 24px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-text p{padding: 1px 0;padding-left: 18px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-text p::before{top: 10px;width: 6px;height: 6px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-flex{padding-top: 10px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-flex .dingz2-tbody-left{width: 100%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-tbody-flex .dingz2-tbody-right{width: 100%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list{margin-left: -6px;margin-right: -6px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item{width: 50%;padding: 0 6px;margin-bottom: 12px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item::before{display: none;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item::after{display: none;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item .item-title{min-width: auto;width: 100%; padding: 3px 10px;font-size: 14px;line-height: 26px;border-radius: 16px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox1 .dingz2-left-list .dingz2-list-item.active .item-title{min-width: auto;width: 100%; padding: 3px 10px;font-size: 14px;line-height: 26px;border-radius: 16px;} } .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2{position: relative;width: 100%;padding-top: 24px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex{position: relative;width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-bottom: 122px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex .dingz2-tbody-left{position: relative;width: 68.14285715%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex .dingz2-tbody-right{position: relative;width: 30.25%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-img{position: relative;width: 100%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-img.opc0{opacity: 0;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-img .item-pic{position: relative;width: 100%;text-align: center;overflow: hidden;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-img .item-pic img{display: inline-block;vertical-align: top;width: 100%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-left-list{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-left-img{position: absolute;left: 0;top: 0;width: 100%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-left-img .item-pic{position: relative;width: 100%;text-align: center;overflow: hidden;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-left-img .item-pic img{display: inline-block;vertical-align: top;width: 100%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-list{position: relative;font-size: 0;letter-spacing: 0;display: flex;flex-wrap: wrap;padding-bottom: 90px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-list .dingz2-list-item{position: relative;width: 100%;margin-bottom: 31px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-list .dingz2-list-item .item-box{position: relative;width: 100%;padding: 5px 22px 6px;background: #016FE8;border-radius: 20px;transition: all .5s;cursor: pointer;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-list .dingz2-list-item .item-box:hover{transform: scale(1.1);} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-list .dingz2-list-item .item-box .item-title{position: relative;width: 100%;font-size: 18px;color: #FFFFFF;line-height: 30px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex2{position: relative;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex2 .dingz2-tbody-left2{position: relative;width: 652px;padding-top: 150px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex2 .dingz2-tbody-right2{position: relative;width:720px;margin-left: -32px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex2 .dingz2-tbody-left2 .dingz2-tbody-box{position: relative;width: 100%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex2 .dingz2-tbody-right2 .dingz2-tbody-box{position: relative;width: 100%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-left2 .dingz2-tbody-box .dingz2-tbody-info{position: absolute;left: 8px;top: 274px;width: 285px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-right2 .dingz2-tbody-box .dingz2-tbody-info{position: absolute;right: 28px;top: 282px;width: 285px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-info .item-box{position: relative;width: 100%;background: #FFFFFF;box-shadow: -12px -10px 29px 0px rgba(85,95,115,0.46);border-radius: 10px;overflow: hidden;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-info .item-box .item-title{position: relative;width: 100%;text-align: center;padding: 25px 20px 12px;font-weight: bold;font-size: 24px;color: #FFFFFF;line-height: 36px;background: #016FE8;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-info .item-box .item-text{position: relative;width: 100%;padding: 16px 20px 24px;font-size: 18px;color: #222222;line-height: 24px;} @media screen and (max-width: 1459px) { .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2{padding-top: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex{margin-bottom: 104px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex .dingz2-tbody-left{width: 68.2%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex .dingz2-tbody-right{width: 30.5%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-list{padding-bottom: 80px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-list .dingz2-list-item{margin-bottom: 28px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-list .dingz2-list-item .item-box{padding: 4px 18px;border-radius: 18px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-list .dingz2-list-item .item-box .item-title{font-size: 16px;line-height: 28px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex2{padding: 0;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex2 .dingz2-tbody-left2{width: 572px;padding-top: 120px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex2 .dingz2-tbody-right2{width:648px;margin-left: -20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-left2 .dingz2-tbody-box .dingz2-tbody-info{left: 8px;top: 256px;width: 280px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-right2 .dingz2-tbody-box .dingz2-tbody-info{right: 22px;top: 260px;width: 280px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-info .item-box{border-radius: 10px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-info .item-box .item-title{padding: 22px 18px 10px;font-size: 22px;line-height: 34px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-info .item-box .item-text{padding: 14px 18px 22px;font-size: 16px;line-height: 24px;} } @media screen and (max-width: 1259px) { .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2{padding-top: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex{margin-bottom: 72px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex .dingz2-tbody-left{width: 65%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex .dingz2-tbody-right{width: 33.5%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-list{padding-bottom: 0px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-list .dingz2-list-item{margin-bottom: 24px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-list .dingz2-list-item .item-box{padding: 3px 16px;border-radius: 16px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-list .dingz2-list-item .item-box .item-title{font-size: 15px;line-height: 26px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex2{padding: 0;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex2 .dingz2-tbody-left2{width: 100%;padding-top: 0px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex2 .dingz2-tbody-right2{width:100%;margin-left: 0px;margin-top: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-left2 .dingz2-tbody-box .dingz2-tbody-info{left: 15px;top: 320px;width: 300px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-right2 .dingz2-tbody-box .dingz2-tbody-info{right: 28px;top: 320px;width: 300px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-info .item-box{border-radius: 10px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-info .item-box .item-title{padding: 20px 16px 10px;font-size: 24px;line-height: 36px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-info .item-box .item-text{padding: 14px 16px 20px;font-size: 18px;line-height: 24px;} } @media screen and (max-width: 991px) { .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2{padding-top: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex{margin-bottom: 60px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex .dingz2-tbody-left{width: 100%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex .dingz2-tbody-right{width: 100%;margin-top: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-list{padding-bottom: 0px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-list .dingz2-list-item{margin-bottom: 24px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-list .dingz2-list-item .item-box{padding: 3px 16px;border-radius: 16px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-list .dingz2-list-item .item-box .item-title{font-size: 15px;line-height: 26px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex2{padding: 0;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex2 .dingz2-tbody-left2{width: 100%;padding-top: 0px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex2 .dingz2-tbody-right2{width:100%;margin-left: 0px;margin-top: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-left2 .dingz2-tbody-box .dingz2-tbody-info{left: 15px;top: 260px;width: 300px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-right2 .dingz2-tbody-box .dingz2-tbody-info{right: 28px;top: 260px;width: 300px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-info .item-box{border-radius: 10px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-info .item-box .item-title{padding: 20px 16px 10px;font-size: 22px;line-height: 36px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-info .item-box .item-text{padding: 14px 16px 20px;font-size: 16px;line-height: 24px;} } @media screen and (max-width: 720px) { .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2{padding-top: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex{margin-bottom: 30px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex .dingz2-tbody-left{width: 100%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex .dingz2-tbody-right{width: 100%;margin-top: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-list{padding-bottom: 0px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-list .dingz2-list-item{margin-bottom: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-list .dingz2-list-item .item-box{padding: 3px 16px;border-radius: 16px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-list .dingz2-list-item .item-box .item-title{font-size: 14px;line-height: 24px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex2{padding: 0;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex2 .dingz2-tbody-left2{width: 100%;padding-top: 0px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex2 .dingz2-tbody-right2{width:100%;margin-left: 0px;margin-top: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-left2 .dingz2-tbody-box .dingz2-tbody-info{left: 8px;top: auto;bottom: 0; width: 260px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-right2 .dingz2-tbody-box .dingz2-tbody-info{right: 8px;top: auto;bottom: 0;width: 260px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-info .item-box{border-radius: 10px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-info .item-box .item-title{padding: 18px 14px 8px;font-size: 20px;line-height: 32px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-info .item-box .item-text{padding: 12px 14px 18px;font-size: 14px;line-height: 22px;} } @media screen and (max-width: 500px) { .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2{padding-top: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex{margin-bottom: 30px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex .dingz2-tbody-left{width: 100%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex .dingz2-tbody-right{width: 100%;margin-top: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-list{padding-bottom: 0px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-list .dingz2-list-item{margin-bottom: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-list .dingz2-list-item .item-box{padding: 3px 16px;border-radius: 16px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-list .dingz2-list-item .item-box .item-title{font-size: 14px;line-height: 24px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex2{padding: 0;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex2 .dingz2-tbody-left2{width: 100%;padding-top: 0px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-flex2 .dingz2-tbody-right2{width:100%;margin-left: 0px;margin-top: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-left2 .dingz2-tbody-box .dingz2-tbody-info{position:relative; left: 0px;top: auto;bottom: 0; width: 100%;max-width: 320px;margin: 0 auto;margin-top: 10px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-right2 .dingz2-tbody-box .dingz2-tbody-info{position:relative; right: 0px;top: auto;bottom: 0;width: 100%;max-width: 320px;margin: 0 auto;margin-top: 10px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-info .item-box{border-radius: 10px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-info .item-box .item-title{padding: 18px 14px 8px;font-size: 18px;line-height: 32px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox2 .dingz2-tbody-info .item-box .item-text{padding: 12px 14px 18px;font-size: 14px;line-height: 22px;} } .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2{position: relative;background: #016FE8;margin-left: -15px;margin-right: -15px;padding: 28px 44px 35px 20px;border-radius: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex{position: relative;width: 100%;display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left{position: relative;width: 32.69696969%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right{position: relative;width: 66.4242%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left .dingz2-itembox-info{position: relative;width: 100%;padding-top: 62px;padding-left: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left .dingz2-itembox-info .dingz2-info-text{position: relative;width: 100%;font-size: 18px;color: #FFFFFF;line-height: 40px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left .dingz2-itembox-info .dingz2-info-text p{position: relative;width: 100%;padding-left: 28px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left .dingz2-itembox-info .dingz2-info-text p::before{position: absolute;content: "";left: 0;top: 17px;width: 7px;height: 7px;background: #FFFFFF;border-radius: 50%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list{position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;display: flex;flex-direction: column-reverse;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list .dingz2-right-item{position: relative;width: 100%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list .dingz2-right-item2{margin-bottom: 8px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list .dingz2-right-item3{margin-bottom: 14px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list .dingz2-right-item .item-box{position: relative;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list .dingz2-right-item .item-flex{position: relative;width: 100%;display: flex;flex-wrap: wrap;flex-direction: row-reverse;align-items: flex-end;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list .dingz2-right-item .item-pic{position: relative;width: 100%;text-align: center;overflow: hidden;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list .dingz2-right-item .item-body{display: none;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list .dingz2-right-item1 .item-pic{margin-left: 16px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list .dingz2-right-item1 .item-pic1{width: 485px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list .dingz2-right-item1 .item-pic2{width: 163px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list .dingz2-right-item2 .item-pic{margin-left: 6px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list .dingz2-right-item2 .item-pic1{width: 305px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list .dingz2-right-item2 .item-pic2{width: 172px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list .dingz2-right-item3 .item-pic1{width: 257px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list .dingz2-right-item .item-pic img{display: inline-block;vertical-align: top;width: 100%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz-tbody-text{position: relative;width: 100%;font-size: 18px;color: #222222;line-height: 30px;margin-top: 14px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3{position: relative;width: 100%;padding-top: 40px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list{position: relative;display: flex;flex-wrap: wrap;margin-left: -48px;margin-right: -48px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list .dingz2-top-item{position: relative;display: inline-block;vertical-align: top;width: 20%;padding: 0 48px;margin-bottom: 10px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list .dingz2-top-item::before{position: absolute;content: "";left: 100%;transform: translateX(-53px);width: 106px;height: 36px;background: url(../img/dingz2-bottom-before.png) no-repeat center center;background-size: 100% 100%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list .dingz2-top-item .item-title{position: relative;width: 100%;background: #016CE3;padding: 3px;line-height: 34px;font-size: 24px;color: #FFFFFF;border-radius: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list .dingz2-top-item .item-title .num{display: inline-block;vertical-align: top;text-align: center; width: 34px;height: 34px;line-height: 34px;font-size: 26px;color: #222222;background: #E3EFF8;border-radius: 50%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list .dingz2-top-item:nth-last-of-type(1)::before{display: none;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-bottom{position: relative;width: 100%;margin-top: 50px;padding: 0 14px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-bottom .dingz2-tbody-img.opc0{opacity: 0;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-bottom .dingz2-bottom-list{position: absolute;left: 14px;top: 0;right: 14px;height: 100%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-bottom .dingz2-bottom-list .dingz2-bottom-item{position: absolute;top: 0;height: 100%;width: auto;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-bottom .dingz2-bottom-list .dingz2-bottom-item .item-pic{position: relative;height: 100%;width: auto;text-align: center;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-bottom .dingz2-bottom-list .dingz2-bottom-item .item-pic img{display: inline-block;vertical-align: top;width: auto;height: 100%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-bottom .dingz2-bottom-list .dingz2-bottom-item1{left: 0;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-bottom .dingz2-bottom-list .dingz2-bottom-item2{left: 236px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-bottom .dingz2-bottom-list .dingz2-bottom-item3{right: 408px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-bottom .dingz2-bottom-list .dingz2-bottom-item4{right: 0;} @media screen and (max-width: 1459px) { .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2{margin-left: -15px;margin-right: -15px;padding: 24px 36px 30px 10px;border-radius: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left{width: 32.69696969%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right{width: 66.4242%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left .dingz2-itembox-info{padding-top: 54px;padding-left: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left .dingz2-itembox-info .dingz2-info-text{font-size: 18px;line-height: 36px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left .dingz2-itembox-info .dingz2-info-text p{padding-left: 28px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left .dingz2-itembox-info .dingz2-info-text p::before{top: 16px;width: 6px;height: 6px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list .dingz2-right-item2{margin-bottom: 8px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list .dingz2-right-item3{margin-bottom: 12px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list .dingz2-right-item1 .item-pic{margin-left: 14px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list .dingz2-right-item1 .item-pic1{width: 420px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list .dingz2-right-item1 .item-pic2{width: 135px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list .dingz2-right-item2 .item-pic{margin-left: 6px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list .dingz2-right-item2 .item-pic1{width: 264px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list .dingz2-right-item2 .item-pic2{width: 146px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list .dingz2-right-item3 .item-pic1{width: 224px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz-tbody-text{font-size: 16px;line-height: 28px;margin-top: 12px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3{padding-top: 36px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list{margin-left: -36px;margin-right: -36px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list .dingz2-top-item{width: 20%;padding: 0 36px;margin-bottom: 10px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list .dingz2-top-item::before{transform: translateX(-41px);width: 82px;height: 34px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list .dingz2-top-item .item-title{padding: 2px;line-height: 32px;font-size: 24px;border-radius: 18px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list .dingz2-top-item .item-title .num{width: 32px;height: 32px;line-height: 32px;font-size: 24px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-bottom{margin-top: 40px;padding: 0 8px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-bottom .dingz2-bottom-list{left: 8px;right: 8px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-bottom .dingz2-bottom-list .dingz2-bottom-item2{left: 220px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-bottom .dingz2-bottom-list .dingz2-bottom-item3{right: 360px;} } @media screen and (max-width: 1259px) { .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2{margin-left: -15px;margin-right: -15px;padding: 20px 32px 28px 10px;border-radius: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left{width: 32.5%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right{width: 66.5%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left .dingz2-itembox-info{padding-top: 40px;padding-left: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left .dingz2-itembox-info .dingz2-info-text{font-size: 16px;line-height: 32px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left .dingz2-itembox-info .dingz2-info-text p{padding-left: 28px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left .dingz2-itembox-info .dingz2-info-text p::before{top: 13px;width: 6px;height: 6px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list{display: none;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz-tbody-text{font-size: 16px;line-height: 28px;margin-top: 10px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3{padding-top: 30px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list{margin-left: -28px;margin-right: -28px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list .dingz2-top-item{width: 20%;padding: 0 28px;margin-bottom: 10px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list .dingz2-top-item::before{transform: translateX(-30px);width: 60px;height: 30px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list .dingz2-top-item .item-title{padding: 2px;line-height: 28px;font-size: 20px;border-radius: 16px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list .dingz2-top-item .item-title .num{width: 28px;height: 28px;line-height: 28px;font-size: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-bottom{margin-top: 36px;padding: 0;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-bottom .dingz2-bottom-list{left: 0px;right: 0px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-bottom .dingz2-bottom-list .dingz2-bottom-item2{left: 172px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-bottom .dingz2-bottom-list .dingz2-bottom-item3{right: 290px;} } @media screen and (max-width: 991px) { .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2{margin-left: -15px;margin-right: -15px;padding: 20px;border-radius: 12px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left{width: 100%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right{width: 100%;margin-top: 16px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left .dingz2-itembox-info{padding-top: 20px;padding-left: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left .dingz2-itembox-info .dingz2-info-text{font-size: 16px;line-height: 32px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left .dingz2-itembox-info .dingz2-info-text p{padding-left: 24px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left .dingz2-itembox-info .dingz2-info-text p::before{top: 13px;width: 6px;height: 6px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list{display: none;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz-tbody-text{font-size: 16px;line-height: 28px;margin-top: 10px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3{padding-top: 24px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list{margin-left: -6px;margin-right: -6px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list .dingz2-top-item{width: 33.3333333%;padding: 0 6px;margin-bottom: 10px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list .dingz2-top-item::before{display: none;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list .dingz2-top-item .item-title{padding: 2px;line-height: 28px;font-size: 20px;border-radius: 16px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list .dingz2-top-item .item-title .num{width: 28px;height: 28px;line-height: 28px;font-size: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-bottom{margin-top: 36px;padding: 0;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-bottom .dingz2-tbody-img.opc0{opacity: 1;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-bottom .dingz2-bottom-list{display: none;} } @media screen and (max-width: 750px) { .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2{margin-left: -15px;margin-right: -15px;padding: 20px;border-radius: 12px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left{width: 100%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right{width: 100%;margin-top: 16px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left .dingz2-itembox-info{padding-top: 20px;padding-left: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left .dingz2-itembox-info .dingz2-info-text{font-size: 14px;line-height: 28px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left .dingz2-itembox-info .dingz2-info-text p{padding-left: 24px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left .dingz2-itembox-info .dingz2-info-text p::before{top: 12px;width: 6px;height: 6px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list{display: none;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz-tbody-text{font-size: 14px;line-height: 24px;margin-top: 8px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3{padding-top: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list{margin-left: -6px;margin-right: -6px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list .dingz2-top-item{width: 33.3333333%;padding: 0 6px;margin-bottom: 10px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list .dingz2-top-item::before{display: none;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list .dingz2-top-item .item-title{padding: 2px;line-height: 28px;font-size: 16px;border-radius: 16px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list .dingz2-top-item .item-title .num{width: 28px;height: 28px;line-height: 28px;font-size: 18px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-bottom{margin-top: 28px;padding: 0;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-bottom .dingz2-tbody-img.opc0{opacity: 1;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-bottom .dingz2-bottom-list{display: none;} } @media screen and (max-width: 560px) { .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2{margin-left: -15px;margin-right: -15px;padding: 20px;border-radius: 12px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left{width: 100%;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right{width: 100%;margin-top: 16px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left .dingz2-itembox-info{padding-top: 20px;padding-left: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left .dingz2-itembox-info .dingz2-info-text{font-size: 14px;line-height: 28px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left .dingz2-itembox-info .dingz2-info-text p{padding-left: 24px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-left .dingz2-itembox-info .dingz2-info-text p::before{top: 12px;width: 6px;height: 6px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item2 .dingz2-itembox-flex .dingz2-itembox-right .dingz2-right-list{display: none;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz-tbody-text{font-size: 14px;line-height: 24px;margin-top: 8px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3{padding-top: 20px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list{margin-left: -6px;margin-right: -6px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list .dingz2-top-item{width: 50%;padding: 0 6px;margin-bottom: 10px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list .dingz2-top-item::before{display: none;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list .dingz2-top-item .item-title{padding: 2px;line-height: 28px;font-size: 16px;border-radius: 16px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-top-list .dingz2-top-item .item-title .num{width: 28px;height: 28px;line-height: 28px;font-size: 18px;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-bottom{margin-top: 28px;padding: 0;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-bottom .dingz2-tbody-img.opc0{opacity: 1;} .dingz-sec2 .dingz-sec2-tbody .dingz2-tbody-item .dingz2-tbody-itembox3 .dingz2-bottom .dingz2-bottom-list{display: none;} } .dingz-sec3{position: relative;width: 100%;padding-top: 50px;padding-bottom: 40px;} .dingz-sec3 .dingz3-tbody{position: relative;width: 100%;padding-top: 84px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-list{position: relative;font-size: 0;letter-spacing: 0;display: flex;flex-wrap: wrap;margin-left: -6px;margin-right: -6px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-list .dingz3-tbody-item{position: relative;width: calc((100% - 401px)/ 3);padding: 0 7px;margin-bottom: 20px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-list .dingz3-tbody-item.active{width: 401px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box{position: relative;width: 100%;height: 100%;border-radius: 20px;transition: all .5s;cursor: pointer;border: 3px solid transparent;overflow: hidden;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item.active .item-box{border-color: #016FE8;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-pic{position: absolute;left: 0;top: 0;right: 0;bottom: 0;opacity: 0;border-radius: 20px;overflow: hidden;text-align: center;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item.active .item-box .item-pic{opacity: 1;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-pic img{display: inline-block;vertical-align: top;width: 100%;height: 100%;object-fit: cover;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body{position: relative;margin-left: -3px;margin-right: -3px;height: 100%;padding-bottom: 19px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item.active .item-box .item-body{background: linear-gradient(180deg, rgba(1, 108, 227, 0) 0%, rgba(1, 108, 227, 0) 56.6%, #0171EA 100%);margin-left: 0px !important;margin-right: 0px !important;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-body-info{position: relative;width: 100%;max-width: 323px;margin: 0 auto;background: #333333;padding: 14px 11px 22px;border-radius: 20px;visibility: visible;opacity: 1;margin-bottom: 52px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item.active .item-box .item-body .item-body-info{visibility: hidden;opacity: 0;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-body-info .item-pics{position: relative;width: 100%;text-align: center;overflow: hidden;border-radius: 20px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-body-info .item-pics img{display: inline-block;vertical-align: top;width: 100%;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-body-info .item-title{position: relative;width: 100%;font-weight: bold;font-size: 24px;color: #FFFFFF;line-height: 36px;text-align: center;margin-top: 30px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-titles{position: absolute;left: 50%;bottom: 127px;transform: translateX(-50%);min-width: 273px;font-weight: bold;text-align: center;visibility: hidden;opacity: 0;font-size: 24px;color: #016FE8;line-height: 36px;padding: 10px;background: rgba(248, 250, 253, .78);border-radius: 13px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item.active .item-box .item-body .item-titles{visibility: visible;opacity: 1;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-desc{position: relative;width: 100%;font-size: 18px;color: #000000;line-height: 22px;height: 88px;overflow: hidden;padding: 0 28px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item.active .item-box .item-body .item-desc{color: #FFFFFF;} @media screen and (max-width: 1459px) { .dingz-sec3{padding-top: 42px;padding-bottom: 34px;} .dingz-sec3 .dingz3-tbody{padding-top: 72px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-list{margin-left: -5px;margin-right: -5px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-list .dingz3-tbody-item{width: calc((100% - 361px)/ 3);padding: 0 5px;margin-bottom: 20px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-list .dingz3-tbody-item.active{width: 361px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box{border-radius: 18px;border-width: 3px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-pic{border-radius: 18px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body{margin-left: -3px;margin-right: -3px;padding-bottom: 18px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-body-info{max-width: 273px;padding: 12px 8px 18px;border-radius: 18px;margin-bottom: 40px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-body-info .item-pics{border-radius: 18px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-body-info .item-title{font-size: 22px;line-height: 34px;margin-top: 24px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-titles{bottom: 122px;min-width: 243px;font-size: 22px;line-height: 34px;padding: 9px;border-radius: 12px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-desc{font-size: 16px;line-height: 22px;height: 88px;padding: 0 24px;} } @media screen and (max-width: 1259px) { .dingz-sec3{padding-top: 34px;padding-bottom: 28px;} .dingz-sec3 .dingz3-tbody{padding-top: 60px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-list{margin-left: -5px;margin-right: -5px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-list .dingz3-tbody-item{width: 25%;padding: 0 5px;margin-bottom: 20px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-list .dingz3-tbody-item.active{width: 25%;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box{border-radius: 15px;border-width: 2px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-pic{border-radius: 15px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body{margin-left: -2px;margin-right: -2px;padding-bottom: 16px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-body-info{max-width: 100%;padding: 10px 8px 16px;border-radius: 15px;margin-bottom: 36px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-body-info .item-pics{border-radius: 15px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-body-info .item-title{font-size: 20px;line-height: 32px;margin-top: 20px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-titles{bottom: 122px;min-width: 210px;font-size: 20px;line-height: 32px;padding: 6px;border-radius: 10px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-desc{font-size: 14px;line-height: 20px;height: 80px;padding: 0 18px;} } @media screen and (max-width: 991px) { .dingz-sec3{padding-top: 26px;padding-bottom: 22px;} .dingz-sec3 .dingz3-tbody{padding-top: 48px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-list{margin-left: -15px;margin-right: -15px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-list .dingz3-tbody-item{width: 50%;padding: 0 15px;margin-bottom: 20px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-list .dingz3-tbody-item.active{width: 50%;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box{border-radius: 15px;border-width: 2px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-pic{border-radius: 15px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body{margin-left: -2px;margin-right: -2px;padding-bottom: 16px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-body-info{max-width: 100%;padding: 10px 8px 16px;border-radius: 15px;margin-bottom: 36px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-body-info .item-pics{border-radius: 15px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-body-info .item-title{font-size: 20px;line-height: 32px;margin-top: 20px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-titles{bottom: 128px;min-width: 240px;font-size: 20px;line-height: 32px;padding: 6px;border-radius: 10px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-desc{font-size: 14px;line-height: 20px;height: 80px;padding: 0 18px;} } @media screen and (max-width: 720px) { .dingz-sec3{padding-top: 20px;padding-bottom: 18px;} .dingz-sec3 .dingz3-tbody{padding-top: 36px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-list{margin-left: -10px;margin-right: -10px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-list .dingz3-tbody-item{width: 50%;padding: 0 10px;margin-bottom: 20px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-list .dingz3-tbody-item.active{width: 50%;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box{border-radius: 15px;border-width: 2px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-pic{border-radius: 15px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body{margin-left: -2px;margin-right: -2px;padding-bottom: 16px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-body-info{max-width: 100%;padding: 10px 8px 16px;border-radius: 15px;margin-bottom: 36px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-body-info .item-pics{border-radius: 15px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-body-info .item-title{font-size: 18px;line-height: 32px;margin-top: 20px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-titles{bottom: 128px;min-width: 210px;font-size: 18px;line-height: 32px;padding: 6px;border-radius: 10px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-desc{font-size: 14px;line-height: 20px;height: 80px;padding: 0 18px;} } @media screen and (max-width: 480px) { .dingz-sec3{padding-top: 20px;padding-bottom: 18px;} .dingz-sec3 .dingz3-tbody{padding-top: 36px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-list{margin-left: -10px;margin-right: -10px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-list .dingz3-tbody-item{width: 100%;padding: 0 10px;margin-bottom: 20px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-list .dingz3-tbody-item.active{width: 100%;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box{border-radius: 15px;border-width: 2px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-pic{border-radius: 15px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body{margin-left: -2px;margin-right: -2px;padding-bottom: 16px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-body-info{max-width: 100%;padding: 10px 8px 16px;border-radius: 15px;margin-bottom: 36px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-body-info .item-pics{border-radius: 15px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-body-info .item-title{font-size: 18px;line-height: 32px;margin-top: 20px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-titles{bottom: 128px;min-width: 210px;font-size: 18px;line-height: 32px;padding: 6px;border-radius: 10px;} .dingz-sec3 .dingz3-tbody .dingz3-tbody-item .item-box .item-body .item-desc{font-size: 14px;line-height: 20px;height: 80px;padding: 0 18px;} } .dingz-sec4{position: relative;width: 100%;padding-top: 50px;} .dingz-sec4 .dingz4-tbody{position: relative;width: 100%;padding-top: 10px;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper{position: relative;width: 100%;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4{position: relative;width: 100%;padding-bottom: 96px;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4 .swiper-pagination{font-size: 0;letter-spacing: 0;text-align: center;bottom: 28px;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4 .swiper-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: top;margin: 0 10px;width: 22px;height: 22px;border-radius: 50%;border: 2px solid #D5D1CD;background: #FFFFFF;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4 .swiper-pagination .swiper-pagination-bullet-active{background: #158DF9;border-color: #158DF9;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4 .swiper-slide{position: relative;width: 100%;height: auto;padding-bottom: 45%;} .dingz-sec4 .dingz4-tbody .dingz4-list-item{position: absolute;left: 0;right: 0;top: 0;width: 100%;height: 100%;overflow: hidden;} .dingz-sec4 .dingz4-tbody .dingz4-list-item1{padding-top: 13.75%;background: url(../img/dingz4-tbody-img1.png) no-repeat center center;background-size: cover;} .dingz-sec4 .dingz4-tbody .dingz4-list-item2{padding-top: 14%;background: url(../img/dingz4-tbody-img2.png) no-repeat center center;background-size: cover;} .dingz-sec4 .dingz4-tbody .dingz4-list-item3{padding-top: 14.375%;background: url(../img/dingz4-tbody-img3.png) no-repeat center center;background-size: cover;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .item-box{position: relative;width: 100%;height: 100%; display: flex;flex-wrap: wrap;flex-direction: row-reverse;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info{position: relative;width: 50%;max-width: 528px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-logo{position: relative;width: 100%;padding-bottom: 20px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-logo::before{position: absolute;content: "";left: 0;bottom: 0;box-sizing: border-box;border-top: 1px solid transparent;border-bottom: 1px solid transparent;border-left: 124px solid #016FE8;height: 2px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-logo img{display: inline-block;vertical-align: top;width: auto;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-text{position: relative;width: 100%;margin-top: 18px;font-size: 18px;color: #222222;line-height: 32px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-btn{position: relative;width: 100%;margin-top: 34px;text-align: right;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-btn .btnn{display: inline-block;vertical-align: top;font-size: 16px;color: #222;line-height: 30px;text-decoration: underline;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-btn .btnn .iconfont{display: inline-block;vertical-align: top;font-size: 26px;margin-left: 2px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-btn a.btnn:hover{color: #197EEA;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-box{position: absolute;padding: 18px 25px;background: rgba(255,255,255,0.8);box-shadow: 0px 19px 16px 0px rgba(4,23,55,0.15);border-radius: 20px;border: 1px solid #FFFFFF;} .dingz-sec4 .dingz4-tbody .dingz4-list-item1 .dingz4-tbody-box{left: 350px;top: 224px;width: 416px;transform: rotate(-3deg);} .dingz-sec4 .dingz4-tbody .dingz4-list-item2 .dingz4-tbody-box{left: 410px;top: 172px;width: 428px;transform: rotate(-8deg);} .dingz-sec4 .dingz4-tbody .dingz4-list-item3 .dingz4-tbody-box{left: 260px;top: 224px;width: 426px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-box .dingz4-tbody-text{position: relative;width: 100%;font-size: 18px;color: #222222;line-height: 24px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-box .dingz4-tbody-text .titles{font-weight: bold;margin-bottom: 2px;} @media screen and (max-width: 1659px) { .dingz-sec4{padding-top: 44px;padding-bottom: 68px;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4{padding-bottom: 84px;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4 .swiper-pagination{bottom: 24px;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4 .swiper-pagination .swiper-pagination-bullet{margin: 0 8px;width: 20px;height: 20px;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4 .swiper-slide{padding-bottom: 45%;} .dingz-sec4 .dingz4-tbody .dingz4-list-item1{padding-top: 12.75%;} .dingz-sec4 .dingz4-tbody .dingz4-list-item2{padding-top: 13%;} .dingz-sec4 .dingz4-tbody .dingz4-list-item3{padding-top: 13.375%;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info{max-width: 492px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-logo{padding-bottom: 18px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-logo::before{border-left: 108px solid #016FE8;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-text{margin-top: 16px;font-size: 18px;line-height: 30px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-btn{margin-top: 28px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-btn .btnn{font-size: 16px;line-height: 28px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-btn .btnn .iconfont{font-size: 24px;margin-left: 2px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-box{padding: 16px 24px;border-radius: 18px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item1 .dingz4-tbody-box{left: 300px;top: 196px;width: 396px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item2 .dingz4-tbody-box{left: 360px;top: 142px;width: 404px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item3 .dingz4-tbody-box{left: 210px;top: 196px;width: 400px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-box .dingz4-tbody-text{font-size: 18px;line-height: 24px;} } @media screen and (max-width: 1459px) { .dingz-sec4{padding-top: 36px;padding-bottom: 56px;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4{padding-bottom: 72px;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4 .swiper-pagination{bottom: 20px;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4 .swiper-pagination .swiper-pagination-bullet{margin: 0 8px;width: 18px;height: 18px;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4 .swiper-slide{padding-bottom: 45%;} .dingz-sec4 .dingz4-tbody .dingz4-list-item1{padding-top: 12.75%;} .dingz-sec4 .dingz4-tbody .dingz4-list-item2{padding-top: 13%;} .dingz-sec4 .dingz4-tbody .dingz4-list-item3{padding-top: 13.375%;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info{max-width: 472px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-logo{padding-bottom: 16px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-logo::before{border-left: 92px solid #016FE8;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-text{margin-top: 14px;font-size: 16px;line-height: 28px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-btn{margin-top: 24px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-btn .btnn{font-size: 16px;line-height: 28px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-btn .btnn .iconfont{font-size: 24px;margin-left: 2px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-box{padding: 16px 20px;border-radius: 16px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item1 .dingz4-tbody-box{left: 240px;top: 172px;width: 372px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item2 .dingz4-tbody-box{left: 310px;top: 128px;width: 384px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item3 .dingz4-tbody-box{left: 180px;top: 172px;width: 386px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-box .dingz4-tbody-text{font-size: 16px;line-height: 22px;} } @media screen and (max-width: 1259px) { .dingz-sec4{padding-top: 28px;padding-bottom: 44px;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4{padding-bottom: 60px;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4 .swiper-pagination{bottom: 20px;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4 .swiper-pagination .swiper-pagination-bullet{margin: 0 8px;width: 16px;height: 16px;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4 .swiper-slide{padding-bottom: 45%;} .dingz-sec4 .dingz4-tbody .dingz4-list-item1{padding-top: 11.75%;} .dingz-sec4 .dingz4-tbody .dingz4-list-item2{padding-top: 12%;} .dingz-sec4 .dingz4-tbody .dingz4-list-item3{padding-top: 12.375%;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info{max-width: 420px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-logo{padding-bottom: 16px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-logo::before{border-left: 92px solid #016FE8;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-text{margin-top: 14px;font-size: 16px;line-height: 28px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-btn{margin-top: 20px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-btn .btnn{font-size: 15px;line-height: 26px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-btn .btnn .iconfont{font-size: 22px;margin-left: 2px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-box{padding: 16px 20px;border-radius: 16px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item1 .dingz4-tbody-box{left: 90px;top: 166px;width: 366px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item2 .dingz4-tbody-box{left: 100px;top: 124px;width: 372px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item3 .dingz4-tbody-box{left: 70px;top: 166px;width: 372px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-box .dingz4-tbody-text{font-size: 16px;line-height: 22px;} } @media screen and (max-width: 991px) { .dingz-sec4{padding-top: 20px;padding-bottom: 36px;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4{padding-bottom: 48px;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4 .swiper-pagination{bottom: 20px;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4 .swiper-pagination .swiper-pagination-bullet{margin: 0 8px;width: 16px;height: 16px;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4 .swiper-slide{padding-bottom: 45%;} .dingz-sec4 .dingz4-tbody .dingz4-list-item1{padding-top: 7.75%;} .dingz-sec4 .dingz4-tbody .dingz4-list-item2{padding-top: 7.875%;} .dingz-sec4 .dingz4-tbody .dingz4-list-item3{padding-top: 8%;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info{max-width: 340px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-logo{padding-bottom: 14px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-logo::before{border-left: 72px solid #016FE8;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-text{margin-top: 12px;font-size: 14px;line-height: 24px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-btn{margin-top: 18px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-btn .btnn{font-size: 14px;line-height: 26px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-btn .btnn .iconfont{font-size: 22px;margin-left: 2px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-box{padding: 12px 16px;border-radius: 16px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item1 .dingz4-tbody-box{left: 44px;top: 120px;width: 300px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item2 .dingz4-tbody-box{left: 50px;top: 90px;width: 300px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item3 .dingz4-tbody-box{left: 36px;top: 100px;width: 300px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-box .dingz4-tbody-text{font-size: 14px;line-height: 20px;} } @media screen and (max-width: 720px) { .dingz-sec4{padding-top: 20px;padding-bottom: 28px;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4{padding-bottom: 36px;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4 .swiper-pagination{bottom: 16px;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4 .swiper-pagination .swiper-pagination-bullet{margin: 0 6px;width: 12px;height: 12px;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4 .swiper-slide{padding-bottom: 0;} .dingz-sec4 .dingz4-tbody .dingz4-list-item{position: relative;} .dingz-sec4 .dingz4-tbody .dingz4-list-item1{padding-top: 7%;padding-bottom: 5%;background: transparent} .dingz-sec4 .dingz4-tbody .dingz4-list-item2{padding-top: 7%;padding-bottom: 5%;background: transparent} .dingz-sec4 .dingz4-tbody .dingz4-list-item3{padding-top: 7%;padding-bottom: 5%;background: transparent} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info{max-width: 100%;width: 100%;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-logo{padding-bottom: 14px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-logo::before{border-left: 72px solid #016FE8;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-text{margin-top: 12px;font-size: 14px;line-height: 24px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-btn{margin-top: 18px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-btn .btnn{font-size: 14px;line-height: 26px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-btn .btnn .iconfont{font-size: 22px;margin-left: 2px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-box{padding: 12px 16px;border-radius: 16px;margin-left: auto;position: relative;margin-top: 16px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item1 .dingz4-tbody-box{left: 0;top: 0px;width: 56%;transform: rotate(0);} .dingz-sec4 .dingz4-tbody .dingz4-list-item2 .dingz4-tbody-box{left: 0;top: 0px;width: 56%;transform: rotate(0);} .dingz-sec4 .dingz4-tbody .dingz4-list-item3 .dingz4-tbody-box{left: 0;top: 0px;width: 56%;transform: rotate(0);} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-box .dingz4-tbody-text{font-size: 14px;line-height: 20px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item1 .dingz4-tbody-bgi{padding: 25px 10px;background: url(../img/dingz4-tbody-img1.png) no-repeat center center;margin-top: 20px; background-size: cover;} .dingz-sec4 .dingz4-tbody .dingz4-list-item2 .dingz4-tbody-bgi{padding: 25px 10px;background: url(../img/dingz4-tbody-img2.png) no-repeat center center;margin-top: 20px; background-size: cover;} .dingz-sec4 .dingz4-tbody .dingz4-list-item3 .dingz4-tbody-bgi{padding: 25px 10px;background: url(../img/dingz4-tbody-img3.png) no-repeat center center;margin-top: 20px; background-size: cover;} } @media screen and (max-width: 560px) { .dingz-sec4{padding-top: 20px;padding-bottom: 20px;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4{padding-bottom: 30px;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4 .swiper-pagination{bottom: 12px;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4 .swiper-pagination .swiper-pagination-bullet{margin: 0 4px;width: 10px;height: 10px;} .dingz-sec4 .dingz4-tbody .dingz4-tbody-swiper .swiper-dingz4 .swiper-slide{padding-bottom: 0;} .dingz-sec4 .dingz4-tbody .dingz4-list-item{position: relative;} .dingz-sec4 .dingz4-tbody .dingz4-list-item1{padding-top: 6%;padding-bottom: 4%;background: transparent} .dingz-sec4 .dingz4-tbody .dingz4-list-item2{padding-top: 6%;padding-bottom: 4%;background: transparent} .dingz-sec4 .dingz4-tbody .dingz4-list-item3{padding-top: 6%;padding-bottom: 4%;background: transparent} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info{max-width: 100%;width: 100%;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-logo{padding-bottom: 12px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-logo::before{border-left: 72px solid #016FE8;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-text{margin-top: 10px;font-size: 14px;line-height: 24px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-btn{margin-top: 18px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-btn .btnn{font-size: 14px;line-height: 26px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-info .dingz4-info-btn .btnn .iconfont{font-size: 22px;margin-left: 2px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-box{padding: 12px 16px;border-radius: 16px;margin-left: auto;position: relative;margin-top: 16px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item1 .dingz4-tbody-box{left: 0;top: 0px;width: 56%;transform: rotate(0);} .dingz-sec4 .dingz4-tbody .dingz4-list-item2 .dingz4-tbody-box{left: 0;top: 0px;width: 56%;transform: rotate(0);} .dingz-sec4 .dingz4-tbody .dingz4-list-item3 .dingz4-tbody-box{left: 0;top: 0px;width: 56%;transform: rotate(0);} .dingz-sec4 .dingz4-tbody .dingz4-list-item .dingz4-tbody-box .dingz4-tbody-text{font-size: 14px;line-height: 20px;} .dingz-sec4 .dingz4-tbody .dingz4-list-item1 .dingz4-tbody-bgi{padding: 20px 10px;background: url(../img/dingz4-tbody-img1.png) no-repeat center center;margin-top: 16px;background-size: cover;} .dingz-sec4 .dingz4-tbody .dingz4-list-item2 .dingz4-tbody-bgi{padding: 20px 10px;background: url(../img/dingz4-tbody-img2.png) no-repeat center center;margin-top: 16px;background-size: cover;} .dingz-sec4 .dingz4-tbody .dingz4-list-item3 .dingz4-tbody-bgi{padding: 20px 10px;background: url(../img/dingz4-tbody-img3.png) no-repeat center center;margin-top: 16px;background-size: cover;} }