@charset "UTF-8";
* { word-wrap: break-word; }

*, *:before, *:after { box-sizing: border-box; outline: none; }

html { min-width: 1400px; overflow-x: auto; }

html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset { margin: 0; padding: 0; font-weight: normal; -webkit-tap-highlight-color: transparent; }

ul, ol, dl { list-style-type: none; }

html, body { *position: static; color: #000; background: #fff; width: 100%; height: auto; }

address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; border: 0; }

input, button { overflow: visible; vertical-align: middle; outline: none; }

body, th, td, button, input, select, textarea { font-size: 12px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

a { text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-transition: all .3s; transition: all .3s; color: #000; }

a:hover, a:focus, a:active { text-decoration: none; outline: none; }

a.ie6:hover { zoom: 1; }

b, i { font-weight: normal; font-style: normal; }

sub, sup { vertical-align: baseline; }

button, input[type="button"], input[type="submit"] { line-height: normal !important; }

img { border: 0; object-fit: cover; -webkit-user-drag: none; }

a img, img { -ms-interpolation-mode: bicubic; -webkit-transition: all .3s; transition: all .3s; display: block; max-width: 100%; }

/* HTML5 reset */
header, footer, section, aside, details, menu, article, section, nav, address, hgroup, figure, figcaption, legend { display: block; margin: 0; padding: 0; }

time { display: inline; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }

legend { width: 100%; margin-bottom: 20px; font-size: 21px; line-height: 40px; border: 0; border-bottom: 1px solid #e5e5e5; }

legend small { font-size: 15px; color: #999; }

svg:not(:root) { overflow: hidden; }

fieldset { border-width: 0; padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; }

input, textarea { border: 1px solid #ccc; outline: none; resize: none; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input[type="text"], input[type="tel"], input[type="button"], input[type="submit"], input[type="reset"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius: 0; -webkit-tap-highlight-color: transparent; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #757575; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #757575; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #757575; }

::-webkit-scrollbar { width: 12px; height: 8px; }

::-webkit-scrollbar-track { background: #ececec; }

::-webkit-scrollbar-track:hover { background: #e1e1e1; }

::-webkit-scrollbar-thumb { border-radius: 0; background: silver; }

::-webkit-scrollbar-thumb:hover { background: #999; }

::-webkit-scrollbar-corner { background: 0 0; }

/* common */
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }

.cl:after, .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

.cl, .clearfix { zoom: 1; }

.fl { float: left; }

.fr { float: right; }

.w1200 { width: 1200px; margin: 0 auto; position: relative; }

.cover { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 98; background: rgba(0, 0, 0, 0.7); display: none; }

.header { width: 100%; height: auto; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 10; }

.header .logo { width: 82px; display: block; margin-top: 15px; }

.header .tel400 { width: 170px; margin-top: 25px; }

.header img { width: 100%; }

.banner { width: 100%; height: auto; position: relative; }

.banner .logo { margin-top: 40px; }

.bt { width: 100%; padding: 60px 0; background: #33A563; text-align: center; }

.bt h2, .bt p { font-size: 18px; color: #fff; line-height: 35px; }

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

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

.block { position: relative; z-index: 2; padding: 80px 0; }

.block .title { margin: 0 auto; }

.block .title img { width: 100%; }

.block .tt { position: absolute; }

.block .tt img { width: 100%; }

.block.block1 .title { width: 155px; margin-bottom: 40px; }

.block.block1 .video { width: 1216px; height: 558px; background: url("/z/drkxsc2021/images/block2-video-bg.png") center no-repeat; background-size: cover; position: relative; cursor: pointer; }

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

.block.block2 { height: auto; padding-bottom: 160px; background: url("/z/drkxsc2021/images/block2-bg.jpg") bottom no-repeat; background-size: cover; }

.block.block2 .title { width: 194px; }

.block.block2 .threesixty { position: relative; overflow: hidden; margin: 0 auto; }

.block.block2 .threesixty .threesixty_images { display: none; list-style: none; margin: 0; padding: 0; }

.block.block2 .threesixty .threesixty_images img { position: absolute; top: 0; width: 100%; height: auto; left: 0; transition: none; cursor: move; }

.block.block2 .threesixty .threesixty_images img.previous-image { visibility: hidden; width: 0; }

.block.block2 .threesixty .threesixty_images img.current-image { visibility: visible; width: 100%; }

.block.block2 .threesixty .spinner { width: 60px; margin: 0 auto; height: 30px; line-height: 30px; font-size: 13px; color: #fff; text-align: center; background: rgba(0, 0, 0, 0.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: none; }

.block.block2 .threesixty .nav_bar { position: absolute; top: 10px; right: 10px; z-index: 11; display: none; }

.block.block2 .bottom { width: 130px; height: 49px; background: url("/z/drkxsc2021/images/block1-bottom.png") center no-repeat; background-size: 100%; position: absolute; left: 0; right: 0; bottom: 170px; margin: auto; }

.block.block2 .btn { width: 150px; height: 46px; line-height: 46px; font-size: 16px; background: #009944; color: #fff; text-align: center; display: block; position: absolute; left: 0; right: 0; bottom: 80px; margin: auto; }

.block.block3 { padding: 0; }

.block.block3 .top { height: 547px; padding-top: 260px; background: url("/z/drkxsc2021/images/block3-bg.jpg") center no-repeat; background-size: cover; position: relative; }

.block.block3 .top .title { width: 210px; }

.block.block3 .top .circle { width: 939px; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; }

.block.block3 .top .car { width: 300px; position: absolute; left: 0; bottom: -50px; right: 0; margin: auto; }

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

.block.block3 .section .t { margin: 0 auto; }

.block.block3 .section.section1 { padding-top: 50px; }

.block.block3 .section.section1 .t { width: 203px; margin: 50px auto; }

.block.block3 .section.section1 ul { height: auto; overflow: hidden; margin-bottom: 90px; }

.block.block3 .section.section1 ul li { width: 378px; height: auto; margin-left: 32px; float: left; }

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

.block.block3 .section.section1 ul li p { font-size: 16px; color: #333; line-height: 24px; margin-top: 15px; }

.block.block3 .section.section1 ul li:first-child { margin-left: 0; }

.block.block3 .section.section1 .bottom { width: 100%; height: 620px; }

.block.block3 .section.section1 .bottom img { height: 100%; }

.block.block3 .section.section2 { height: 766px; padding-top: 95px; background: url("/z/drkxsc2021/images/block3-section2-bg.jpg") center no-repeat; background-size: cover; }

.block.block3 .section.section2 .t { width: 210px; float: left; }

.block.block3 .section.section2 .car { width: 650px; float: left; margin-top: 85px; }

.block.block3 .section.section2 ul { width: 550px; height: auto; overflow: hidden; float: left; position: relative; margin-top: -50px; }

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

.block.block3 .section.section2 ul li img { float: left; margin-right: 20px; }

.block.block3 .section.section2 ul li .text { padding: 60px 0 0; }

.block.block3 .section.section2 ul li .text h2 { font-size: 16px; color: #333; font-weight: bold; margin-bottom: 5px; }

.block.block3 .section.section2 ul li .text p { font-size: 14px; color: #666; line-height: 24px; }

.block.block3 .section.section3 { height: 785px; }

.block.block3 .section.section3 .bg { height: 620px; padding-top: 100px; background: url("/z/drkxsc2021/images/block3-section3-bg.jpg") center no-repeat; background-size: cover; }

.block.block3 .section.section3 .bg .w1200 { height: 100%; }

.block.block3 .section.section3 .bg .t { width: 224px; margin: 0; }

.block.block3 .section.section3 .slide { overflow: hidden; margin-top: 60px; position: relative; }

.block.block3 .section.section3 .slide .swiper-slide { background: #fff; position: relative; }

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

.block.block3 .section.section3 .slide .swiper-slide .text { width: 100%; padding: 30px; position: absolute; left: 0; bottom: 0; }

.block.block3 .section.section3 .slide .swiper-slide .text h2 { font-size: 16px; color: #fff; font-weight: bold; margin-bottom: 10px; }

.block.block3 .section.section3 .slide .swiper-slide .text p { font-size: 14px; color: #fff; }

.block.block3 .section.section3 .slide .btnNext, .block.block3 .section.section3 .slide .btnPrev { width: 60px; height: 60px; line-height: 60px; background: #44A467; font-size: 20px; color: #fff; text-align: center; cursor: pointer; position: absolute; right: 65px; bottom: 0; z-index: 1; transition: all .3s; }

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

.block.block3 .section.section3 .slide .btnNext.swiper-button-disabled, .block.block3 .section.section3 .slide .btnPrev.swiper-button-disabled { background: #6B6873; }

.block.block3 .section.section4 { padding: 120px 0; }

.block.block3 .section.section4 .t { width: 199px; margin-bottom: 60px; }

.block.block3 .section.section4 .slide { height: auto; overflow: hidden; position: relative; padding-bottom: 50px; }

.block.block3 .section.section4 .slide .swiper-slide img { width: 100%; }

.block.block3 .section.section4 .slide .swiper-slide .text { padding-top: 20px; }

.block.block3 .section.section4 .slide .swiper-slide .text h2 { font-size: 16px; color: #333; font-weight: bold; margin-bottom: 10px; }

.block.block3 .section.section4 .slide .swiper-slide .text p { font-size: 14px; color: #666; line-height: 24px; }

.block.block3 .section.section4 .slide .swiper-slide:first-child { margin-left: 0; }

.block.block3 .section.section4 .slide .btnNext, .block.block3 .section.section4 .slide .btnPrev { width: 40px; height: 69px; line-height: 69px; background: #44A467; font-size: 20px; color: #fff; text-align: center; cursor: pointer; position: absolute; left: 0; top: 97px; z-index: 1; transition: all .3s; }

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

.block.block3 .section.section4 .slide .btnNext.swiper-button-disabled, .block.block3 .section.section4 .slide .btnPrev.swiper-button-disabled { background: #6B6873; }

.block.block3 .section.section4 .slide .swiper-pagination { bottom: 0; }

.block.block3 .section.section4 .slide .swiper-pagination .swiper-pagination-bullet { width: 14px; height: 14px; margin: 0 5px; }

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

.block.block3 .section.section5 { padding: 100px 0 150px; background: #EFF7F1; position: relative; }

.block.block3 .section.section5 .bg { width: 700px; position: absolute; right: 0; top: 100px; }

.block.block3 .section.section5 .t { width: 211px; position: absolute; right: 80px; top: 100px; }

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

.block.block3 .section.section5 ul li { width: 377px; height: 410px; background: #fff; padding: 30px; border-radius: 50px 0 50px 0; float: left; margin-left: 30px; }

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

.block.block3 .section.section5 ul li .text { text-align: center; padding-top: 30px; }

.block.block3 .section.section5 ul li .text h2 { font-size: 16px; color: #333; font-weight: bold; margin-bottom: 10px; }

.block.block3 .section.section5 ul li .text h2 span { display: inline-block; width: 40px; height: 1px; background: #079356; margin: 0 10px; vertical-align: 5px; }

.block.block3 .section.section5 ul li .text p { font-size: 14px; color: #666; line-height: 24px; }

.block.block3 .section.section5 ul li:first-child { margin: 0; }

.block.block3 .section.section5 .car { width: 486px; position: absolute; left: 800px; bottom: -100px; }

.block.block3 .section.section6 { height: 628px; padding: 80px 0; background: url("/z/drkxsc2021/images/block3-section6-bg.jpg") center no-repeat; background-size: cover; }

.block.block3 .section.section6 ul { height: auto; overflow: hidden; }

.block.block3 .section.section6 ul li { height: auto; overflow: hidden; margin-top: 40px; }

.block.block3 .section.section6 ul li img { width: 68px; float: left; margin-right: 20px; }

.block.block3 .section.section6 ul li .text { height: auto; overflow: hidden; padding-top: 7px; }

.block.block3 .section.section6 ul li .text h2 { font-size: 16px; color: #fff; font-weight: bold; margin-bottom: 5px; }

.block.block3 .section.section6 ul li .text p { font-size: 14px; color: #fff; line-height: 24px; }

.block.block4 { padding: 80px 0; overflow: hidden; }

.block.block4 .title { width: 140px; margin-bottom: 40px; }

.block.block4 ul { height: auto; overflow: visible; }

.block.block4 ul li { width: 48%; height: auto; float: left; margin-right: 4%; padding: 100px 0 50px; margin-top: 30px; background: #fff; box-shadow: 0 0 58px 1px rgba(207, 210, 214, 0.27); border-radius: 0 50px 0 50px; position: relative; text-align: center; transition: all .3s; }

.block.block4 ul li a { display: block; }

.block.block4 ul li .tip { width: 134px; position: absolute; right: 0; top: 0; }

.block.block4 ul li h2 { font-size: 26px; font-weight: bold; color: #000; }

.block.block4 ul li p { font-size: 18px; color: #009944; margin: 25px 0 15px; }

.block.block4 ul li img { width: 470px; display: block; margin: 0 auto; transition: all .3s; }

.block.block4 ul li:hover { transform: translateY(-10px); }

.block.block4 ul li:hover img { transform: scale(1.02); }

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

.block.order { height: 942px; padding: 80px 0; background: url(/z/drkxsc2021/images/order-bg.jpg) center no-repeat; background-size: cover; }

.block.order .title { width: 140px; margin-bottom: 50px; }

.block.order .form { width: 520px; height: auto; overflow: hidden; background: #fff; padding: 60px; box-shadow: 0 0 31px 1px rgba(231, 233, 232, 0.63); }

.block.order .form p { font-size: 16px; color: #555353; margin-bottom: 30px; }

.block.order .form p img { display: inline-block; vertical-align: -4px; margin-right: 15px; }

.block.order .form .row { height: auto; overflow: hidden; line-height: 50px; margin-bottom: 14px; }

.block.order .form .row label { font-size: 14px; margin-right: 10px; vertical-align: top; }

.block.order .form .row label i { color: #DB3737; }

.block.order .form .row input { width: 320px; height: 45px; font-size: 14px; position: relative; top: -2px; border: 1px solid #e5e5e5; padding: 0 10px; }

.block.order .form .row textarea { width: 320px; height: 100px; padding: 10px; font-size: 14px; border: 1px solid #e5e5e5; margin-left: 2px; }

.block.order .form .btn { width: 320px; line-height: 45px; background: #449F6B; text-align: center; font-size: 16px; margin-left: 44px; color: #fff; cursor: pointer; transition: all .3s; }

.block.order .form .btn:hover { background: #40A968; }

.footer { width: 100%; height: auto; overflow: hidden; position: absolute; bottom: 110px; }

.footer p { font-size: 14px; color: #fff; text-align: center; line-height: 24px; }

/* 底部表单 */
.footerFixed { z-index: 10; height: 68px; overflow: hidden; background: #368F5C; position: fixed; left: 0; right: 0; bottom: -68px; transition: all .5s linear; }

.footerFixed.active { bottom: 0; }

.footerFixed form { width: 1362px; padding-top: 17px; margin: 0 auto; }

.footerFixed form span { display: block; padding-right: 30px; margin-right: 30px; position: relative; height: 36px; line-height: 36px; }

.footerFixed form span img { display: inline-block; vertical-align: middle; }

.footerFixed form span::before { content: ""; position: absolute; right: 0; top: 8px; bottom: 6px; width: 1px; background-color: #EAE4DB; }

.footerFixed form .input-box { width: 260px; height: 36px; margin-right: 30px; background-color: #fff; overflow: hidden; padding-left: 10px; }

.footerFixed form .input-box input { width: 240px; height: 36px; border: 0; font-size: 14px; }

.footerFixed form .input-box select { width: 240px; height: 36px; border: 0; font-size: 14px; }

.footerFixed form .btn { width: 268px; height: 36px; line-height: 36px; text-align: center; background: #328556; font-size: 15px; font-weight: bold; color: #fff; }

/* 右侧浮动 */
.fright { width: 44px; height: auto; position: fixed; right: 0; top: 40%; z-index: 100; }

.fright .item { width: 134px; height: 44px; margin-bottom: 1px; position: relative; right: 0; transition: .3s; display: block; }

.fright .item .icon { width: 44px; height: 44px; float: left; }

.fright .item .icon.icon1 { background: url(/z/drkxsc2021/images/fright-icon1.png) center no-repeat #40A968; }

.fright .item .icon.icon2 { background: url(/z/drkxsc2021/images/fright-icon2.png) center no-repeat #40A968; }

.fright .item .icon.icon3 { background: url(/z/drkxsc2021/images/fright-icon3.png) center no-repeat #40A968; }

.fright .item .icon.icon4 { background: url(/z/drkxsc2021/images/fright-icon4.png) center no-repeat #40A968; }

.fright .item .icon.icon5 { background: url(/z/drkxsc2021/images/fright-icon5.png) center no-repeat #40A968; }

.fright .item .icon.icon6 { background: url(/z/drkxsc2021/images/fright-icon6.png) center no-repeat #40A968; }

.fright .item span { width: 90px; line-height: 44px; font-size: 14px; float: left; background: #fff; text-align: center; }

.fright .item.active, .fright .item:hover { right: 90px; }

.popVideo { width: 1000px; height: 550px; position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 99; display: none; border: 3px solid #0B984A; }

.popVideo .video-box { width: 100%; height: 100%; }

.popVideo .btn-close { width: 40px; height: 40px; background: url(/z/drkxsc2021/images/btn-close.jpg) center no-repeat; background-size: 100%; position: absolute; right: -43px; top: -3px; cursor: pointer; }

.cover { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 98; background: rgba(0, 0, 0, 0.7); display: none; }
<!--0.00016403198242188-->