.dingzhiWrap { background: #fff; padding: 80px 0 80px; } .banner { background: url(../images/bg-1.jpg) center no-repeat; background-size: cover; height: 400px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/bg-1.jpg', sizingMethod='scale'); position: relative; } .banner .dingzhi { font-size: 34px; color: #000; height: 37px; position: absolute; left: 50%; top: 50%; width: 300px; margin: -18.5px 0 0 -150px; text-align: center; } .banner .dingzhi h2 { font-size: 30px; height: 34px; margin: 0 auto 30px; } .banner .dingzhi p { font-size: 12px; line-height: 32px; margin: 0 auto 30px; color: #333; } .banner .dingzhi .dingzhiBtn { width: 158px; height: 40px; margin: 0 auto; } .banner .dingzhi .dingzhiBtn a { color: #fff; width: 158px; height: 40px; line-height: 40px; background: #e41518; display: block; } .banner .dingzhi .dingzhiBtn a:hover { background: #b10d0f; } .dzTitle { width: 140px; text-align: center; height: 32px; margin: 0 auto 60px; font-size: 30px; color: #000; } .dzstyleWrap { background: #fff; margin-bottom: 140px; } .dzstyleWrap .row { margin: 0 -12px 0 -12px; } .dzstyleWrap .row .col-md-4 { padding: 0 12px 0 12px; position: relative; *width: 570px; } .dzstyleWrap .row .col-md-4 .dzContent { width: 318px; height: 180px; position: absolute; left: 50%; top: 50%; margin: -90px 0 0 -159px; text-align: center; } .dzstyleWrap .row .col-md-4 .dzContent i { display: block; width: 60px; height: 60px; margin: 0 auto 25px; } .dzstyleWrap .row .col-md-4 .dzContent .icon-star { background: url(../images/icon-gs.png) center no-repeat; background-size: 100%; } .dzstyleWrap .row .col-md-4 .dzContent .icon-bajiao { background: url(../images/icon-cp.png) center no-repeat; background-size: 100%; } .dzstyleWrap .row .col-md-4 .dzContent .icon-cp { background: url(../images/icon-ny.png) center no-repeat; background-size: 100%; } .dzstyleWrap .row .col-md-4 .dzContent h3 { font-size: 24px; color: #000; margin: 0 auto 40px; } .dzstyleWrap .row .col-md-4 .dzContent .more { padding-bottom: 12px; } .dzstyleWrap .row .col-md-4 .dzContent .more a { color: #fff; display: block; } .dzstyleWrap .row .col-md-4 .dzContent .more .line { width: 30px; height: 2px; background: #21b3ba; bottom: 0; display: inline-block; } .dzLiuchengWrap .row { margin: 0 -60px 0 -20px; } .dzLiuchengWrap .row .col-md-3 { *width: 180px; padding: 0 40px 0 40px; text-align: center; color: #000; position: relative; } .dzLiuchengWrap .row .col-md-3 i { display: block; width: 30px; height: 30px; margin: 0 auto 4px; } .dzLiuchengWrap .row .col-md-3 .icon-xuankuan { background: url(../images/icon-xuankuan.png) center no-repeat; background-size: 100%; } .dzLiuchengWrap .row .col-md-3 .icon-xiadan { background: url(../images/icon-xiadan.png) center no-repeat; background-size: 100%; } .dzLiuchengWrap .row .col-md-3 .icon-seeting { background: url(../images/icon-seeting.png) center no-repeat; background-size: 100%; } .dzLiuchengWrap .row .col-md-3 .icon-fahuo { background: url(../images/icon-fahuo.png) center no-repeat; background-size: 100%; } .dzLiuchengWrap .row .col-md-3 p { font-size: 22px; margin-bottom: 12px; } .dzLiuchengWrap .row .col-md-3 span { font-size: 12px; line-height: 21px; color: #333; } .dzLiuchengWrap .row .col-md-3 .icon-liucheng { display: block; width: 44px; height: 17px; position: absolute; right: -22px; top: 32px; background: url(../images/icon-liucheng.png) center no-repeat; background-size: 100%; } .dzQuestion .row .col-md-7 { position: relative; width: 58.3333%; *width: 615px; padding-right: 70px; float: left; } .dzQuestion .row .col-md-7 .line { height: 250px; width: 1px; background: #afafaf; position: absolute; right: 0; top: 50px; } .dzQuestion .row .col-md-7 .table { border-bottom: 1px dotted #a0a0a0; padding-bottom: 10px; } .dzQuestion .row .col-md-7 .table p { margin-bottom: 10px; color: #333; } .dzQuestion .row .col-md-5 { padding-left: 50px; text-align: center; color: #000; padding: 0; float: left; } .dzQuestion .row .col-md-5 .pad { margin-left: 50px; margin-right: 15px; } .dzQuestion .row .col-md-5 .contact .list { float: left; width: 150px; height: 134px; margin: 0 30px; } .dzQuestion .row .col-md-5 .contact .list p { font-size: 22px; margin-bottom: 26px; } .dzQuestion .row .col-md-5 .contact .list .info { margin-bottom: 24px; *height: 30px; } .dzQuestion .row .col-md-5 .contact .list .info i { display: block; width: 20px; height: 20px; margin-right: 16px; float: left; margin-left: 5px; } .dzQuestion .row .col-md-5 .contact .list .info .icon-phone { background: url(../images/icon-phone.png) center no-repeat; background-size: 100%; } .dzQuestion .row .col-md-5 .contact .list .info .icon-qq { background: url(../images/icon-qq.png) center no-repeat; background-size: 100%; } .dzQuestion .row .col-md-5 .contact .list .info span { float: left; line-height: 20px; display: block; } .dzDialog { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; display: none; } .dzDialog .dzPopWrap { z-index: 3; width: 980px; height: 580px; background: #fff; position: absolute; left: 50%; top: 50%; margin: -290px 0 0 -490px; } .dzDialog .dzPopWrap .pad { padding-top: 60px; } .d2 .dzPopWrap .pad { padding-top: 50px; } .dzDialog .dzPopWrap .pad .device { position: relative; width: 380px; height: 420px; margin: 0 auto; margin-top: 40px; } .d2 .dzPopWrap .pad .device { width: 540px; } .dzDialog .dzPopWrap .pad .device .swiper-container { height: 100%; } .dzDialog .dzPopWrap .pad .device .swiper-container .swiper-wrapper { height: 100%; } .dzDialog .dzPopWrap .pad .device .arrow-left { left: -230px; width: 25px; height: 50px; background: url(../images/icon-left.png) no-repeat center; } .d2 .dzPopWrap .pad .device .arrow-left { left: -180px; } .dzDialog .dzPopWrap .pad .device .arrow-right { right: -230px; width: 25px; height: 50px; background: url(../images/icon-right.png) no-repeat center; } .d2 .dzPopWrap .pad .device .arrow-right { right: -180px; } .dzDialog .dzPopWrap .pad .device .pagination { bottom: -20px; } .dzDialog .dzPopWrap .pad .device .pagination .swiper-pagination-switch { background: #b5b5b5; border: none; } .dzDialog .dzPopWrap .pad .device .pagination .swiper-active-switch { background: #21b3ba; } .dzDialog .bgcolor { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../../img/product/bg.png) repeat; } .dzContent a { margin-top: 30px; text-align: center; font-size: 13px; display: block; color: #000; } .dzContent a span { width: 30px; height: 2px; background: #21b3ba; width: 30px; display: block; margin: 0 auto; margin-top: 10px; } .dzContent a.black { color: #000; } .dzContent a:hover span { width: 50px; } .dzContent a span, .dzContent a:hover span { -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear; }