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,
button,article, aside, canvas, details, embed, figure,
figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark,
audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
button{background: transparent;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%;display: inline-block;}
a{display:block;}
html{
    line-height: initial;
}
input,
textarea {
border: 0;
-webkit-appearance: none;
}
input[type=number] {
    -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
body,html{
    font-size: 16px;
}
.wrap{
    width: 100%;
}
.index-content{
    width:1200px;
    margin:0 auto;
}
.index-box{
    display:flex;
    align-items: center;
}
.overflow-clamp{
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.scroll{
    overflow-x: scroll;
    white-space: nowrap;
    scrollbar-width: none;
}
.scroll::-webkit-scrollbar{
    display:none;
}
.text{
    font-size: 14px;
    color: #999
}
/* 首页 */
.header{
    position: relative;
}
.index-num {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .08);
    padding:30px 127px 30px 149px;
    border-radius: 12px;
    position:absolute;
    left:50%;
    bottom:-90px;
    transform:translate(-50%,0);
    background:#fff;
}
.index-num-item p{
    font-size: 41px;
    color: #FE6100;
    text-align: center;
}
.index-num-item p:last-child{
    font-size: 18px;
    color: #333;
    margin-top: 5px;
}
.index-num{
    justify-content:space-between;
}
.index-wx{
    margin-top: 153px;
}
.index-title-box{
    text-align: center;
}
.index-title{
    font-size: 32px;
    font-weight: bold;
    color: #333333;
    position: relative;
}
.index-title::after,.index-title::before{
    position: absolute;
    content:'';
    top: 50%;
    transform: translate(0,-50%);
    width: 484px;
    height: 16px;
    background:url(../img/border.png) no-repeat center;
}
.index-title::after{
    left:0;
}
.index-title::before{
    right:0
}
.index-text{
    font-size: 18px;
    color: #999999;
    margin-top: 4px;    
}
.wxlm-box{
    margin-top: 38px;
}
.ys-box{
    margin-top: 22px;
    justify-content:space-between;
}
.ys-item{
    width: 288px;
    height: 220px;
    border: 1px solid #EBEBEB;
    padding:23px 44px 26px 44px;
    text-align: center;
}
.ys-item .list-title{
    margin-top: 12px;
}
.ys-item .text{
    margin-top: 16px;
    line-height:21px
}
.index-sf{
    margin-top: 60px;
}
.sf-content{
    border: 1px solid #EBEBEB;
    margin-top: 56px;
}
.sf-box{
    padding:60px 54px 50px 54px;
    justify-content:space-between;
}
.sf-item img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.sf-item p{
    text-align: center;
}
.sf-bottom{
    justify-content:space-between;
    padding:10px 35px 10px 24px;
    background:rgba(254, 97, 0, .05);
}
.sf-left img{
    width: 68px;
    height: 68px;
    border-radius: 12px;
    margin-right:11px;
}
.sf-left-title{
    font-size: 32px;
    font-weight: bold;
    color: #000;
}
.sf-left-text{
    font-size: 18px;
    color: #FE6100;
    border: 1px solid #FE6100;
    height: 39px;
    line-height:39px;
    padding:0 14px;
    margin-left: 17px;
    position: relative;
    border-radius: 4px;
}
.sf-left-text::after,.sf-left-text::before{
    content:'';
    position:absolute;
    border:solid transparent;
    width:0;
    height:0;
    right:100%;
}
.sf-left-text::after{
    border-width: 6px;
    border-right-color: #fff;
    bottom: 12px;
}
.sf-left-text::before{
    border-width: 8px;
    border-right-color: #FE6100;
    bottom: 10px;
}
.sf-right{
    width: 129px;
    height: 45px;
    line-height:45px;
    background: #FE6100;
    border-radius: 25px;
    font-size: 18px;
    color: #fff;
    justify-content:center
}
.sf-right:hover{
    opacity: .8;
}
.sf-right img{
    width:6px;
    height:10px;
    margin-left: 7px;
}
.cjwt-content{
    justify-content:space-between;
    align-items:flex-start
}
.cjwt-box{
    width: 388px;
}
.cjwt-box .zxdt-box{
    margin-bottom: 0;
    padding-bottom: 22px;
    border-bottom: 1px dashed #EBEBEB;
}
.cjwt-box .zxdt-img{
    width: 102px;
    height: 68px;
    margin-right: 8px;
}
.cjwt-box .zxdt-item .text{
    margin-top: 6px;
}
.cjwt-box .wd-box{
    margin-top: 22px;
    margin-bottom: 0;
}
.rmwd-box .text{
    height:41px;
    line-height:20px;
    -webkit-line-clamp: 2;
    flex: 1;
}
.wd-left .list-title {
    flex: 1;
}
.wd-left a:hover{
    color:#E65800
}
.rmwd-item{
    margin-top: 24px;
}
.rmwd-item .wd-left:last-child{
    margin-top: 9px;
    align-items:flex-start
}
.jcwt-box{
    margin-top: 24px;
}
.cjwt-content .zx-item-img{
    margin-top: 0;
}
.cjwt-content-zxdt{
    margin-top: 30px;
}
.index-zxdt-item{
    position: relative;
}
.index-zxdt-item-title{
    width:100%;
    font-size: 18px;
    color: #FFFFFF;
    height:40px;
    line-height:40px;
    padding:0 16px;
    background:rgba(0, 0, 0, .6);
    position:absolute;
    left: 0;
    bottom:0;
}
.index-zxdt-item-title:hover{
    color:#E65800
}
.index-zxdt-item-box{
    justify-content:space-between;
    flex-wrap: wrap;
    margin-top: 12px;
}
.index-zxdt-item-box .index-zxdt-item{
    margin-top: 12px;
}
.index-zxdt-item-box .zx-item-img{
    width: 189px;
    height: 126px
}
.index-zxdt-item-box .index-zxdt-item-title{
    height:35px;
    line-height:35px;
    font-size: 16px;
    padding:0 9px;
}
.cjwt-content-cjwt{
    margin-top: 37px;
}
.cjwt-content-zxdt .zxdt-box{
    padding-bottom: 0;
}
.index-sf .wxpp-box{
    margin-top: 34px;
}
.index-sf .wxpp-item{
    width:186px;
    margin-right: 16px;
}
.index-sf .wxpp-item:nth-of-type(6n){
    margin-right: 0;
}
.yqlj{
    border: 1px solid #EBEBEB;
    margin-top: 20px;
}
.yqlj-title{
    margin: 0 24px;
    padding-top: 15px;
    border-bottom: 1px solid #EBEBEB;
}
.yqlj-title span{
    font-size: 18px;
    color: #333;
    display:inline-block;
    border-bottom: 2px solid #FE6100;
    padding-bottom: 9px;
}
.yqlj-box{
    flex-wrap: wrap;
    padding-bottom: 28px;
}
.yqlj-box a{
    font-size: 16px;
    color: #333;
    margin-left: 23px;
    margin-top: 24px;
}
.yqlj-box a:hover{
    color: #E65800
}
.footer{
    padding: 28px 0
}
.footer p{
    text-align: center;
    justify-content: center;
    font-size: 16px;
    color: #999;
}
.footer p a{
    font-size: 16px;
    color: #999;
    margin-left: 8px;
}
.footer p a:hover{
    color: #E65800
}
.footer p:last-child{
    margin-top: 6px;
}
.wxlm-box{
    justify-content:space-between;
}
.wxlm-item{
    width: 158px;
    height:176px;
    border: 1px solid #EBEBEB;
    padding:23px 30px;
    text-align: center;
    cursor: pointer;
}
.wxlm-item img{
    width: 94px;
    height:94px;
}
.wxlm-item a{
    margin-top: 5px;
    font-size: 16px;
    color: #333;
}
.wxlm-item:last-child{
    line-height:130px;
}
.wxlm-item:last-child a{
    margin-top: 0;
}
.wxlm-item:hover{
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}
.wxlm-item:not(:last-child):hover a{
    width: 80px;
    height: 30px;
    line-height: 30px;
    background: #FE6100;
    border-radius: 15px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin:0 auto
}
.wxlm-item:last-child:hover a{
    color: #E65800
}
.header-top{
    height: 35px;
    line-height:35px;
    background: #444444;
}
.header-top .index-content{
    justify-content:space-between;
}
.header-top-tell img{
    width: 22px;
    height:23px;
    margin-right: 8px;
}
.header-top-tell a{
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}
.header-top-title img{
    width: 7px;
    height:6px;
    margin-left: 6px;
}
.header-rigth a{
    font-size: 16px;
    color: #fff;
    margin-right: 40px;
}
.header-rigth{
    position: relative;

}
.header-rigth a:last-child{
    margin: 0;
}
.header-rigth-hover{
    position: absolute;
    top: 35px;
    left: 0;
    background:#fff;
    padding:16px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 10%);
    display:none
}
.header-rigth-hover img{
    width:100px;
    height:100px;
    margin:0;
}
.header-rigth a:hover .header-rigth-hover{
    display:block
}
.header-nav{
    width:100%;
    height:790px;
    background:url(../img/banner.jpg) no-repeat center;
}
.header-top-box .index-content{
    justify-content:space-between;
}
.header-top-box{
    width: 100%;
}
.fix{
    position: fixed;
    left: 0;
    top: 0;
    background:rgba(255,255,255,1);
    z-index:999;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 8%);
}
.index-logo{
    width: 231px;
    height:53px;
    margin-top: 21px;
    margin-bottom: 9px;
}
.index-logo img{
    width: 100%;
    height:100%;
}
.nav a{
    padding:6px 19px;
}
.nav a:last-child{
    margin-right: 0;
}
a.list-title-active{
    background: #FE6100;
    color:#fff;
    border-radius: 18px; 
}
.nav a:hover{
    background: #FE6100;
    color:#fff;
    border-radius: 18px;
}
.xd-fixed-title{
    position:fixed;
    left: 0;
    bottom: 0;
    width: 343px;
    height: 163px;
    line-height:163px;
    text-align: center;
    background: rgba(0, 0, 0, .8);
    border-radius: 0px 100px 100px 0px;
    font-size: 28px;
    color: #FFFFFF;
    cursor: pointer;
    z-index: 999;
    display:none
}
.xd-fixed-title img{
    width: 11px;
    height:19px;
    margin-left: 13px;
}
.xd-fixed-box{
    position:fixed;
    left: 0;
    bottom: 0;
    width:100%;
    height: 163px;
    background: rgba(0, 0, 0, .8);
    padding:0 100px;
    cursor: pointer;
    display: block;
    z-index: 999;
}
.xd-fixed-box-title{
    justify-content: center;
    margin: 26px 0;
}
.xd-fixed-box-title p{
    font-size: 28px;
    color: #FFFFFF;
}
.xd-fixed-box-title img{
    position:absolute;
    top: 26px;
    right:100px;
}
.xd-fixed-item{
    justify-content:space-between;
}
.xd-item{
    width: 267px;
    height: 45px;
    line-height:45px;
    padding:0 20px 0 16px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    justify-content:space-between;
}
.xd-item p{
    font-size: 16px;
    color: #333333;
}
.xd-item img{
    width: 11px;
    height:8px;
}
.xd-item input{
    font-size: 16px;
    color: #333333;
    outline: none;
    flex: 1;
}
.xd-item input::placeholder{
    color: #999999;
}
.xd-code{
    font-size: 16px;
    color: #FE6100;
    padding-left: 9px;
    padding-right: 16px;
    position: relative;
}
.xd-code::after{
    position: absolute;
    left: 0;
    top: 50%;
    content:'';
    width: 1px;
    height: 21px;
    background:#ddd;
    transform:translate(0,-50%)
}
.xd-item1{
    width: 322px;
    padding-right: 0;
}
.xd-item2{
    width: 215px;
    background: #FE6100;
    border: none;
    font-size: 16px;
    color: #fff;
    justify-content:center
}
.fixed-right{
    width: 100px;
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    position:fixed;
    bottom:163px;
    right:0
}
.fixed-right a{
    border-bottom: 1px solid #EBEBEB;
    padding:18px 0;
    text-align: center;
}
.fixed-right-img{
    width: 46px;
    height:46px;
    margin: 0 auto;
}
.fixed-right a:nth-child(1) .fixed-right-img{
    background:url('../img/fixed (1).png') no-repeat center;
    background-size:cover;
}
.fixed-right a:nth-child(2) .fixed-right-img{
    background:url('../img/fixed (2).png') no-repeat center;
    background-size:cover;
}
.fixed-right a:nth-child(3) .fixed-right-img{
    background:url('../img/fixed (3).png') no-repeat center;
    background-size:cover;
}
.fixed-right a:nth-child(4) .fixed-right-img{
    background:url('../img/fixed (4).png') no-repeat center;
    background-size:cover;
}
.fixed-right a:nth-child(1):hover .fixed-right-img{
    background:url('../img/fixed-active (1).png') no-repeat center;
    background-size:cover;
}
.fixed-right a:nth-child(2):hover .fixed-right-img{
    background:url('../img/fixed-active (2).png') no-repeat center;
    background-size:cover;
}
.fixed-right a:nth-child(3):hover .fixed-right-img{
    background:url('../img/fixed-active (3).png') no-repeat center;
    background-size:cover;
}
.fixed-right a:nth-child(4):hover .fixed-right-img{
    background:url('../img/fixed-active (4).png') no-repeat center;
    background-size:cover;
}

.fixed-right a p{
    font-size: 16px;
    color: #333;
}
.fixed-right a:last-child{
    border:none;
    padding:33px 0 28px 0;
}
.fixed-right a:hover{
    background:#E65800;
}
.fixed-right a:hover p{
    color:#fff
}
.fixed-right a:hover .fixed-hover{
    display:block;
}
.fixed-hover{
    width: 231px;
    background: #FFFFFF;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
    border-radius: 6px;
    padding:20px 15px;
    text-align:left;
    position:absolute;
    left: -240px;
    top: 0;
    display:none;
}
.fixed-hover1{
    top:118px;
}
.fixed-hover .text{
    margin-top: 12px;
}
.header-top-btn{
    height:22px;
    line-height:22px;
    background:#fff;
    border-radius: 13px;
    font-size: 12px !important;
    color: #333333 !important;
    padding:0 12px !important;
}
.header-top-btn:hover{
    color: #E65800 !important;
}
/* 维修列表 */
.list .pages{
    margin-top: 32px;
    margin-bottom: 16px;
}
.main-title{
    margin-top: 16px;
}
.main-title a:last-child{
    flex: 1;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.main-title,.main-title a{
    font-size: 16px;
    color:#666
}
.list-box{
    margin-top: 24px;
    flex-wrap: wrap;
}
.list-item{
    text-align: center;
    width: 285px;
    background: #F8F8F8;
    padding: 16px;
    padding-bottom: 60px;
    margin-bottom: 16px;
    margin-right: 20px;
}
.list-item:nth-of-type(4n){
    margin-right: 0;
}
.list-item:hover{
    box-shadow: 0px 3px 6px rgb(0 0 0 / 10%);
}
.list-item .list-title:hover{
    color:#E65800;
}
.list-item .list-btn:hover{
    opacity: .8;
}
.list-img{
    width: 100%;
    height: 250px;
    margin: 0 auto;
    margin-bottom: 3px;
}
.list-img img{
    width: 100%;
    height: 100%;
}
.list-title{
    font-size: 18px;
    color: #333;
}
.list-btn{
    width: 87px;
    height: 30px;
    line-height:30px;
    background: #FE6100;
    border-radius: 15px;
    margin:0 auto;
    margin-top: 12px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.pages{
    justify-content:center;
}
.pages a:first-child{
    margin-right: 24px;
}
.pages a{
    width: 110px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #409EFF;
    border-radius: 19px;
    font-size: 18px;
    text-align: center;
    color: #409EFF;
}
.pages a:hover{
    background: #409EFF;
    color: #fff;
}
/* 维修网点 */
.wxwd-box{
    margin-top: 16px;
    justify-content:space-between;
    flex-wrap: wrap;
}
.wxwd-item{
    width:588px;
    border: 1px solid #EBEBEB;
    padding:36px;
    padding-bottom: 29px;
    margin-top: 24px;
}
.wxwd-item:hover{
    box-shadow: 0px 3px 6px rgb(0 0 0 / 10%);
}
.wxwd-item .wxwd-btn a:hover{
    opacity: .8;
}
.wxwd-title{
    margin-bottom: 20px;
}
.wxwd-title a,.wxwd-title div{
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    max-width: 410px;
}
.wxwd-title div{
    max-width: 690px;
}
.wxwd-title a:hover{
    color: #E65800
}
.wxwd-title p{
    margin-left: 14px;
    background:rgba(254, 97, 0, .17);
    padding:5px 10px;
    border-radius: 16px;
    font-size: 16px;
    color: #FE6100;
}
.wxwd-item-title{
    margin-top: 12px;
    font-size: 16px;
    color: #333;
}
.wxwd-item-title p{
    font-size: 16px;
    color: #999;
}
.wxwd-item-title span{
    font-size: 16px;
    color: #333;
    flex: 1;
}
.wxwd-item-title:last-child{
    -webkit-line-clamp: 2;
    line-height: 27px;
    height:48px;
}
.wxwd-btn{
    margin-top: 28px;
}
.wxwd-btn a:hover{
    opacity: .8;
}
.wxwd-btn a{
    width: 98px;
    height: 35px;
    line-height:32px;
    font-size: 16px;
    border-radius: 15px;
    text-align: center;
}
.wxwd-btn a:first-child{
    border: 1px solid #FE6100;
    color: #FE6100;
    margin-right: 12px;
}
.wxwd-btn a:last-child{
    background:#FE6100;
    color:#fff
}
.shwd-select{
    margin-top: 24px;
}
.shwd-select-box{
    margin-top: 15px;
    padding-bottom: 5px;
    flex-wrap: wrap;
    align-items:flex-start
}
.shwd-select-box p{
    font-size: 16px;
    color: #333333;
}
.shwd-select-item{
    margin-left: 14px;
    flex: 1;
    text-align: center;
}
.shwd-select-item .index-box{
    justify-content: flex-start;
}
.shwd-select-item .index-box{
    flex-wrap: wrap;
}
.shwd-select-item a{
    font-size: 14px;
    color: #666666;
    height: 27px;
    background: #F5F5F5;
    margin-right: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:0 12px;
}
.wxpp-title-a a{
    width: 33px;
    line-height:27px;
    text-align: center;
}
.shwd-select-item a:hover{
    background: #2776FF;
    color: #FFFFFF;
}
.shwd-select-a{
    font-size: 14px;
    color: #2776FF !important;
    background:transparent !important;
    display: inline-block;
}
.shwd-select-a img{
    width:11px;
    height:6px;
    margin-left: 4px;
    
}
.dmdq-ts{
    height: 40px;
    background:#F1F6FB;
    line-height:40px;
    padding-left: 25px;
    font-size: 14px;
    color: #666666;
}
.dmdq-ts span{
    font-size: 14px;
    color:#2776FF
}
.active-height {
    height: 74px;
    overflow: hidden;
}
.active-height1 {
    height: 33px;
    overflow: hidden;
}
.active-rotate{
    transform:rotate(180deg)
}
a.shwd-select-active{
    background: #2776FF;
    color: #FFFFFF;
}
.wxwd-tj{
    margin-top: 24px;
}
.wxwd-box-content{
    margin-top: 0;
    margin-bottom: 40px;
}
/* 文章详情 */
.wzDetails-box{
    padding:0 30px;
    padding-top: 44px;
}
.wzDetails-box-title{
    font-size: 26px;
    color: #333;
    font-weight: bold;
}
.wzDetails-box-number{
    display:flex;
    align-items: center;
    margin-top: 20px;
    padding-bottom: 30px;
    border-bottom: 1px dashed #EBEBEB;
}
.wzDetails-box-number p{
    font-size: 14px;
    color: #999;
}
.wzDetails-box-number p:first-child{
    margin-right: 27px;
}
.wzDetails-box-text{
    font-size: 16px;
    color: #333;
    margin-top: 28px;
}
.wzDetails-box-img{
    width:437px;
    height:292px;
    margin-top: 20px;
    margin-bottom: 43px;
}
.wzDetails-box-img img{
    width:100%;
    height:100%;
}
.wzDetails-content-title{
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-bottom: 30px;
}
.wzDetails-content-text{
    font-size: 16px;
    color: #333;
    margin-bottom: 30px;
}
.wzDetails-tag{
    display:flex;
    align-items: center;
    margin-top: 13px;
    flex-wrap: wrap;
}
.wzDetails-tag a:first-child{
    font-size: 16px;
    color: #999999;
    background:transparent;
    margin-right: 0;
}
.wzDetails-tag a{
    background-color: #F1F6FB;
    color:#0099FF;
    font-size: 14px;
    height:29px;
    line-height:29px;
    padding: 0 5px;
    margin-right: 9px;
    border-radius: 3px;
    margin-bottom: 15px;
    
}
.wzDetails-tag a:last-child{
    margin-right: 0;
}
.wzDetails-bq p{
    font-size: 16px;
    color: #999999;
    margin-bottom: 10px;
}
.wzDetails-bq-box{
    font-size: 16px;
    color: #333;
    font-weight: bold;
    display:flex;
    align-items: center;
    flex-wrap: wrap;
}
.wzDetails-bq-box a{
    color: #FE6100;
    display:contents
}
.wzDetails-gg-box{
    width:100%;
    height:100%;
    margin-top: 15px;

}
.wzDetails-gg-box img{
    width:100%;
    height:100%;
    margin-bottom: 26px;
}
.wzDetail-pages{
    margin: 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.wzDetail-pages-a{
    background:#fff;
    width:429px;
    height:88px;
    padding: 0 18px;
}
.wzDetail-pages-a p{
    font-size: 14px;
    color: #999;
    margin-top: 21px;
    margin-bottom: 10px;
}
.wzDetail-pages-a a{
    font-size: 16px;
    color: #333;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.wzDetail-gg{
    background:#fff;
    padding:20px;
}
.wzDetail-gg-content{
    width:100%;
    background: linear-gradient(180deg, #263747 0%, #30495A 100%);
    padding: 23px 14px 5px 14px;
}
.wzDetail-gg-top{
    display:flex;
}
.wzDetail-gg-top-left{
    display: flex;
    align-items: center;

}
.wzDetail-gg-top-left img{
    width:111px;
    height:150px;
    margin-right: 16px;
}
.wzDetail-gg-content-box{
    flex: 1;
}
.wzDetail-gg-content-box-title{
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    display:flex;
    align-items: center;
    margin-bottom: 18px;
}
.wzDetail-gg-content-box-title p{
    font-size: 14px;
    color: #FF6600;
    margin-left: 10px;
}
.wzDetail-gg-content-box-text{
    font-size: 14px;
    color: #fff;
    line-height:22px;
    margin-bottom: 10px;
}
.wzDetail-gg-content-box-text span{
    font-size: 14px;
    color: #7D8D97;
}
.wzDetail-gg-content-box-text1{
    display:flex !important;
    align-items: center;
}
.wzDetail-gg-content-box-text a{
    font-size: 18px;
    color: #FFE100;
    font-weight: bold;
    margin-bottom: 0;
}
.wzDetail-gg-btn{
    margin-left: 24px;
    margin-top: 11px;
}
.wzDetail-gg-btn a{
    width: 129px;
    height: 46px;
    border-radius: 3px;
    font-size: 15px;
    line-height:46px;
    text-align: center;
}
.wzDetail-gg-btn a:first-child{
    background: #FFE100;
    color: #394551;
    margin-bottom: 19px;
}
.wzDetail-gg-btn a:last-child{
    background: #E65800;
    color: #fff;
}
.wzDetail-gg-ul{
    display:flex;
    align-items: center;
    justify-content:space-between;
    margin-top: 37px;
}
.wzDetail-gg-ul li{
    width:96px;
    height:96px;
    position: relative;
}
.wzDetail-gg-ul li img{
    width:100%;
    height:100%;
}
.wzDetail-gg-ul li p{
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 12px;
    color: #fff;
    margin-left: -22px;
    margin-top: -12px;
}
.wzDetail-gg-ul-p{
    font-size: 12px;
    color: #fff;
    opacity: .4;
    text-align: right;
    margin-top: 10px;
}
.main-splist-box a{
    width:207px;
    height:305px;
}
.main-splist-box .main-fwtj-img{
    width: 177px;
    height: 173px;
}
.main-splist-box .main-fwtj-img img{
    width:100%;
    height: 100%;
}
.main-splist-box .mian-fwtj-kong{
    width: 100%;
    height: 100%;
}
.main-splist-box .main-fwtj-box-title{
    margin-top: 14px;
    margin-bottom: 6px;
}
.main-splist-box .main-fwtj-box-price{
    margin-top: 15px;
}
.splist-content{
    width: 888px;
}
.main-splist-box a{
    margin-right: 15px !important;
}
/* 问答 */
.wd-box{
    margin-bottom: 24px;
}
.wd-item{
    justify-content:space-between;
    margin-top: 16px;
}
.wd-left{
    flex: 1;
}
.wd-img{
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #FE6100;
    border-radius: 2px;
    text-align:center;
    font-size: 14px;
    color: #fff;
    margin-right: 8px;
}
.wd-img-d{
    background:#0099FF
}
.wd-item .text{
    margin-left: 16px;
}
.main-content{
    display: flex;
    justify-content:space-between;
}
/* 资讯 */
.zx-title{
    padding-bottom: 9px;
    border-bottom: 1px solid #EBEBEB;
    justify-content:space-between;
}
.zx-title p{
    font-size: 18px;
    color: #FE6100;
}
.zx-title a{
    width: 6px;
    height: 10px;
}
.zx-title a img{
    width: 100%;
    height:100%;
}
.zx-item-img{
    width: 100%;
    height: 259px;
    border: 1px solid #EBEBEB;
    margin-top: 16px;
}
.zx-item-img img{
    width: 100%;
    height:100%;
}
.zx-item-title{
    margin-top: 12px;
}
.zx-item-title:hover{
    color: #E65800
}
.zx-item-text{
    -webkit-line-clamp: 2;
    margin-top: 6px;
}
.fw-tj{
    margin-top: 16px;
}
.fw-tj .list-item{
    width: 278px;
    margin-right: 18px;
}
.fw-tj .list-item:nth-of-type(3n){
    margin-right: 0;
}
.fw-tj .list-img{
    height:246px;
}
.fw-tj .wxpp-box{
    margin-top: 24px;
}
.fw-tj .wxpp-item{
    width:161px;
    margin-right: 16px;
}
.fw-tj .wxpp-item:nth-of-type(5n){
    margin-right: 0;
}
/* 维修品牌 */
.wxpp-item{
    width: 181px;
    margin-right: 10px;
    margin-bottom: 29px;
}
.wxpp-item a:hover{
    color: #E65800
}
.wxpp-content-box .wxpp-item:nth-of-type(6n){
    margin-right: 0;
}
.wxpp-item-img{
    border: 1px solid #EBEBEB;
    width:100%;
    height: 80px;
    line-height: 64px;
    padding:8px
}
.wxpp-item-img img{
    width: 100%;
    height: 64px;
}
.wxpp-item-title{
    font-size: 16px;        
    color: #333333;
    text-align: center;
}
.wxpp-item-title:last-child{
    margin-top: 12px;
}
.wxpp-content{
    margin-top: 16px;
}
.wxpp-content-box{
    align-items: flex-start;
}
.wxpp-content-box p{
    font-size: 14px;
    color: #666666;
    width: 33px;
    height: 27px;
    background: #F5F5F5;
    line-height: 27px;
    text-align: center;
    margin-right: 30px;
}
.wxpp-box{
    flex-wrap: wrap;
    flex: 1;
}
/* 品牌详情 */
.details-pp{
    align-items: flex-start;
}
.details-pp .wxpp-item-img{
    margin-top: 0;
    width:250px;
    height:100px;
}
.details-pp .wxpp-item-img img{
    height: 80px;
}
.details-pp-right{
    flex: 1;
    margin-left: 16px;
}
.details-pp-right .list-title{
    font-weight: bold;
    font-size: 24px;
}
.details-pp-text{
    font-size: 16px;
    color: #666;
    line-height:24px;
    margin-top: 8px;
}
/* 资讯动态 */
.zxdt-box{
    margin-top: 24px;
    margin-bottom: 50px;
}
.zxdt-item{
    align-items:flex-start;
    margin-top: 16px;
}
.zxdt-item .zxdt-right .list-title:hover{
    color: #E65800
}
.zxdt-item .zxdt-right .tag-item a:hover{
    opacity: .8;
}
.zxdt-img{
    width:180px;
    height:117px;
    margin-right: 16px;
    border: 1px solid #EBEBEB;
}
.zxdt-img img{
    width: 100%;
    height: 100%;
}
.zxdt-right{
    flex: 1;
}
.zxdt-item .text{
    margin-top: 8px;
    height:38px;
    line-height:19px;
    -webkit-line-clamp: 2;
}
.tag-box{
    margin-top: 16px;
    justify-content:space-between;
}
.tag-item a{
    height: 30px;
    line-height: 30px;
    background: #FE6100;
    border-radius: 15px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding:0 10px;
    margin-right: 8px;
}
.tag-item a:last-child{
    margin-right: 0;
}
.timer{
    font-size: 14px;
    color: #999
}
.index-num-h5{
    display:none;
}
.banner-h5{
    display:none;
}
.details-pp-box .jcwt-box{
    margin-top: 16px;
}
.details-pp-box .fw-tj:last-child{
    margin-top: 24px;
}
/* list详情 */
.details-content-top{
    display:flex;
    padding:33px 30px;
    background-color: #f5f5f5;
    flex-wrap: wrap;
    margin-top: 24px;
}
.details-content-top-swiper{
    width: 419px;
    overflow: hidden;
    position: relative;
}
.details-content-right{
    flex: 1;
    margin-left: 33px;
    position: relative;
}
.details-content-right-title{
    font-size: 28px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 12px;
}
.details-content-right-text{
    font-size: 16px;
    color: #999;
    line-height:26px;
    height: 47px;
    width: 497px;
}
.details-content-right-price{
    margin-top: 24px;
    margin-bottom: 6px;
    font-size: 32px;
    color: #FE6100;
}
.details-content-right-price span{
    font-size: 18px;
}
.details-content-right-p{
    display:flex;
    align-items: center;
}
.details-content-right-p p{
    font-size: 16px;
    color: #333333;
    margin-right: 3px;
}
.details-content-right-p img{
    width:11px;
    height:7px;
}
.details-content-right-ul{
    margin-top: 111px;
    display:flex;
    align-items: center;
}
.details-content-right-ul li{
    display:flex;
    align-items: center;
    margin-right: 30px;
}
.details-content-right-ul li:last-child{
    margin-right: 0;
}
.details-content-right-ul li img{
    width:17px;
    height:17px;
    margin-right: 4px;
}
.details-content-right-ul li p{
    font-size: 14px;
    color: #666;
}
.details-content-bth{
    margin-top: 23px;
    display:flex;
    align-items: center;
}
.details-content-bth a{
    height: 39px;
    line-height:39px;
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.details-content-bth a:hover{
    opacity: .7;
}
.details-content-bth a:nth-child(1){
    width: 180px;
    background: #0099FF;
    margin-right: 15px;
}
.details-content-bth a:nth-child(2){
    width: 309px;
    background: #FE6100;
    margin-right: 43px;
}
.details-content-bth a:nth-child(3){
    display: flex;
    align-items: center;
}
.details-content-bth a:nth-child(3) img{
    width:34px;
    height:30px;
    margin-right: 10px;
}
.details-content-bth a:nth-child(3) p{
    font-size: 16px;
    color: #333;
}
.details-content-ewm{
    width: 169px;
    border: 1px solid #EBEBEB;
    position:absolute;
    top: 0;right: 0;
}
.details-content-ewm img{
    width: 126px;
    height:126px;
    margin: 21px;
    display: block;
}
.details-content-ewm-box{
    border-top: 1px solid #EBEBEB;
    height:64px;
}
.details-content-ewm-box p{
    font-size: 16px;
    color: #999;
    margin-top: 8px;
    text-align: center;
}
.details-content-ewm-box p:last-child{
    font-size: 12px;
    margin-top: 5px;

}
.swiper-button-next,.swiper-button-prev{
    display:none;
}
.mySwiper2 {
height:315px;
width: 100%;
}

.mySwiper {
height: 20%;
box-sizing: border-box;
padding: 7px 0;
}

.mySwiper .swiper-slide {
width: 100%;
height: 60px;
opacity: 0.4;
}

.mySwiper .swiper-slide-thumb-active {
opacity: 1;
}

.swiper-slide img {
display: block;
width: 100%;
height: 100%;
}
.details-bottom-right{
    width:872px;
}

.details-content-bottom{
    margin-top: 26px;
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.service-rxtj-right {
    width: 872px;
}

.service-box1 {
    padding: 0 17px;
}

.service-box-item1 {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    margin-top: 19px;
}

.service-box-item1 .service-box-item-img {
    width: 100%;
    height: 264px;
}

.service-rxtj-right-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    border-bottom: 1px solid #EBEBEB;
    background-color: #fff;
}
.service-rxtj-right-content{
    background-color: #fff;
}

.service-rxtj-right-a {
    display: flex;
    align-items: center;
    height: 100%;

}

.service-rxtj-right-a+a {
    width: 180px;
    line-height: 50px;
    text-align: center;
    background-color: #0099FF;
}
.service-rxtj-right-a a {
    width: 180px;
    height: 100%;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #333333;
}

.service-rxtj-right-a-text {
    color: #fff !important;
    background-color: #E65800;
}
.service-rxtj-right-a a:hover{
    color: #fff !important;
    background-color: #E65800;
}
.service-rxtj-xq {
    padding-top: 16px;
}
.service-rxtj-xq img {
    width: 100%;
    height: 100%;
}
.service-rxtj-sfbz {
    padding:  30px;
}

table {
    border-spacing: 0;
    width: 100%;
    margin-top: 20px;
}

table tr {
    line-height: 50px;
    text-align: center;
}

table tr th {
    color: #333;
    font-size: 16px;
}

table tr td {
    width: 50%;
    color: #666;
    font-size: 14px;
}

.article-list-left-ul {
    display: flex;
    align-items: center;
    margin-top: 19px;
    justify-content: end;
    padding-right: 30px;
}

.article-list-left-ul li {
    padding: 0 15px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #DDDDDD;
    cursor: pointer;
    border-right: none;
}

.article-list-left-ul li:last-child {
    border-right: 1px solid #DDDDDD;
}

.article-list-left-ul li a {
    font-size: 14px;
    color: #333;
}

.article-list-left-ul li:hover {
    background: #0099FF;
}

.article-list-left-ul li:hover a {
    color: #fff;
}

li.article-list-left-ul-active {
    background: #0099FF;
}

li.article-list-left-ul-active a {
    color: #fff;

}
.article-list-left-title{
    font-size: 20px;
    color: #333333;
    text-align: center;
}
.details-box{
    display:none;
}
.details-box-active{
    display:block
}
.table-box{
    padding: 0 10px;
    padding-bottom: 10px;
}
.table-box p,.table-box-p{
    font-size: 14px;
    color: #666;
    line-height:25px;
}
.table-box-p{
    margin-top: 10px;
}
.header-nav-h5{
    display:none;
}
.main-details{
    margin-top: 24px;
}
.details-bottom-left{
    margin-top: 16px;
    width:310px;
}
.details-bottom-left1{
    margin-top: 0;
}
.details-bottom-left .cjwt-box{
    width:100%;
    margin-bottom: 24px;
}
.details-bottom-left .zxdt-box{
    margin-top: 16px;
    padding-bottom:16px;
}
.details-bottom-left .wxwd-box{
    margin-top: 0;
}
.details-bottom-left .wxwd-item{
    margin-top: 16px;
    padding: 12px
}
.details-bottom-left .wxwd-title p{
    display:none
}
.details-bottom-left .wxwd-item-title{
    height:auto;
}
.details-bottom-left .wxpp-item{
    width: 49%;
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 16px;
}
.details-bottom-left .wxpp-box{
    justify-content:space-between;
}
.fwtj-bottom-right{
    width: 100%;
    border: 1px solid #EBEBEB;
    background:#fff;
    margin-bottom: 20px;
}
.fwtj-right-top{
    width: 100%;
    height: 80px;
    background: url(../img/bg.png) no-repeat center;
    background-size: cover;
    text-align: center;
}
.fwtj-right-top p{
    font-size: 18px;
    color: #333;
    padding-top: 16px;
    margin-bottom: 3px;
    font-weight: bold;
}
.fwtj-right-top span{
    font-size: 12px;
    color: #999999;
}
.fwtj-right-content{
    width: 100%;
    padding:15px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}
.city-input{
    width: 100%;
    position: relative;
}
.code{
    position:absolute;
    top: 0;
    right: -1px;
    font-size: 14px;
    color: #ffff;
    background:#E65800;
    height:37px;
    line-height: 37px;
    padding:0 12px;
    border-radius: 3px;
}
.code:hover{
    opacity: .8;
    cursor: pointer;
}
.city-po{
    position: relative;
}
.fwtj-input{
    width: 100%;
    height: 35px;
    background: #FFFFFF;
    border: 1px solid #BBBBBB;
    border-radius: 3px;
    outline: none;
    margin-bottom: 15px;
    text-indent: 0.5rem;
    padding:0
}
.fwtj-input::placeholder{
    font-size: 13px;
    color: #999;
}
.fwtj-select{
    position: relative;
}
.fwtj-select img{
    position: absolute;
    top: 50%;
    right:17px;
    margin-top: -3px;
    width: 8px;
    height: 7px;
    z-index: 999;
}
.fwtj-select p{
    line-height: 33px;
    font-size: 14px;
    color: #999999;
}
.fwtj-select-ul{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.fwtj-btn{
    height: 35px;
    font-size: 14px;
    color: #FFFFFF;
    border-radius: 3px;
    background: #E65800;
    cursor: pointer;
}
.fwtj-btn:hover{
    opacity: .8;
}
.fwtj-text-active{
    font-size: 18px;
    font-weight: bolder;
    padding-left: 0 !important;
}
.fwtj-text-active::before{
    display: none;
}
.fwtj-text-active .fwtj-main-text{
    display: block;
}
select{
    padding:5px 0;
    border: none;
    background: #FFFFFF;
    border-radius: 3px;
    outline: none;
    text-indent: 0.5rem;
}
select::-ms-expand { display: none; }
.zxdtDetails-title{
    font-size: 28px;
    color: #333;
    margin-top: 40px;
}
.zxdtDetails-text{
    margin: 16px 0;
    padding-bottom: 16px;
    border-bottom: 1px solid #EBEBEB;
}
.zxdtDetails-text .list-btn{
    margin:0;
    margin-right: 16px;
}
.zxdtDetails-text div{
    margin-right: 16px;
    font-size: 16px;
}
.zxdtDetails-text .list-title{
    color: #999;
}
.zxdtDetails-box{
    margin-bottom: 24px;
}
.zxdtDetails-box,.zxdtDetails-box p,.zxdtDetails-box div{
    font-size: 16px;
    color:#333;
    line-height:30px
}
.zxdtDetails-box img{
    display: flex;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    margin: 16px 0;
}
.zxdtDetails-pages{
    justify-content:space-between;
    margin-bottom: 24px;
}
.zxdtDetails-pages-box{
    width: 49%;
    background:rgba(254, 97, 0, .05);
    padding:12px 16px;
}
.zxdtDetails-pages-box p{
    font-size: 16px;
    color: #999;
}
.zxdtDetails-pages-box a{
    font-size: 16px;
    color: #333;
    margin-top: 6px;
}
.zxdtDetails-pages-box a:hover{
    color: #E65800
}
.pages-list{
    margin-top: 32px;
}
.zxdtDetails-hd{
    margin-bottom: 16px;
}
.zxdtDetails-hd img{
    width:40px;
    height:40px;
    border-radius: 50%;
    margin-right: 16px;
}
.zxdtDetails-hd div{
    font-size: 16px;
}
.zxdtDetails-hd div:last-child{
    margin-left: 16px;
}
.select-h5{
    display:none
}
.details-wxwd .wxwd-box{
    margin-top: 0;
}
.details-wxwd .wxwd-item{
    margin-top: 0;
    width: 100%;
}
.details-wxwd .details-bottom-left{
    margin-top: 0;
}
.lxwm-title-box .index-title{
    text-align: center;
    margin-top: 24px;
}
.lxwm-title-box .index-title::after,.lxwm-title-box .index-title::before{
    display:none;
}
.lxwm-title-text{
    text-align: center;
    font-size: 16px;
    color: #999;
    margin-top: 6px;
}
.lxwm-gywm{
    font-size: 20px;
    font-weight: bold;
    margin-top: 24px;
}
.lxwm-text{
    font-size: 16px;
    line-height:24px;
    margin-top: 16px;
    color: #666;
}
.lxwm-item{
    margin-top: 10px;
    margin-bottom: 16px;
}
.lxwm-item-text{
    margin-top: 12px;
}
.lxwm-item-text span{
    font-size: 16px;
}
.lxwm-item-text p{
    font-weight: bold;
    color:#666;
}
.lxwm-item-text a{
    color: #E65800;
    font-size: 16px;
}
.lxwm-box .fwtj-right-content{
    padding:0;
    margin: 16px 0;
}
.lxwm-box .fwtj-btn{
    width: 200px;
    margin: 0 auto;
    margin-top: 8px;
}
.lxwm-box .fwtj-input{
    margin-right: 8px;
}
.lxwm-box .city-input{
    margin-right: 8px;
}
/* 地图 */
#container {
    width: 100%;
    height: 330px;
    margin: 24px auto
}
.err{
    width: 421px;
    height:217px;
    position: relative;
    left:50%;
    top: 0;
    transform:translate(-50%,50%)
}
.err img{
    width:100%;
    height:100%;
}
.err-box{
    position:absolute;
    bottom: 0;
    right:-30px
}
.err-box p{
    font-size: 18px;
    color: #999;
}
.err-box div{
    height: 30px;
    line-height: 28px;
    padding:0 12px;
    border: 1px solid #0474F5;
    opacity: 1;
    border-radius: 18px;
    color: #0474F5;
    font-size: 14px;
    display:inline-block;
    margin-top: 29px;
}
.index-xd .fwtj-input{
    position: relative;
}
.index-xd .xd-code{
    position:absolute;
    top: 0;
    right:0
}
.index-xd .fwtj-input,.index-xd .city-input,.index-xd .fwtj-btn{
    width: 267px;
    margin-bottom: 0;
    margin-right: 22px;
    height:45px;
    line-height:43px;
}
.index-xd .fwtj-btn{
    margin-right: 0;
}
.xd-fixed-box .fwtj-right-content{
    padding:0
}
.gg{
    width: 100%;
    height: 100%;
    margin-top: 16px;
}
.city-input-ui::-webkit-scrollbar{
    display:none;
}
.city-input-ui{
    width: 100%;
    position: absolute;
    bottom: 44px;
    left: 1px;
    background: #fff;
    width: 100%;
    z-index: 99;
    border: 1px solid #EBEBEB;
    display:none;
    height:310px;
    overflow: hidden;
    overflow-y: scroll;
}
.city-input-ui li{
    font-size: 12px;
    padding: 0 5px;
    height:30px;
    line-height:30px;
}
.lxwm-box .city-input-ui{
    bottom: 51px
}
.wxpp-height{

}
/* h5 */
@media only screen and (max-width: 768px ) { 
    .index-content{
        width: 100%;
    }
    .header-top{
        padding:0 16px;
    }
    .header-rigth a{
        margin-right: 20px;
    }
    .header-top-title{
        display:none;
    }
    .index-num-pc{
        display:none
    }
    .banner-h5{
        display: block;
    }
    .index-num-h5{
        display:block;
        padding: 0 16px;
    }
    .fix{
        position:static
    }
    .header-nav{
        height:65px;
        background:none;
    }
    .header-nav .index-content{
        flex-wrap: wrap;
    }
    .index-logo{
        display:none
    }
    .nav{
        padding:0;
        margin-top: 16px;
        padding-bottom: 16px;
        background:#fff
    }
    .index-num{
        padding:12px;
        position: relative;
        bottom: 0;
    }
    .index-num-item p{
        font-size:22px;
        margin:0;
    }
    .index-num-item p:last-child{
        font-size:14px;
    }
    .index-wx{
        margin-top: 32px;
    }
    .index-title{
        font-size: 24px;
    }
    .index-title::after, .index-title::before{
        display: none;
    }
    .main{
        padding:0 16px;
    }
    .xd-fixed-title,.xd-fixed-box{
        display:none
    }
    .fixed-right{
        display:block;
        z-index: 9;
        width: 68px;
        bottom: 20px;
    }
    .fixed-right a{
        padding: 12px 0;
    }
    .fixed-right-img {
        width: 34px;
        height: 34px;
    }
    .fixed-right a p {
        font-size: 12px;
    }
    .fixed-right a:last-child{
        padding:12px 0;
    }
    .wxlm-item{
        width: 100px;
        padding:0;
        padding-top: 0;
        height:107px;
        flex: none;
    }
    .wxlm-item img {
        width: 70px;
        height: 70px;
    }
    .wxlm-item a{
        margin-top: 0;
        height:auto;
    }
    .wxlm-item:last-child a{
        line-height:107px;
    }
    .index-text{
        font-size: 17px;
    }
    .wxlm-box{
        margin-top: 16px;
        overflow-y: hidden;
    }
    .index-sf{
        margin-top: 24px;
    }
    .ys-box{
        flex-wrap: wrap;
        margin-top: 16px;
    }
    .ys-item{
        padding:16px;
        width:50%;
        height:185px;
        padding-bottom: 0;
    }
    .ys-item img{
        width: 40px;
    }
    .sf-content{
        margin-top: 16px;
    }
    .sf-box{
        padding: 16px;
        padding-right: 0;
    }
    .sf-left-title{
        font-size: 20px;
    }
    .sf-left img{
        display:none;
    }
    .sf-left-text{
        display:none
    }
    .sf-bottom{
        padding:10px 16px;
    }
    .sf-right{
        width: 88px;
        height:30px;
        line-height:30px;
        font-size: 14px;
    }
    .list-box{
        margin-top: 0px;
    }
    .list-box,.fw-tj .list-box{
        justify-content:space-between
    }
    .list-item,.fw-tj .list-item{
        width: 48%;
        padding: 12px 0;
        margin-top: 16px;
        margin-right: 0;
        margin-bottom: 0;
    }
    .index-sf .list-item{
       margin-right: 0 !important;
    }
    .index-sf .list-img{
        height:168px !important
    }
    .list-item .list-img,.fw-tj .list-item .list-img{
        height: 168px;
    }
    .fw-tj .list-item{
        margin-right: 12px;
        margin-bottom: 0;
        margin-right: 0;
    }
    .list-title{
        font-size: 16px;
    }
    .ys-item .list-title{
        font-size: 14px;
        margin-top: 3px;
    }
    .ys-item .text{
        margin-top: 6px;
        font-size: 12px;
    }
    .list-btn{
        font-size: 12px;
        width: 77px;
    }
    .sf-item{
        margin-right: 16px;
        flex: none;
    }
    .sf-item img{
        width: 70px;
        height: 70px;
    }
    .wxwd-box{
        margin-top: 0;
    }
    .wxwd-item{
        padding: 12px;
        padding-bottom: 16px;
        width: 100%;
        margin-top: 16px;
    }
    .wxwd-title p{
        display:none
    }
    .wxwd-title{
        margin-bottom: 6px;
    }
    .wxwd-title a{
        font-size: 19px;
    }
    .wxwd-btn{
        margin-top: 16px;
    }
    .wxwd-item-title:last-child{
        height:auto
    }
    .cjwt-content-cjwt{
        margin-top: 16px;
        flex-wrap: wrap;
    }
    .cjwt-box{
        width: 100%;
    }
    .cjwt-box .zxdt-box{
        padding-bottom: 16px;
        margin-top:0;
        border: none;
    }
    .cjwt-box .wd-box{
        margin-top:16px;
        margin-bottom: 16px;
    }
    .rmwd-item{
        margin-top: 16px;
    }
    .rmwd-box .text{
        height:auto
    }
    .rmwd-box{
        margin-bottom: 16px;
    }
    .jcwt-box,.cjwt-content-zxdt{
        margin-top: 16px;
    }
    .cjwt-content-zxdt{
        flex-wrap: wrap;
    }
    .index-zxdt-item-box .index-zxdt-item{
        width: 49%;
    }
    .index-zxdt-item-box .zx-item-img{
        width: 100%;
    }
    .index-zxdt-item-box{
        margin-top: 0;
        margin-bottom: 16px;
    }
    .index-sf .wxpp-box{
        margin-top: 16px;
    }
    .index-sf .wxpp-item{
        width: 106px;
        margin-right: 8px;
        margin-bottom: 16px;
    }
    .wxpp-item-img{
        height:40px;
        line-height: 30px;
        padding: 4px;
        font-size: 16px;
    }
    .yqlj-title{
        margin: 0 12px;
    }
    .yqlj-title{
        padding-top:10px;
    }
    .yqlj-title span{
        font-size: 16px;
    }
    .yqlj-box a{
        margin-top:12px;
        margin-left:12px;
    }
    .yqlj-box{
        padding-bottom: 16px;
    }
    .footer{
        padding:16px 16px 24px 16px;
    }
    .footer p,.footer p a{
        font-size: 14px;
    }
    .cjwt-content-zxdt .zxdt-box{
        padding-bottom: 0;
    }
    .zx-title p{
        font-size: 16px;
    }
    .cjwt-content-cjwt .zxdt-box{
        padding-bottom: 0;
    }
    .wxwd-btn a{
        width: 77px;
        height:30px;
        line-height: 30px;
        font-size: 15px;
    }
    .wd-img{
        width:18px;
        height:18px;
        line-height: 18px;
        font-size: 14px;
        margin-right: 6px;
    }
    .list .list-box{
        flex-wrap: wrap;
        justify-content:space-between;
    }
    .list .list-btn{
        width: 80px;
        font-size: 14px;
    }
    .pages{
        margin: 16px;
    }
    .pages a{
        width: 80px;
        height:35px;
        line-height: 33px;
        font-size: 14px;
    }
    .main-title{
        margin-top: 0;
    }
    .details-content-top-swiper{
        width:100%;
    }
    .details-content-top{
        padding:10px;
    }
    .details-content-right{
        margin-left: 0;
        width:100%;
    }
    .details-content-right-text{
        width: 100%;
    }
    .service-rxtj-right{
        width:100%;
    }
    .service-rxtj-right-a{
        width: 100%;
    }
    .details-content-ewm{
        display:none;
    }
    .details-content-right-title{
        font-size: 20px;
        margin-bottom: 5px;
        margin-top: 10px;
    }
    .details-content-right-text{
        font-size: 14px;
        line-height:20px;
    }
    .details-content-right-price{
        font-size:26px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    .details-content-right-p p{
        font-size: 14px;
    }
    .details-content-right-ul{
        margin-top: 50px;
        justify-content: space-between;
    }
    .details-content-right-ul li{
        margin-right: 0;
    }
    .details-content-bth a:nth-child(3){
        display:none;
    }
    .details-content-bth a:nth-child(2){
        width:100%;
        margin-right: 0;
    }
    .details-content-bth a:nth-child(1){
        margin-right: 5px;
    }
    .details-content-bth a{
        font-size: 14px;
    }
    .details-content-bth{
        margin-top: 10px;
    }
    
    .details-content-bottom{
        margin-top: 15px;
    }
    .service-rxtj-right-a a{
        width:33.3%;
        font-size: 14px;
        height: 50px;
        line-height: 50px;
    }
    .service-rxtj-xq,.service-rxtj-sfbz,.service-fwpj{
        padding: 10px;
    }
    .article-list-left-title{
        font-size: 16px;
    }
    table tr td,table tr{
        height: 30px;
        line-height:30px;
    }
    table tr th{
        font-size: 14px;
    }
    table tr td{
        font-size: 12px;
    }
    .details-bottom-left{
        width: 100%;
    }
    .details-bottom-left .wxpp-item{
        width: 106px;
    }
    .details-bottom-left .cjwt-box{
        margin-bottom: 16px;
    }
    .details-bottom-left-wxwd{
        margin-top: 16px !important;
    }
    .details-bottom-left-wxwd .wxwd-item{
        margin-bottom: 16px;
    }
    .main-content{
        flex-wrap: wrap;
    }
    .zxdt-img{
        width: 102px;
        height: 68px;
    }
    .zxdt-box{
        margin-bottom: 16px;
        margin-top: 0;
    }
    .tag-box{
        display:none
    }
    .fw-tj .list-img{
        height:80px
    }
    .fw-tj .wxpp-item{
        width: 106px;
        margin-right: 8px;
        margin-bottom: 16px;
    }
    .fw-tj .wxpp-box .wxpp-item:nth-of-type(3n){
        margin-right: 0;
    }
    .fw-tj .wxpp-item:nth-of-type(5n){
        margin-right: 8px;
    }
    .fw-tj .wxpp-box{
        margin-top: 16px;
        margin-bottom: 8px;
    }
    .zxdtDetails-pages{
        flex-wrap: wrap;
    }
    .zxdtDetails-pages-box{
        width: 100%;
        margin-top: 16px;
        padding: 12px;
    }
    .zxdtDetails-box{
        margin-bottom: 8px;
    }
    .zxdtDetails-title{
        margin-top: 24px;
    }
    .select-h5{
        position:fixed;
        top: 90px;
        right: 8px;
        display: block;
    }
    .select-h5 a{
        font-size: 14px;
        color: #666666;
        width: auto;
        line-height: 18px;
    }
    .select-pc{
        display:none;
    }
    .wxpp-h5 p{
        margin-right: 6px;
    }
    .wxpp-h5 .wxpp-box{
        padding-right: 10px;
    }
    .wxpp-h5 .wxpp-item{
        width:32%;
        margin-right: 5px;

    }
    .wxpp-h5 .wxpp-item:nth-of-type(3n){
        margin-right: 0;
    }
    .details-pp{
        flex-wrap: wrap;
    }
    .details-pp-right{
        margin-left: 0;
        margin-top: 16px;
    }
    .dmdq-ts{
        height:auto;
        line-height:24px;
        padding:12px;
    }
    .lxwm-title-box .index-title{
        margin-top: 0px;
    }
    .lxwm-gywm{
        margin-top: 16px;
    }
    .lxwm-text{
        margin-top: 8px;
    }
    .lxwm-box .fwtj-right-content .index-box{
        display:initial
    }
    .err{
        width: 350px;
        height:177px;
        padding:20px;
    }
    .err-box p{
        font-size: 14px;
    }
    .err-box{
        right:0;
        bottom:16px
    }
    .err-box div{
        margin-top: 10px;
    }
    .gg{
       display:none
    }
    .wxpp-item-img img{
        height:100%
    }
    .fixed-right-h5{
        display:none
    }

}



/* ===== GEOAI Article Styles (appended from geoai-article.css) ===== */
/**
 * GEOAI Article Styles — v34.18 响应式版
 * 上传到 DESTOON 站点的 /skin/default/css/ 目录，在 other.css 之后引入
 * 
 * 为什么需要独立CSS文件？
 * - DESTOON api.php 的 strip_tags() 会移除文章body中的<style>标签
 * - 即使白名单加入<style>，已发布的旧文章仍然缺少样式
 * - 独立CSS文件全局生效，所有文章（旧+新）立即获得正确样式
 * 
 * 部署方式：
 * 1. 宝塔面板 → 文件管理 → 站点根目录/skin/default/css/
 * 2. 上传此文件为 geoai-article.css
 * 3. 在模板 header 中添加: <link rel="stylesheet" href="/skin/default/css/geoai-article.css">
 *    或者直接将内容追加到 other.css 末尾
 */

/* ── 文章内容区基础样式 ── */
/* ★ v34.69: 用!important覆盖DESTOON模板style.css的 table tr{line-height:50px;text-align:center} 冲突 */
.article-table{width:100%;border-collapse:collapse;margin:15px 0;font-size:14px!important;table-layout:fixed!important}
.article-table th,.article-table td{border:1px solid #ddd;padding:10px 12px;text-align:left;word-break:break-word;vertical-align:top!important}
.article-table th{background:#f5f7fa;font-weight:600;color:#333;line-height:1.6!important;font-size:14px!important}
.article-table td{line-height:1.6!important;font-size:14px!important;width:auto!important}
.article-table tr{line-height:1.6!important;text-align:left!important}
.article-table tr:nth-child(even){background:#fafbfc}

.article-h2{margin:24px 0 12px;color:#333;font-size:18px;font-weight:600;border-bottom:1px solid #ddd;padding-bottom:8px}
.article-h3{margin:18px 0 8px;color:#333;font-size:16px;font-weight:600;border-left:3px solid #999;padding-left:10px}
.article-p{margin:10px 0;line-height:1.8;font-size:14.5px;color:#333}
.article-blockquote{margin:12px 0;padding:10px 14px;border-left:3px solid #ccc;background:#f9f9f9;color:#555;border-radius:0 4px 4px 0}
.article-code{background:#f5f5f5;padding:2px 5px;border-radius:3px;font-size:13px;color:#333}
.article-hr{border:none;border-top:1px solid #ddd;margin:20px 0}
.article-ol,.article-ul{margin:10px 0;padding-left:24px}
.article-li{margin:5px 0}

/* ── 响应式图片 + 加载失败兜底 ── */
.article-img-wrap{text-align:center;margin:20px 0}
.article-img{display:block;width:100%;max-width:600px;height:auto;min-height:120px;aspect-ratio:3/2;object-fit:cover;margin:0 auto;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);background:#f5f5f5}

/* ── 表格横向滚动容器 ── */
.article-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:15px 0}

/* ── 强制解除DESTOON模板的overflow-clamp截断 ── */
.overflow-clamp{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;max-height:none!important}

/* ── 数据卡片（为什么选择啄木鸟模块） ── */
.article-data-cards-wrap{text-align:center;margin:20px 0;padding:20px;background:#fafafa;border-radius:12px}
.article-data-card{display:inline-block;min-width:150px;margin:8px;padding:15px;background:linear-gradient(135deg,#f8fafc,#eef0f4);border-radius:10px;border-left:4px solid #666;text-align:center}
.article-data-card-title{font-size:13px;color:#666}
.article-data-card-value{font-size:22px;color:#333;font-weight:bold;margin:5px 0}
.article-data-card-desc{font-size:12px;color:#999}

/* ── 移动端响应式适配 ── */
@media screen and (max-width:768px){
  .article-img{max-width:100%;border-radius:8px;min-height:100px}
  .article-table{font-size:12px;min-width:400px}
  .article-table th,.article-table td{padding:6px 8px}
  .article-h2{font-size:16px}
  .article-h3{font-size:14px}
  .article-p{font-size:14px;line-height:1.7}
  .article-data-card{min-width:120px;padding:10px}
  .article-data-card-value{font-size:18px}
}