/*reset start*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {margin: 0;padding: 0;border: 0;font-size: 100%;font-weight: normal;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block;}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a{color: #7e8c8d;text-decoration: none;-webkit-backface-visibility: hidden;cursor: pointer;}
li{list-style: none;}
html, body {width: 100%;height: 100%;}
body {-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input{-webkit-appearance: none;}
/* 显示省略号 */
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*清除浮动*/
.clearfix:after{content: "";display: block;height: 0;clear:both;visibility: hidden;}
.clearfix{*zoom: 1;}
/*允许显示文本行数*/
.lineOver{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
/*reset end*/


.wap-container{max-width: 640px;margin: 0 auto;box-sizing: border-box;}
.dz-navba{width: 100%;background-color: #ffffff;height: 55px;box-sizing: border-box;padding: 5px;
    display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #eee}
.dz-logo{width: 75%;}
.dz-logo img{width: 75%;}
.dz-menu{width: 32px;}
.dz-menu img{width: 32px;}
.dz-menus{width:30%;background:rgba(0,0,0,.8);position:absolute;right:0;z-index:1000;display: none;}
.dz-menus ul{padding:15px 0 15px 0px;line-height:35px;font-size:1.2em;}
.dz-menus ul li{text-align: center;}
.dz-menus ul li a{color: #ffffff;font-size: 14px;text-align: center;}

.sl-banner{width: 100%;}
.sl-banner .swiper-container .swiper-slide img{width: 100%;}

.banner-nav{display: flex;justify-content: space-between;flex-wrap: wrap;box-sizing: border-box;}
.banner-nav a{display: inline-block;width: 33%;text-align: center;box-sizing: border-box;
    padding: 15px 10px;border-right: 1px solid #eee;border-bottom: 1px solid #eee;}
.banner-nav a:nth-child(3n){border-right: none;}
.banner-nav a img{width: 50%;}
.banner-nav a p{margin-top: 15px;font-size: 13px;color: #333333;}

.sl-about{margin-top: 30px;box-sizing: border-box;padding: 10px;}
.sl-title{text-align: center;}
.sl-title p{font-size: 15px;color: #DAB96B;text-transform: uppercase;}
.sl-title h5{font-size: 18px;color: #DAB96B;font-weight: bold;margin-top: 6px;}
.sl-title span{display: inline-block;width: 30px;height: 1px;background-color: #DAB96B;}
.sl-about .about-wrap{margin-top: 20px;text-align: center;}
.sl-about .about-wrap p{font-size: 14px;line-height: 20px;text-align: left;}
.sl-about .about-wrap img{margin-top: 8px;width: 100%;}
.sl-about .about-wrap a{margin-top: 10px;display: inline-block;padding: 8px 30px;border: 1px solid #999;color: #999;
    margin-top: 15px;font-size: 16px;}

.sl-pro{margin-top: 30px;box-sizing: border-box;padding: 10px;text-align: center;}
.pro-item{margin-top: 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.pro-item div{width: 32%;box-shadow: 0 3px 5px #999;box-sizing: border-box;padding: 10px;border-radius: 3px;
    text-align: center;}
.pro-item div img{width: 30px;}
.pro-item div p{font-size: 14px;color: #111;margin-top: 10px;}
.pro-item div a{display: inline-block;color: #DAB96B;border: 1px solid #eee;border-radius: 3px;padding: 8px 15px;
    margin-top: 10px;font-size: 12px;}
.more{margin-top: 10px;display: inline-block;padding: 8px 30px;border: 1px solid #999;color: #999;
        margin-top: 15px;font-size: 16px;}

.sl-lawyer{margin-top: 30px;box-sizing: border-box;padding: 10px;text-align: center;}
.sl-lawyer .swiper-container2{margin-top: 20px;}
.sl-lawyer .swiper-container2 .swiper-slide .text{position: absolute;bottom: 0;width: 105%;left: 50%;
    transform: translateX(-50%);background-color: #DAB96B;color: #fff;box-sizing: border-box;padding: 6px 0;
    display: none;}
.sl-lawyer .swiper-container2 .swiper-slide.swiper-slide-active .text{display: block;}
.sl-lawyer .swiper-container2 .swiper-slide .text p{text-align: center;font-size: 13px;margin-top: 7px;}
.sl-lawyer .swiper-container2 .swiper-slide .text h6{text-align: center;font-size: 16px;font-weight: bold;}
.sl-lawyer .swiper-container2 .swiper-slide img{width: 100%;}

.sl-news{margin-top: 30px;box-sizing: border-box;padding: 10px;text-align: center;}
.sl-news .news-wrap{margin-top: 20px;}
.sl-news .news-wrap .item{width: 100%;box-sizing: border-box;padding: 10px;border: 1px solid #eee;margin-bottom: 15px;}
.sl-news .news-wrap .item a{display: flex;justify-content: space-between;}
.sl-news .news-wrap .item a .time{width: 20%;text-align: center;font-size: 12px;color: #999;border-right: 1px solid #eee;}
.sl-news .news-wrap .item a .time span{font-size: 18px;color: #111;display: inline-block;margin-bottom: 10px;}
.sl-news .news-wrap .item a .msg{width: 75%;text-align: left;}
.sl-news .news-wrap .item a .msg p{font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sl-news .news-wrap .item a .msg span{font-size: 12px;color: #999;margin-top: 10px;overflow: hidden;display: inline-block;
    text-overflow: ellipsis;white-space: nowrap;width: 100%;}

.sl-case{margin-top: 30px;text-align: center;}
.sl-case .case-wrap{margin-top: 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.sl-case .case-wrap div{width: 49%;margin-bottom: 15px;}
.sl-case .case-wrap div a{display: inline-block;}
.sl-case .case-wrap div a img{width: 100%;}
.sl-case .case-wrap div a p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
    font-size: 14px;color: #333;margin-top: 10px;line-height: 20px;box-sizing: border-box;padding: 0 10px;text-align: left;}

.sl-partner{margin-top: 30px;box-sizing: border-box;padding: 10px;}
.sl-partner .par-wrap{margin-top: 20px;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.sl-partner .par-wrap img{width: 32%;margin-bottom: 10px;margin-right: 2%;}
.sl-partner .par-wrap img:nth-child(3n){margin-right: 0;}

.sl-form{margin-top: 30px;text-align: center;box-sizing: border-box;padding: 10px;background-color: #eee;}
.sl-form .form-wrap{margin-top: 20px;}
.sl-form .form-wrap input{width: 100%;box-sizing: border-box;padding: 10px 40px;background-color: #fff;border: 1px solid #eee;
    border-radius: 10px;margin-bottom: 15px;font-size: 14px;color: #999;outline: none;background-position: 10px center;background-repeat: no-repeat;
    background-size: 20px;}
.sl-form .form-wrap .name{background-image: url('../images/name.png');}
.sl-form .form-wrap .phone{background-image: url('../images/phone.png');}
.sl-form .form-wrap input::-webkit-input-placeholder{font-size: 14px;color: #999;}
.sl-form .form-wrap textarea{width: 100%;box-sizing: border-box;padding: 10px 40px;background-color: #fff;border: 1px solid #eee;
    border-radius: 10px;font-size: 14px;color: #999;resize: none;height: 100px;outline: none;background-image: url('../images/problem.png');
    background-position: 10px 10px;background-repeat: no-repeat;background-size: 20px;}
.sl-form .form-wrap textarea::-webkit-input-placeholder{font-size: 14px;color: #999;}
.sl-form .form-wrap .submit{background-color: #DAB96B;color: #fff;font-size: 14px;margin-top: 15px;border-radius: 10px;}

.footer{width: 100%;box-sizing: border-box;padding: 15px 15px 0 15px;background-color: #fff;}
.footer .link{display: flex;justify-content: space-between;}
.footer .link a{color: #333;font-size: 13px;width: 24%;border-right: 1px solid #333;text-align: center;}
.footer .link a:last-child{border-right: none;}
.footer .qr{text-align: center;margin-top: 20px;}
.footer .qr img{width: 100px;}
.footer .qr p{color: #333;font-size: 13px;margin-top: 8px;}
.footer p{color: #333;font-size: 13px;}
.footer .num{margin-top: 15px;padding-left: 30px;background: url(../images/p1.png) no-repeat left center;background-size: 20px;}
.footer .adr{margin-top: 15px;padding-left: 30px;background: url(../images/p2.png) no-repeat left center;background-size: 20px;}
.footer .mail{margin-top: 15px;padding-left: 30px;background: url(../images/p3.png) no-repeat left center;background-size: 16px;}
.footer .bq{width: 100%;font-size: 14px;color: #333;padding: 10px 0;text-align: center;border-top: 1px solid #eee;
    margin-top: 15px;}