@-webkit-keyframes move { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% { -webkit-transform: translateX(300%);
    transform: translateX(300%); } }

@keyframes move { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% { -webkit-transform: translateX(300%);
    transform: translateX(300%); } }

@-webkit-keyframes loading { 0% { -webkit-transform: scale(1); }
  100% { -webkit-transform: scale(1.15); } }

@keyframes loading { 0% { transform: scale(1);
    -webkit-transform: scale(1); }
  100% { transform: scale(1.15);
    -webkit-transform: scale(1.15); } }

.section { height: auto; overflow: hidden; position: relative; }

.banner { height: auto; overflow: hidden; position: relative; }

.banner img { display: block; }

.banner .logo { width: 1.02rem; position: absolute; left: 0.46rem; top: 0.27rem; }

.banner .tel { width: 2.36rem; position: absolute; right: 0.52rem; top: 0.5rem; }

.bt { width: 100%; padding: .6rem .3rem; background: #33A563; text-align: left; }

.bt h2, .bt p { font-size: .3rem; color: #fff; margin-bottom: .2rem; line-height: .4rem; }

.bt h2 span, .bt p span { width: .5rem; height: 1px; background: #fff; display: inline-block; vertical-align: .05rem; margin: 0 .2rem; }

.bt h2 b, .bt p b { font-weight: bold; }

.block { height: auto; overflow: hidden; padding: .7rem 0; }

.block .title { margin: 0 auto; display: block; }

.block.block1 .title { width: 2.2rem; }

.block.block1 .video { width: 6.9rem; height: 4.13rem; background: url("/z/drkxsc2021/images/video-bg.png") center no-repeat; background-size: cover; margin: .4rem auto; position: relative; }

.block.block1 .video .play { width: .54rem; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.block.block2 { background: url("/z/drkxsc2021/images/block2-bg.jpg") center no-repeat; background-size: cover; padding-bottom: 2.1rem; position: relative; }

.block.block2 .title { width: 2.89rem; }

.block.block2 .waiguan_img { height: auto; overflow: hidden; position: relative; }

.block.block2 .waiguan_img .view_car360 { position: relative; padding-bottom: 0.3rem; }

.block.block2 .waiguan_img .view_car360 .loading { width: 32px; height: 32px; background: url("/z/drkxsc2021/images/loading.gif") no-repeat; position: absolute; z-index: 10; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }

.block.block2 .waiguan_img .view_car360 .swipe_tip { position: absolute; width: .6rem; bottom: 16%; left: 40%; visibility: hidden; }

.block.block2 .waiguan_img .view_car360 .swipe_tip img { width: 100%; }

.block.block2 .waiguan_img .view_car360 .swipe_tip.move { -webkit-animation: move 3s infinite alternate linear; animation: move 3s infinite alternate linear; }

.block.block2 .waiguan_img .notice { position: absolute; left: 50%; margin-left: -0.65rem; bottom: 0; width: 1.3rem; }

.block.block2 .btn { width: 2rem; height: .7rem; line-height: .7rem; font-size: .26rem; background: #009944; color: #fff; text-align: center; display: block; position: absolute; left: 0; right: 0; bottom: .8rem; margin: auto; }

.block.block3 { padding: 0; }

.block.block3 .title { width: 2.7rem; }

.block.block3 .top { padding-top: 1rem; height: 3.25rem; background: url("/z/drkxsc2021/images/block3-top-bg.jpg") top no-repeat; background-size: 100%; }

.block.block3 .section { height: auto; overflow: hidden; position: relative; }

.block.block3 .section.section1 { padding: 1rem 0 0; }

.block.block3 .section.section1 .t { width: 3.35rem; }

.block.block3 .section.section1 p { font-size: .28rem; color: #333; line-height: .4rem; padding: .5rem 0 .8rem; }

.block.block3 .section.section1 .slide { margin: 0 .4rem; position: relative; padding-bottom: .8rem; }

.block.block3 .section.section1 .slide .img { height: 3.88rem; border: 2px solid #359C63; position: relative; }

.block.block3 .section.section1 .slide .img img { width: 94%; height: 3.88rem; position: absolute; left: 0; top: -.3rem; right: 0; margin: auto; }

.block.block3 .section.section1 .slide .swiper-pagination .swiper-pagination-bullet { background: #ABAAA9; opacity: 1; }

.block.block3 .section.section1 .slide .swiper-pagination .swiper-pagination-bullet-active { background: #359C63; }

.block.block3 .section.section2 { padding: .6rem 0 0; }

.block.block3 .section.section2 .t { width: 3.64rem; position: relative; margin-top: -1.2rem; }

.block.block3 .section.section2 ul { height: auto; overflow: hidden; padding: .5rem .4rem; }

.block.block3 .section.section2 ul li { height: auto; overflow: hidden; position: relative; margin-top: -.3rem; }

.block.block3 .section.section2 ul li img { width: 2.7rem; }

.block.block3 .section.section2 ul li .text { height: auto; overflow: hidden; padding: .3rem; }

.block.block3 .section.section2 ul li .text h2 { font-size: .3rem; font-weight: bold; color: #333; margin: .2rem 0 .1rem; }

.block.block3 .section.section2 ul li .text p { font-size: .26rem; color: #666; line-height: .4rem; }

.block.block3 .section.section3 { background: #F9F9F9; }

.block.block3 .section.section3 .t { width: 3.65rem; position: relative; margin-top: -1.2rem; }

.block.block3 .section.section3 .slide { overflow: hidden; margin: .6rem .4rem; position: relative; }

.block.block3 .section.section3 .slide img { width: 100%; }

.block.block3 .section.section3 .slide .text { height: auto; overflow: hidden; }

.block.block3 .section.section3 .slide .text h2 { font-size: .3rem; font-weight: bold; color: #333; margin: .2rem 0 .1rem; }

.block.block3 .section.section3 .slide .text p { font-size: .26rem; color: #666; line-height: .4rem; }

.block.block3 .section.section3 .slide .btnNext, .block.block3 .section.section3 .slide .btnPrev { width: .4rem; height: .7rem; line-height: .7rem; font-size: .3rem; color: #fff; text-align: center; background: #359c63; position: absolute; left: 0; top: 1.2rem; z-index: 1; }

.block.block3 .section.section3 .slide .btnNext.btnNext, .block.block3 .section.section3 .slide .btnPrev.btnNext { left: auto; right: 0; }

.block.block3 .section.section4 { padding: 1rem 0; }

.block.block3 .section.section4 .t { width: 3.37rem; }

.block.block3 .section.section4 .slide { overflow: hidden; padding: 0 .4rem .8rem; position: relative; margin-top: .6rem; }

.block.block3 .section.section4 .slide .img { height: 3.88rem; border: 2px solid #359C63; position: relative; }

.block.block3 .section.section4 .slide .img img { width: 94%; height: 3.88rem; position: absolute; left: 0; top: .2rem; right: 0; margin: auto; }

.block.block3 .section.section4 .slide .text { height: auto; overflow: hidden; margin-top: .4rem; }

.block.block3 .section.section4 .slide .text h2 { font-size: .3rem; font-weight: bold; color: #333; margin: .2rem 0 .15rem; }

.block.block3 .section.section4 .slide .text p { font-size: .26rem; color: #666; line-height: .4rem; }

.block.block3 .section.section4 .slide .swiper-pagination .swiper-pagination-bullet { background: #ABAAA9; opacity: 1; }

.block.block3 .section.section4 .slide .swiper-pagination .swiper-pagination-bullet-active { background: #359C63; }

.block.block3 .section.section5 .t { width: 2.67rem; position: relative; margin-top: -1.3rem; }

.block.block3 .section.section5 ul { display: flex; justify-content: space-between; background: #EFF7F1; padding: 1rem .4rem; }

.block.block3 .section.section5 ul li { width: 48.5%; background: #fff; padding: .35rem .25rem; }

.block.block3 .section.section5 ul li img { width: 100%; }

.block.block3 .section.section5 ul li .text { height: auto; overflow: hidden; }

.block.block3 .section.section5 ul li .text h2 { font-size: .3rem; font-weight: bold; color: #333; margin: .2rem 0 .15rem; text-align: center; }

.block.block3 .section.section5 ul li .text p { font-size: .26rem; color: #666; line-height: .4rem; }

.block.block4 { height: 10.64rem; padding-top: 1rem; background: url("/z/drkxsc2021/images/block4-bg.jpg") center no-repeat; background-size: cover; }

.block.block4 .title { width: 3.84rem; }

.block.block4 ul { height: auto; overflow: hidden; margin-top: .6rem; padding: 0 .4rem; }

.block.block4 ul li { height: auto; overflow: hidden; margin-bottom: .7rem; display: flex; align-items: center; }

.block.block4 ul li img { width: 1.38rem; margin-right: .2rem; }

.block.block4 ul li .text { height: auto; overflow: hidden; flex: 1; }

.block.block4 ul li .text h2 { font-size: .3rem; font-weight: bold; color: #fff; margin-bottom: .15rem; }

.block.block4 ul li .text p { font-size: .26rem; color: #fff; line-height: .4rem; }

.block.block5 { height: auto; }

.block.block5 .title { width: 1.77rem; margin-bottom: .5rem; }

.block.block5 ul { width: 100%; height: auto; padding: 0 .3rem; }

.block.block5 ul li { width: 48.5%; float: left; margin: 0 3% .2rem 0; background: #fff; padding: 1rem 0 .5rem; position: relative; box-shadow: 0 0 0.58rem 0.01rem rgba(207, 210, 214, 0.27); border-radius: 0 .5rem 0 .5rem; text-align: center; }

.block.block5 ul li .tip { width: 1.24rem; position: absolute; right: 0; top: 0; }

.block.block5 ul li h2 { font-size: .3rem; font-weight: bold; color: #000; padding: 0 .2rem; }

.block.block5 ul li p { font-size: .26rem; color: #009944; margin: .2rem 0 .1rem; }

.block.block5 ul li:nth-child(2n) { margin-right: 0; }

.block.blockOrder { height: 16.03rem; background: url("/z/drkxsc2021/images/blockOrder-bg.jpg") center no-repeat; background-size: cover; }

.block.blockOrder .title { width: 1.77rem; margin-bottom: .5rem; }

.block.blockOrder .content-box { margin: 0 .4rem; padding: 0 .4rem; padding-top: .7rem; background-color: #fff; padding-bottom: .4rem; }

.block.blockOrder .content-box .text-box { color: #555; font-size: .26rem; display: flex; align-items: center; justify-content: center; }

.block.blockOrder .content-box .text-box img { width: .4rem; height: .4rem; margin-right: .3rem; }

.block.blockOrder .content-box .form-box { margin-top: .5rem; }

.block.blockOrder .content-box .form-box .item { display: flex; margin-bottom: .25rem; }

.block.blockOrder .content-box .form-box .item .label { color: #000; font-size: .26rem; width: .7rem; text-align: right; min-width: .7rem; margin-right: .3rem; margin-top: .2rem; }

.block.blockOrder .content-box .form-box .item .label span { color: #F52F2F; margin-right: .04rem; }

.block.blockOrder .content-box .form-box .item .input { border: 1px solid #E5E5E5; padding: .27rem .32rem; width: 100%; }

.block.blockOrder .content-box .form-box .item .input input { width: 100%; font-size: .26rem; }

.block.blockOrder .content-box .form-box .item .input textarea { width: 100%; font-size: .26rem; height: 1.5rem; background-color: transparent; }

.block.blockOrder .content-box .form-box .item .submit-button { color: #FFFFFF; font-size: .26rem; text-align: center; padding: .26rem 0; background-color: #119763; width: 100%; }

.footer { height: auto; overflow: hidden; padding: .5rem .4rem; position: absolute; bottom: 0; }

.footer p { font-size: .22rem; color: #fff; text-align: center; line-height: .36rem; margin-bottom: .15rem; }

.popVideo { width: 100%; height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 22; background: #000; display: none; }

.popVideo video { width: 100%; height: 50vh; position: absolute; z-index: 0; top: 0; bottom: 0; margin: auto; }

.popVideo .close { position: absolute; right: 0; top: 0; padding: 0.4rem; color: #fff; z-index: 2; font-size: 0.3rem; }

.fixed-right { width: 2.18rem; height: .76rem; background: url(/z/drkxsc2021/images/fixed-right.png) center no-repeat; background-size: 100%; position: fixed; right: 0; bottom: 1.5rem; z-index: 40; }

.fixed-right a { height: 100%; display: block; }

.popOrder { width: 100%; height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 41; background: rgba(0, 0, 0, 0.5); display: none; }

.popOrder .box { width: 6.9rem; height: auto; overflow: hidden; background: #fff; margin: 40% auto 0; position: relative; }

.popOrder .box .title { line-height: 1.1rem; font-size: .32rem; color: #fff; background: #0B984A; margin-bottom: .9rem; padding: 0 .5rem; display: flex; align-items: center; }

.popOrder .box .title img { width: .4rem; height: .4rem; margin-right: .2rem; position: relative; top: -.03rem; }

.popOrder .box .btn-close { width: .6rem; position: absolute; right: .3rem; top: .2rem; }

.popOrder .box form { height: auto; overflow: hidden; padding: 0 .5rem .8rem; }

.popOrder .box form .row { height: auto; overflow: hidden; margin-bottom: .35rem; display: flex; align-items: center; position: relative; }

.popOrder .box form .row label { font-size: .26rem; color: #333; margin-right: .15rem; }

.popOrder .box form .row label i { color: #F52F2F; }

.popOrder .box form .row input, .popOrder .box form .row select { flex: 1; height: .8rem; border: 1px solid #dedede; font-size: .26rem; padding: 0 .2rem; position: relative; z-index: 1; }

.popOrder .box form .row.select:after { content: ""; width: .36rem; height: .36rem; position: absolute; right: .15rem; top: .2rem; background: url("/z/drkxsc2021/images/arrow-down.png") center no-repeat; background-size: 100%; }

.popOrder .box form .row .submit { width: 5.1rem; height: .8rem; line-height: .8rem; background: #0B984A; font-size: .3rem; color: #fff; text-align: center; border-radius: .4rem; margin-left: auto; }
<!--0.00011420249938965-->