@charset "utf-8";
/* 初始化 */
* {box-sizing: border-box;outline: none;}
*:before, *:after {box-sizing: border-box;}
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {margin: 0;	padding: 0;}

img, fieldset {border: 0;}
hr{ height:0px; margin:50px 0;border:0px;	padding: 0; border-bottom: 1px solid #e8e8e8;}

/* set image max width to 100% */
img {max-width: 100%;height: auto;width: auto\9;} /* \9 在IE6/IE7/IE8/IE9/IE10下生效 */

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

/* disable webkit text size adjust (for iPhone) */
html {
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-size: 62.5%;
    font-family: "Microsoft YaHei",tahoma,arial,"Hiragino Sans GB",sans-serif;
    font-family: regular;
}

input[type=search] {-webkit-appearance: none;outline: none;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {display: none;}
.xskt-show_left-bottom input[type="text"], .xskt-show_left-bottom textarea{color:rgba(85, 81, 81, 0.84); font-family: "Microsoft YaHei",tahoma,arial,"Hiragino Sans GB",sans-serif;}

body{
    background:#fff;width:100%;min-width:1200px;margin:0 auto;padding:0;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    color:#333;
    font-size: .14rem;
}

ul,ol,li{list-style:none;}

/* 默认链接颜色 */
a:link {color:#333; text-decoration:none;}      /* unvisited link */
a:visited {color:#333;text-decoration:none;}  /* visited link */
a:hover {color:#15b5ff;text-decoration:none;}  /* mouse over link */
a:active {color:#333;text-decoration:none;}  /* selected link */

.fl {float: left;}
.fr {float: right;}

/* 通用属性 */
.cl{clear:both;}
.hidden {display: none;}
em {font-style: normal;}
textarea {outline: none;border: 1px solid #b7babf;border-radius: 3px;resize: none;}
.pc {display: block;}
.mobile {display: none;}
.icon-wx {
    width: 24px;height: 24px;
    background: url(../img/icon-wx.png) no-repeat center;
    background-size: 24px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 6px;
    cursor: pointer;
}

.header {position: relative;z-index: 10;}
.page-width {
    width: 1200px;
    margin: 0 auto;
}
.top-bar {
    font-size: 1.4rem;
    height: 37px;
    line-height: 37px;
    background-color: #eaeaea;
}
.top-bar .right-bar {
    float: right;
    background-color: #eaeaea;
    position: relative;
    z-index: 2;
    min-width: 140px;
}
.top-bar span{ color:#14adab;}
.top-bar .user-img {vertical-align: middle;margin: 0 3px;}
.top-bar .right-bar a {margin: 0 3px;}
.wx-link .icon-wx {position: relative;z-index: 5;}
.wx-link:hover .icon-wx {background-image: url(../img/icon-wx-l.png);}
.wx-link {position: relative;}
.top-bar .drop-wrap {
    z-index: 1;
    -webkit-transition: .25s all;
    -moz-transition: .25s all;
    -ms-transition: .25s all;
    -o-transition: .25s all;
    transition: .25s all;
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
    display: block;
    line-height: 1.6;position: absolute;top: 37px;right:0;background-color: #333333;color:#fff;width: 140px;height: 230px;text-align: center}
.top-bar .drop-wrap .txt {font-size: 12px;}
.top-bar .drop-wrap .title {padding: 10px 0;}
.top-bar .page-width {position: relative}
.top-bar .drop-wrap.hover {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.top-header {
    height: 120px;
    width: 100%;border-bottom: 4px solid #4dc4c0;
}
.top-header .nav-box{ margin-top: 42px;}
.top-header .nav-box a {-webkit-transition: .25s all;
    -moz-transition: .25s all;
    -ms-transition: .25s all;
    -o-transition: .25s all;
    transition: .25s all;color:#333;font-size: 1.8rem;line-height: 35px;width:125px; margin-right:10px; background:#FFF; display:block; float:left; text-align:center; border-radius:17px;}
.top-header .nav-box a:hover {color:#fff; background:#4dc4c0;}
.top-header .logo-link {
    margin-top: 30px;
}
.top-header .nav-box .ico{color:#fff; background:#4dc4c0;}
#banner{
    height:560px;width: 100%; 
}
.banner-box {
    z-index: 3;
    width: 100%;
    height: 560px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
}
#banner .swiper-pagination-bullet, #banner-mobile .swiper-pagination-bullet, #xskt-banner .swiper-pagination-bullet, #xskt-banner_mobile .swiper-pagination-bullet {width: 26px;height: 4px;background-color: #fff;opacity: .58;border-radius: 0;margin: 0 3px;}
#banner .swiper-pagination-bullet.swiper-pagination-bullet-active, #banner-mobile .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1;}
.btn {
    background-color: transparent;
    border: none;
}
.btn-white-plain {
    border-radius: 0;
    color:#fff;
    padding: .075rem .28rem;
    border: 1px solid #fff;
    cursor: pointer;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    -ms-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
    font-size: 16px;
}
#banner .btn-white-plain {
    position: absolute;
    bottom: 135px;
    left: 50%;margin-left: -61px;
    width: 122px;height: 38px;line-height: 38px;
}
.btn-white-plain:hover {
    background-color: #4dc4c0;
    color: #fff;
    border-color: #4dc4c0;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 70px !important;
}

.part-us .itemL{ width:48%; float:left; font-size:1.6rem; line-height:2.8rem}
.part-us .itemR{ width:48%;float:right;}
.jpkc__title {font-size: 3.2rem;text-align: center;position: relative; height:5.8rem;}
.jpkc__title span {position: relative;z-index: 2;display: inline-block;padding: 0 25px;}
.jpkc__title:after {display: block;content: '';position: absolute;width:50px;height: 1px;bottom: 0px;left: 50%;margin-left: -26px;background-color: #c5ba9a;}
.jpkc {padding: 80px 0;}
.pzyy {background:url(../img/bg.jpg) center top;}
.jpkc_subtitle {text-align: center;font-size: 16px;line-height: 1.8; padding-top:20px; padding-bottom:35px; letter-spacing:3px;color:#999999;}
.jpkc__tab-box {text-align: center; margin-bottom:40px;}
.jpkc__tab-list {text-align: center;/*display: inline-block;width: auto;*/}
.jpkc__tab-list li {background:#FFF; width:6.2%;border: 1px solid #4dc4c0; float:left;}
.jpkc__tab-list li:not(:first-child) { border-left: none;}
.jpkc__tab-list li a{
    color:#4dc4c0;font-size: 1.4rem;display: block;padding: 10px 0;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    -ms-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
    cursor: pointer;
}
.jpkc__list {overflow: hidden;}
.jpkc__tab-list li.active a, .jpkc__tab-list li:hover a{background-color: #4dc4c0;color:#fff;}
.jpkc__btn-more {color: #333;border-color:#333; text-align:center}
.jpkc .btn-wrap {text-align: center;margin: 80px 0;}
.xskt-show_con .tab-con{padding: 0 10px;}
.xskt-show_con .tab-wrap{padding: 0 20px;background-color: #fff;border-bottom: none;}
.xskt-show_con .tab-wrap li a{border-right: none;background: none;text-indent: 0; font-size:16px;}
.xskt-show_con .tab-wrap li a.on{border-top-color: #1283c2;}
.jpkc__item {width:32.3%;height: 278px;overflow: hidden;position: relative;float: left;margin-right: 12px;margin-bottom: 12px;}
.jpkc__item:nth-child(3n) {margin-right: 0;}
.jpkc__item img{width: 100%;height: 100%;}
.jpkc__list:nth-child(3):hover .jpkc__item .jpkc__txt, .jpkc__list:nth-child(4):hover .jpkc__item .jpkc__txt {padding-top: .5rem;}
.jpkc__item .jpkc__txt{
    width: 100%;height: 100%;
    position: absolute;top:0;left:0;background-color: rgba(83,83,83,.9);color:#fff;line-height: 1.8;
    padding: 10px 0px;text-align: center;font-size: 1.8rem;
    text-align: center;
    line-height: 1.4;
    -webkit-transform: translate(0, 225px);
    -moz-transform: translate(0, 225px);
    -ms-transform: translate(0, 225px);
    -o-transform: translate(0, 225px);
    transform: translate(0, 225px);
    -webkit-transition: transform .3s, padding-top .3s;
    -moz-transition: transform .3s, padding-top .3s;
    -ms-transition: transform .3s, padding-top .3s;
    -o-transition: transform .3s, padding-top .3s;
    transition: transform .3s, padding-top .3s;
}
.jpkc__item:hover .jpkc__txt {
    padding-top: 90px;
}
.jpkc__item:hover .jpkc__txt{
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
a.jpkc__link {
    color: #fff;
    font-size:1.6rem;
    background-color: #4dc4c0;
    width:130px;
    line-height:40px; border-radius:20px;
    display: inline-block;
    -webkit-transition: background-color .35s;
    -moz-transition: background-color .35s;
    -ms-transition: background-color .35s;
    -o-transition: background-color .35s;
    transition: background-color .35s;
    margin-top: 25px;
}
.jpkc__btn-more{width: 220px;line-height: 45px;display: inline-block;padding:0;}


.sxy {
    background-color: #f4f4f5;
}
.sxy .jpkc__title span {
    background-color: transparent;
}
.sxy .jpkc__title:before {display: none;}
.sxy-content {overflow: hidden;margin-top: 30px;padding: 10px 0;}
.sxy-item {margin:0 5px;width:32%;float: left; margin-bottom:20px;}
.sxy-item img {float: left; padding-right:10px;}
.sxy-item .bottom {padding: 6px 20px;font-size: 18px;}
.sxy-item .price{font-size: 2.2rem;line-height:4rem;}
.sxy-item .txt {font-size: 1.4rem;color:#666; line-height:2.2rem; }
.sxy-item:nth-child(3n) {margin-right: 0;}
.sxy-item:nth-child(6n) {margin-right: 0;}

.case {text-align: center;padding: 60px 0;}
.case-con {overflow: hidden;}
.case-con a li{ background:#fff; color:#333;}
.case-con a:hover li{ background:#4dc4c0;color:#fff;}
.case-item {
    float: left;
    width: 277px;height: 247px; padding:20px;
    overflow: hidden;
    margin-right: 20px;
    margin-bottom: 20px;
   
   
}

.case-item img{ height:178px;}
.case-item p{ font-size:1.6rem; line-height:3rem;}
.case__title {
    font-size: 32px;
}
.consult {width: 100%;background:url(../img/5.html) no-repeat center;height: 277px;background-size: cover;text-align: center;}
.consult .consult_title {font-size: 32px;color:#fff;padding: 60px 30px 20px;font-weight: 500;}
.consult .consult__btn {color:#fff;font-size: 16px;width: 128px;display: inline-block;line-height: 30px;
    height: 30px;padding:0;margin-top: 40px;}
.consult_subtitle {font-size: 14px;color:#fff;}
.footer {background-color: #363c40;color:#9b9ea0; margin-bottom:80px;}
.footer a{color:#9b9ea0;-webkit-transition: all .35s; -moz-transition: all .35s; -ms-transition: all .35s; -o-transition: all .35s;transition: all .35s;}
.footer a:hover{color:#4dc4c0  ;}
.friendly {padding: 30px 0;border-bottom: 1px solid #54595c;font-size: 14px;}
.friendly a{margin-right: 10px;display: inline-block;}

.friendly_dh {padding: 30px 0;border-bottom: 1px solid #54595c;font-size: 1.6rem; text-align:center;}
.friendly_dh a{margin:0 20px;display: inline-block; font-weight:bold;}

.footer-item {
    float: left;
    width: 160px;
  font-size:1.4rem;
    height: 250px;
    padding: 30px 0;
}
.footer-item:nth-child(1){
    width: 290px;
}
.footer-item:nth-child(2){
    width: 650px; font-size:1.4rem;
}
.footer-item:nth-child(2) a{ margin-right:10px;}

.footer-con {overflow: hidden;line-height: 1.8;}
.footer-con .telephone{font-size: 17px;font-weight: 700;}
.footer-con h4{font-size: 16px;margin-bottom: 5px;}
.footer-code {float: right;text-align: center;margin-top: 30px;}
.copyright {
    line-height: 54px;
    border-top: 1px solid #54595c;
    text-align: center;
}
.case-item__name {font-size: 14px;}
.copyright {font-size: 12px;}
.mini-banner .page-title {font-size: 2.9rem; line-height:13rem; color:#fff;}
.crumb {font-size: 18px;color:#666;line-height: 3;}
.crumb a {color:#666;}
.main-content {
    background-color: #f2f2f2;
    min-height: 600px;
    margin-bottom: 40px;
}
.aside {
    width: 300px; float:left;
    padding: 30px;
}
.aside-list {border-top: 1px solid #dadada;}
.aside-list li{border-bottom: 1px solid #dadada;font-size: 16px;background:#FFF;}
.aside-list li a{display: block;line-height: 50px;padding: 0 30px;
    -webkit-transition: .25s all;
    -moz-transition: .25s all;
    -ms-transition: .25s all;
    -o-transition: .25s all;
    transition: .25s all;}
.aside-list li a:hover,.aside-list li a.on{background-color: #4dc4c0;color:#fff;}
.content-right {margin-left: 298px;padding: 20px 30px 30px 0;}
.about{ font-size:16px; line-height:32px;}
.news-list li img{
    width: 117px;height: auto;float: left;
}
.icon-edit {
    background: url(../img/icon-edit.png) no-repeat center;
    background-size: 16px;
    width: 16px;
    height:16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.news-list .txt-right {position: relative;height: 100px;}
.news-list .title {font-size: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.news-list li {border-bottom: 1px solid #e8e8e8;padding: 20px 0;overflow: hidden;position: relative;}
.news-list li a:hover .title {color:#4dc4c0;}
.news-list li .detail {display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;color:#666;line-height: 1.5;margin: 8px 0;font-size: 14px;}
.news-list li a:hover .detail {color:#666;}
.news-list li a:hover .date,.news-list li a .date {color:#999;font-size: 12px;}
.hd-wrap {text-align: center;margin: 70px 0 40px;}
.hd-wrap a{font-size: 14px;margin: 0 5px;color:#666;}
.hd-wrap a:hover{color:#15b5ff;}
.mini-banner {height:130px;}
.news-list li a .date {position: absolute;bottom:0;left:0;width: 100%;}

.news_show_tit{  line-height:40px; padding:15px 0; font-size:30px; color:#4d4f53; border-bottom:1px solid #e8e8e8; font-weight:normal; text-align:center;}
.news_show_date{ height:60px; line-height:60px; font-size:16px; color:#949494; border-bottom:1px solid #e8e8e8;text-align:center;}
.news_show_nr{ font-size:16px; line-height:32px; color:#595858; padding:30px 0;}

.youshi ul{margin-top: 30px;}
.youshi ul li{width:48%; height: 134px;background-color:#f4f4f5;float: left;margin-right: 2%;margin-bottom: 40px;padding: 20px;}
.youshi ul li:nth-child(2n){margin-right: 0;}
.youshi ul li .shuzi{width:10%;height: 51px;background: url(../img/kuang.jpg) no-repeat center;text-align: center;line-height: 51px;color: #fff;font-size: 24px;font-weight: bold;float: left;}
.youshi ul li .nr{width:85%;float: left;margin-left:5%;}
.youshi ul li .nr h2{font-size: 28px;font-weight: bold;}
.youshi ul li .nr i{font-weight: bold;color: #2A2A2A;padding: 7px 0;display: inline-block;}
.youshi ul li .nr p{font-size: 1.6rem; line-height:2.6rem;}

.law-news .news-list {
    overflow: hidden;
    line-height: 1.8;
}
.law-news .news-list .item {
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 10px;
}
.law-news .news-list .item:nth-child(even) {
    margin-right: 0;
}
.law-news .news-list .news-title {
    font-size: 1.6rem;
    margin-bottom: 5px;
}
.law-news .news-list .dot {
    width: 4px;
    height:4px;
    background-color:#4dc4c0;
    vertical-align: sub;
    margin: 12px 10px;
}
.law-news .news-list .news-summary {
    color:#666;margin-left: 20px;font-size: 1.4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    padding-left: 5px;
}
.law-news .news-list .time {color:#666;font-size: 1.4rem;}
.law-news .news-list a:hover {color:#4dc4c0}
.law-news .news-list .item {height: 108px;overflow: hidden;}
.law-news .link-formore {
    width: 220px;line-height: 45px;
    font-size: 1.8rem;
    text-align: center;
    background-color: #fff;
    border: 1px solid #4dc4c0;
    display: block;
    margin: 60px auto 20px;
    color:#4dc4c0;
    opacity: .85;
    -webkit-transition: .25s all;
    -moz-transition: .25s all;
    -ms-transition: .25s all;
    -o-transition: .25s all;
    transition: .25s all;
}
.law-news .link-formore:hover {
    background-color: #4dc4c0;
    color:#fff;
}

.input-wrap {
    position: fixed;
    height: 80px;width: 100%;
    bottom:0;
    background-color: #1d2022;
    padding: 16px 0;
    text-align: center;
    z-index: 10;
}
.input-wrap .hot-line {margin: 0 10px;color:#ffffff;font-size: 1.8rem; font-weight:bold;background-color: #db0402;text-align: left;width: 510px;line-height: 50px;border-radius: 50px;float: left}
.input-wrap .hot-line .tel{ float:left; height:30px; width:30px; margin:10px 8px 0 30px;}
.input-wrap .hot-line .tel img{height: 30px;}
.input-wrap .input {margin: 0 10px;background-color: #fff;font-size: 1.8rem;text-align: left;width: 138px;padding: 0 30px;line-height:50px; height:50px;border-radius: 50px;float: left;border: none;}
.input-wrap .commit-btn{margin: 0 10px;color:#fff;cursor: pointer;background-color: #db0402;font-size: 1.8rem;text-align: center;line-height: 50px;border-radius: 50px;float: left;border: none;width: 120px;opacity: .9;
    -webkit-transition: .25s all;
    -moz-transition: .25s all;
    -ms-transition: .25s all;
    -o-transition: .25s all;
    transition: .25s all;}
.input-wrap .commit-btn:hover {opacity:.8;}


@media (max-width: 1030px) {
    body {min-width: 0;;}
    .pc, .pc-line {display: none;}
    .mobile {display: block;}
    .page-width {width: 96vw;}
    .top-header {height: 54px;position: fixed;width: 100%;top:0;left:0; background:#FFF; z-index:9;border-bottom: 4px solid #4dc4c0;}
    .top-header .logo-link {height: 34px;margin-top: 8px;}
    .top-header .logo-link img{height: 100%;}
    .open-menu {
        width: 25px;
        color: #4dc4c0;
        position: absolute;
        top: 17px;
        right: 20px;
        z-index: 5;
    }
    .open-menu .navicon-bar {
        width: 25px;
        height: 3px;
        background-color: #4dc4c0;
        display: block;
        margin: 0 0 4px 0;
    }
    .mobile-nav {
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        background-color: rgba(77,196,192,1);
        border: 0;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 100%;
        right: 0;
        z-index: 10;
        width: 60%;
    }
    .mobile-nav.active {
        -webkit-transform: translate(-100%,0);
        -moz-transform: translate(-100%,0);
        -ms-transform: translate(-100%,0);
        -o-transform: translate(-100%,0);
        transform: translate(-100%,0);
    }
    .close-menu {
        position: absolute;
        z-index: 5;
        display: block;
        text-align: right;
        padding: 20px 20px 0 20px;
        padding-right: 20px;
        right:0;
        height: 50px;
    }
    .close-menu .navicon-bar {
        width: 25px;
        height: 3px;
        background-color: #fff;
        display: inline-block;
        margin: 0 0 4px 0;
    }
    .close-menu .navicon-bar:first-of-type {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        position: relative;
        left: 26px;
    }
    .close-menu .navicon-bar:last-of-type {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .mobile-nav_list a{
        display: block;
        color: #fff;
        padding-left: 25px;
        padding-right: 25px;
        color: #fff;
        font-size: 18px;
        line-height: 48px;
        position: relative;
        z-index: 2;
        margin-top: 14px;
    }
    .mobile-nav_list .nav2 a{ margin-top:0px; padding-left:40px; line-height:30px;}
    .mobile-nav_list {
        margin-top: 50px;
        overflow: auto;
        height: calc(100vh - 50px);
        padding-bottom: 30px;
    }
	.banner-box{ padding-top:54px;}
    .banner-box, #banner {height: 50vw;}
    #banner .btn-white-plain {bottom: 55px;font-size: 14px;width: 100px;height: 28px;line-height: 28px;margin-left: -50px;}
    .jpkc__btn-more { display:none;}
	
	.jpkc__tab-list li { width:16.6%;}
	.jpkc__tab-list li:not(:first-child) { border-left: 1px solid #4dc4c0;}
	.jpkc__item{ width:100%;}
	
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        bottom: 10px !important;
    }
	.part-us .itemL{ width:100%;}
	.itemR{ display:none;}
    .jpkc__title, .case__title, .consult .consult_title {}
	
    .jpkc, .case {
        padding: 30px 0;
    }
	.jpkc{ padding-top:80px;}
	
    .sxy-item {
        width: 48%;
        margin: 0 1%;
        margin-bottom: 10px;
        height: 60vw;text-align: center;background-color: #f4f4f5;
        overflow: hidden;
    }
	.youshi ul li .shuzi,.youshi ul li .nr i{ display:none;}
	.youshi ul li{ height:auto;}
	.sxy-item img {float: none; padding-right:0px;}
    .sxy-content, .case-con {margin-top: 0;padding:0;}
    .sxy-item .title {
        height: 17vw;line-height: 17vw;
        font-size: 18px;
    }
    .sxy-item .bottom {
        padding: 5px;
        font-size: 14px;
    }
    .sxy-item .txt {font-size: 12px;line-height: 1.2;}
    .sxy-item .sur {
        font-size: 14px;
        margin: 3px 0;
    }
    .case-item {
        width: 48%;
        margin: 10px 1%;
        height: 22vw;
    }
    .case-item .img-box img {max-width: 60%;max-height: 60%;}
    .case-item .img-box {
        height: 70%;
    }
    .consult {height: 29vw;background-size: auto 110%;}
    .consult .consult_title {padding: 10px ;}
    .consult .consult__btn {margin-top: 10px;font-size: 14px;width: 100px;height: 28px;line-height: 28px;}
    .footer {margin-top: -1px;padding-top: 5px;}
    .footer-logo {
        text-align: center;
        display: block;
        width: 60%;
        margin: 0 auto 10px;
    }
    .footer-item:nth-child(1) {float: none;width: 100%;text-align: center;font-size: 12px !important;}
    .footer-con .telephone {font-size: 12px !important;}
    .footer-item {
        height: auto;padding:0;
        width: auto;
        margin: 5px 8px;
    }
    .go-top {
        position: fixed;
        z-index: 5;
        right: 10px;bottom: 100px;
        border-radius: 5px;
        -webkit-transition: background-color .35s;
        -moz-transition: background-color .35s;
        -ms-transition: background-color .35s;
        -o-transition: background-color .35s;
        transition: background-color .35s;
        cursor: pointer;width: 45px;height: 45px;background-color: rgba(0,0,0,.7);}
    .go-top img {
        margin: auto;
        padding-top: .15rem;
        position: absolute;
        top:0;left:0;right:0;bottom:0;
        float: left;
    }
    .go-top:hover {
        background-color: #333333;
    }
    .footer-con h4 {font-size: 14px;}
    #news img {width: 55vw;height: auto;float: left}
    #news .txt-right {margin-left: 57vw;position: relative;height: 31vw;}
    #news .swiper-slide {width: 100%;}
    #news .title {font-size: 16px;display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;}
    .icon-marker {
        background: url(../img/icon-marker.png) no-repeat center;
        width: 8px;height: 12px;
        display: inline-block;
        margin-right: 4px;
        background-size: 100%;
    }
    .icon-view {
        background: url(../img/icon-eye.png) no-repeat center;
        width: 10px;height: 12px;
        display: inline-block;
        margin-right: 4px;
        background-size: 100%;
    }
    #news .info {color:#999;font-size: 14px;margin-top: 5px;}
    #news .bottom {vertical-align: baseline;font-size: 12px;position: absolute;bottom:0;left:0;color:#666;width: 100%;}
    #news .bottom  .link {color:#fff;background-color: #20abf5;float: right;border-radius: 4px;padding: 2px 5px;}
    #news.swiper-container-horizontal>.swiper-pagination-bullets{
        bottom: 0 !important;
    }
    #news.swiper-container {padding: 10px 0 25px;width: 100%;}
    #news.swiper-container .swiper-pagination-bullet-active{background-color: #666;}
    #news .date {vertical-align: -webkit-baseline-middle;}
    .case-item__name {font-size: 12px;overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;}
    .consult_subtitle {font-size: 12px;margin: 0;}
    .consult .consult_title {padding-bottom: 1px;}
    .consult .consult__btn {font-size: 12px;}
    .copyright {line-height: 1.3;padding: 5px 0;}
    .mini-banner {padding-top: 54px;}
	.mini-banner .page-title{line-height: 7rem;}
    .banner-box .page-title {text-align: center;line-height: 9rem;}
    .crumb {font-size: 14px;}
    .content-right {margin-left: 0;padding: 0 0;}
	.about{ font-size:16px;}
    .news-list li {padding: 5px 0;}
    .main-content {background-color: transparent;margin-bottom: 15px;}
    .news-list .title {font-size: 16px;}
    .news-list li .detail {display: none;}
    .news-list .txt-right {height: 85px;margin-left: 125px;}
    .hd-wrap {margin: 15px 0 0;}
	
	.law-news .news-list .item {width: auto;margin-right: 10px;margin-bottom: 0;float: none;}
    .law-news .swiper-container-horizontal {padding-bottom: 40px;}
    .law-news .news-list .txt {flex: 1;max-width: none;}
    .law-news .news-list .news-title {display: flex;}
    .law-news .news-list .time {width: 100px;vertical-align: bottom;}
    .law-news .news-list .news-summary {margin-right: 10px;}
    .law-news .swiper-pagination-bullet-active {background-color: #4dc4c0;}
    .law-news .link-formore {width: 6em;line-height: 30px;height: 30px;margin-top: 10px;background-color: #4dc4c0;color:#fff;font-size: 1.6rem;}
    .law-contact {height: auto;padding-bottom: 40px;}
	.input-wrap .hot-line{ width:95%;}
}