.clf{zoom:1}
h1,h2,h3,h4,h5,h6{margin:0}
.clf:after{line-heightvisibility:hidden;display:block;font-size:0;content:'.';clear:both;height:0}
.breadNav{color:#aaa;font-size:12px;height:44px;line-height:30px;background:#f8f8f8}
.breadNav a{color:#aaa}
.breadNav a:hover{color:#d92325}
.breadNav em{display:inline-block;width:6px;height:8px;background:url(/images/bkel.png) no-repeat 0 0;margin:0 8px}
.breadNav span{color:#c13a2a}
.pro-detail{margin-top:0}
.details{padding-bottom:80px}
.model-head{padding:60px 0;background:#fff}
.pro-gallery-wrap{float:left;width:540px;border:10px solid #f6f6f6}
.galleryBigImgBox{width:540px;height:540px;position:relative;overflow:hidden;background:#fff}
.galleryBigImgBox img{display:block;width:100%;height:100%}
.gallerySmallImgBox{height:90px;position:relative;overflow:hidden;background:#f6f6f6;border-top:10px solid #f6f6f6}
.gallerySmallImgBox .galleryPrev{width:30px;height:86px;cursor:pointer;background:#c13a2a url(/images/zzuo.webp) no-repeat center;color:#888;line-height:80px;text-align:center;position:absolute;left:0;top:0}
.gallerySmallImgBox .galleryNext{width:30px;height:86px;cursor:pointer;background:#c13a2a url(/images/yyou.webp) no-repeat center;color:#888;line-height:80px;text-align:center;font-weight:700;font-size:18px;position:absolute;right:0;top:0}
.scrollbutton.disabled,.scrollbutton.disabled:first-child{background:grey url(/images/zzuo.webp) no-repeat center!important}
.scrollbutton.disabled{cursor:no-drop;background:grey url(/images/yyou.webp) no-repeat center!important;color:#efefef!important}
.gallerySmallImgLists{height:90px;margin:0 36px 0 40px;position:relative;overflow:hidden;background:#f6f6f6}
.gallerySmallImgLists ul{position:absolute;left:0;top:0;width:20000px}
.gallerySmallImgLists li{float:left;width:110px;height:86px;cursor:pointer;margin-right:7px}
.gallerySmallImgLists li img{display:block;cursor:pointer;width:110px;height:86px}
#onlickImg img{width:106px;height:82px;border:2px solid #c13a2a}
.modelHead-cont{width:560px;float:left;margin-left:60px}
.modelHead-title{font-size:28px;color:#222;font-weight:700;padding-bottom:15px;border-bottom:1px solid #eaeaea}
.modelHead-intro{font-size:14px;color:#222;line-height:26px;padding-top:15px;letter-spacing:1px}
.modelHead-intro span{color:#999;display:inline-block;width:120px}
.modelHead-ml{margin-top:40px}
.modelHead-ml a{width:200px;height:50px;display:block;line-height:50px;font-size:14px;color:#fff;text-indent:70px;font-weight:700;background:#c13a2a url(../images/dmxx.png) no-repeat 46px center}
.modelHead-jjs{background:#f6f6f6;padding:20px;margin-top:20px;border-radius:4px}
.moJs-tex{font-size:14px;color:#999;line-height:24px;max-height:72px;overflow:hidden}
.newsZt-post{font-size:0;margin-top:50px}
.newsZt-post a{width:198px;height:48px;border:1px solid #c13a2a;display:inline-block;text-align:center;line-height:48px;font-size:14px;color:#c13a2a}
.modelHead-cont .newsZt-post{margin-top:35px}
.newsZt-post a:hover{color:#fff;background:#c13a2a}
.newsZt-post .ztB1{color:#fff;background:#c13a2a}
.newsZt-post .ztB1:hover{background:#b92c26}
.newsZt-post .ztB2{margin-left:10px;width:238px}
.newsZt-post a:hover{color:#fff;background:#c13a2a}
.proDe-po{margin-top:30px}
.proDe-po a{display:inline-block;padding-left:22px;font-size:14px;color:#999}
.proDe-po a:hover{color:#c13a2a}
.proDe-po span{display:inline-block;padding:0 20px;color:#ddd}
.proDe-po .az2{background:url(/images/debz2.webp) no-repeat 0 center}
.proDe-po .az2:hover{background:url(/images/lizd3.webp) no-repeat 0 center}
.proDe-po .az3{background:url(/images/debz3.webp) no-repeat 0 center}
.proDe-po .az3:hover{background:url(/images/lizd2.webp) no-repeat 0 center}
.model-main{background-color:#fff;margin-top:40px}
.proNavBox{background:#eaeaea}
.proNavBox ul{float:left;height:60px;overflow:hidden}
.proNavBox li{float:left;height:60px;text-align:center;background:url(/images/miaod.png) no-repeat right 24px;margin-left:-1px}
.proNavBox li a{display:block;color:#666;line-height:57px;padding-top:3px;font-size:16px;padding-left:66px;padding-right:67px;background:#eaeaea}
.pro-fixed{position:fixed;top:0;z-index:9;margin-top:0;background:#eaeaea}
.proNavBox li.select{position:relative;z-index:1}
.product-just .proNavBox li a{padding:0;width:296px}
.proNavBox li a:hover,.proNavBox li.select a{position:relative;z-index:1;background:#fff;border-top:3px #c13a2a solid;height:66px;padding-top:0}
.proNavBox li:last-child{background:0 0}
.product-just .proNavBox li a:hover,.product-just .proNavBox li.select a{line-height:52px}
.model-all{padding:0 40px}
.model-cont{border-top:1px solid #eaeaea;padding-top:40px;overflow:hidden}
.model-cont:first-child{border:none}
.detailNew-title{font-size:28px;color:#c13a2a;font-weight:700;text-indent:30px;line-height:1;background:url(/images/tais.webp) no-repeat 0 center}
.prod-detail{font-size:16px;line-height:1.85;overflow:hidden;letter-spacing:1px}
.model-tex{margin-top:24px;padding-bottom:40px}
.detail-strong{color:#555;line-height:25px}
.detail-why{padding-bottom:40px}
.detail-why-tex{font-size:14px;color:#555;line-height:26px;margin-top:24px}
.detail-why-img{margin-top:40px}
.proDetail-faq{width:1120px;margin-left:-20px;padding-top:10px;padding-bottom:60px}
.proFaq-cls{margin-left:20px;margin-top:20px;width:540px;float:left}
.proFaq-tle{height:48px;line-height:48px;font-size:16px;color:#c13a2a;font-weight:700;background:#fff8f7 url(/images/xqq.webp) no-repeat 20px center;border:1px solid #fbdedc;text-indent:54px}
.proFaq-intro{background:#f9f9f9 url(/images/xqa.webp) no-repeat 20px 22px;padding:20px 32px 30px 53px;font-size:14px;color:#555;line-height:26px;height:104px}
.related-area{margin-top:20px}
.newsIndex-title{font-size:28px;color:#000;float:left;line-height:1;font-weight:500}
.newsIndex-post{float:right;font-size:14px;line-height:28px}
.newsIndex-post a{color:#999;display:inline-block;padding-right:20px;background:url(/images/podian.webp) no-repeat right center}
.newsIndex-post a:hover{color:#c13a2a}
.related-pro{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:20px;padding-top:10px}
.product-box{background:#fff}
.relatedArea-cls{padding-top:60px}
.relatedArea-cls .product-box{margin-top:20px}
.product-box:hover .product-info{background:#c13a2a}
.product-box:hover .product-tle a{color:#fff}
.product-box:hover .product-nature p{color:#fff;background:url(/images/baiq.png) no-repeat 0 center}
.product-img{width:280px;height:210px;position:relative;overflow:hidden}
.product-img img{width:100%;height:100%;object-fit:cover}
.product-info{padding:0 20px;background:#fff;min-height:158px}
.pro-info-cont{padding:26px 0;border-top:1px solid #eaeaea}
.product-tle{font-size:16px;line-height:26px;height:52px;overflow:hidden}
.product-tle a{color:#000}
.product-nature{margin-top:5px}
.product-nature p{margin:0;font-size:14px;color:#999;line-height:24px;text-indent:15px;background:url(/images/cppq.webp) no-repeat 0 center}
.seminar-main{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:20px;margin-top:20px}
.indexCase-cls{margin-top:20px}
.indexCase-img{width:380px;height:210px;position:relative;overflow:hidden}
.indexCase-img img{width:380px;height:210px}
.indexCase-pos{position:absolute;top:210px;left:0;width:380px;height:210px;background:rgba(193,58,42,.96) url(/images/jiah.webp) no-repeat center;transition:all .36s ease}
.indexCase-img:hover .indexCase-pos{top:0}
.indexCase-title{height:60px;background:#fff;width:380px;text-align:center;line-height:60px;font-size:16px}
.indexCase-title a{color:#222;display:block;height:45px}
.caseSe{margin-top:30px}
.caseSe-box{width:280px;height:160px;float:left;background:url(/images/nm1.webp) no-repeat center top;text-align:center;margin-left:20px}
.caseSe-box:hover{background:url(/images/nm2.webp) no-repeat center top}
.caseSe-box:first-child{margin-left:0}
.caseSe-img{width:100px;height:100px;margin:20px 0 0 94px}
.caseSe-title{font-size:16px;color:#222}
.caseSe-box .md1{background:url(/images/md1.png) no-repeat center top}
.caseSe-box .md2{background:url(/images/md2.png) no-repeat center top}
.caseSe-box .md3{background:url(/images/md3.png) no-repeat center top}
.caseSe-box .md4{background:url(/images/md4.png) no-repeat center top}
.root-info{margin-bottom:30px}
.rootInfo-num{width:1180px;height:120px;margin:0 auto;background:url(/images/hbboo.jpg) no-repeat center top;position:relative;top:1px}
.rootNum-cls{float:left;width:295px;text-align:center}
.rootNum-ku{font-size:50px;font-weight:700;color:#fff;line-height:1}
.rootNum-fls{color:#fff;font-size:20px;line-height:1;padding-top:38px;display:inline-block;text-align:left}
.prod-detail caption,table,td,th,tr{padding:5px;text-align:center;font-size:16px;border:1px solid #777;border-collapse:collapse}
.prod-detail table{width:100%;max-width:100%;margin-bottom:20px;margin-top:10px}
.prod-detail caption{padding-top:8px;padding-bottom:8px;color:#fff;font-size:18px;font-weight:600;background-color:#c23a28}
.prod-detail thead{background:#fff none repeat scroll 0 0;font-weight:600;font-size:16px}
.prod-detail th{font-size:14px;padding:6px}
.prod-detail td:hover,th:hover{color:#fff;background-color:#c23a28;transition:all .3s}
.prod-detail tr:nth-child(odd){background-color:#f9f9f9}
.prod-detail tr:nth-child(2n){background-color:#fff}
.details-main{background:#fff;padding:0 60px}
.newsDetail-head{text-align:center;padding-top:55px;padding-bottom:15px;border-bottom:1px dotted #f1f1f1}
.newsDetail-title{font-size:26px;color:#0d0d0d;text-align:center;line-height:36px;letter-spacing:.5px}
.newsDetail-info{font-size:0;margin-top:26px}
.newsDetail-info span{font-size:14px;color:#999;display:inline-block;padding:0 24px 0 44px;border-left:1px dotted #bebebe;line-height:1}
.newsDetail-info span:first-child{border:none}
.newsDetail-info .afs1{background:url(../images/afs1.png) no-repeat 25px center}
.newsDetail-intro{font-size:14px;color:#999;line-height:23px;padding:15px 20px;background:#fff5f5}
.newsDetail-cont{font-size:16px;color:#555;line-height:24px;margin-top:30px;padding-bottom:40px}
.news-detail{font-size:16px;line-height:1.85;overflow:hidden;letter-spacing:1px}
.news-detail img{height:auto!important;max-width:100%!important}
.newsDetail-bott{padding-top:26px;padding-bottom:56px;border-top:1px dotted #f1f1f1}
.newsDetail-pag{font-size:14px;color:#999;padding:3px 0}
.newsDetail-pag a{color:#555;padding-left:5px}
.newsTags{display:flex;margin-bottom:10px}
.newsTags a{max-width:200px;float:left;margin-top:10px;margin-right:10px;padding:0 15px;font-size:14px;text-align:center;background:#f6f6f6;color:#666;border-radius:4px;transition:.36s;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.newsTags a::before{content:"#";color:#b92c26}
.newsTags a:hover{background-color:#b92c26;color:#fff}
.newsTags a:hover::before{color:#fff}
.seminar-main .news-box{padding:0}
.relatedArea-cls .news-img img{width:100%;height:240px}
.news-info{padding:30px 30px 27px}
.relatedArea-cls .news-info{background:#fff}
.news-title{font-size:16px;line-height:1;overflow:hidden;text-overflow:ellipsis}
.news-time{font-size:16px;color:#222;line-height:1;margin-top:12px}
.news-intro{font-size:14px;color:#999;line-height:26px;height:52px;overflow:hidden;margin-top:20px}
.abs-banner{background:url(../images/abss.webp) no-repeat center top;height:300px}
.banner .breadNav{color:#fff;background:0 0}
.banner .breadNav a{color:#fff}
.banner .breadNav h1{color:#fff}
.single{padding-bottom:80px}
.single-main{background:#fff;padding:34px 40px 40px;margin-top:-123px;position:relative}
.single-title{font-size:30px;color:#222}
.single-title span{display:block;width:60px;height:3px;background:#c13a2a;margin-top:3px}
.single-nav{font-size:0;position:absolute;right:40px;top:55px}
.single-nav .active{color:#333}
.single-nav a:hover{color:#333}
.single-nav a{font-size:14px;color:#999;display:inline-block}
.single-nav em{font-style:inherit;font-size:14px;color:#eaeaea;display:inline-block;margin:0 5px}
.strength-head{text-align:center;padding-bottom:60px;border-bottom:1px dotted #eaeaea}
.str-tle{font-size:24px;color:#222;line-height:1;padding-top:40px}
.str-tex{font-size:14px;color:#555;line-height:26px;width:980px;margin:25px auto 0;text-align:left}
.str-video{margin-top:45px}
.strength-head{text-align:center;padding-bottom:60px;border-bottom:1px dotted #eaeaea}
.str-tle{font-size:24px;color:#222;line-height:1;padding-top:40px}
.sts-tex{font-size:14px;color:#555;line-height:1;margin-top:20px}
.sts-img{margin-top:50px}
.strength-all{padding-top:60px;padding-bottom:60px;border-bottom:1px dotted #eaeaea}
.strength-cont{width:610px;float:left;margin-left:20px}
.strength-title{font-size:24px;color:#222;line-height:1}
.strength-intro{font-size:14px;color:#555;line-height:26px}
.strength-intro p{margin-top:25px}
.strength-img{width:345px;height:331px;float:left;margin-left:95px;margin-top:10px}
.sen-img{width:480px;height:320px;float:left}
.ale .strength-cont{width:560px;float:right;text-align:left;margin-top:14px}
.afd .strength-cont{width:560px;float:left;text-align:left;margin-top:14px;margin-left:0}
.afd .sen-img{float:right}
.str-nob{padding-bottom:20px;border:none}
.str-tle{font-size:24px;color:#222;line-height:1;padding-top:40px}
.str-tex{font-size:14px;color:#555;line-height:26px;width:980px;margin:25px auto 0;text-align:left}
.tsl{text-align:center}
.str-map{margin-top:40px}
.list-left{margin-top:15px}
.down-box{background:#fff;width:420px;height:160px;float:left;margin-left:20px;margin-top:20px}
.down-tit{width:330px;font-size:16px;color:#222;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;margin-top:42px;margin-left:30px;text-indent:20px;background:url(../images/yhs.png) no-repeat 0 center}
.down-tit a{color:#555}
.down-tit a:hover{color:#c13a2a}
.down-post{width:140px;height:40px;float:left;margin-left:30px;margin-top:30px;margin-right:30px}
.down-box:hover .down-tit{color:#c13a2a;background:url(../images/hongd.webp) no-repeat 0 center}
.down-post a{display:block;width:140px;height:40px;background:#f6f6f6 url(../images/down.png) no-repeat 95px center;line-height:40px;font-size:14px;color:#555;text-indent:32px}
.down-post a:hover{background:#c13a2a url(../images/badoo.webp) no-repeat 95px center;color:#fff}
.u-paging{height:36px;margin:40px auto 0;text-align:center}
.downIndex{padding-bottom:80px}
.downIndex .u-paging{padding-top:10px;clear:both}
.downIndex .paging-inner{margin-left:295px}
.u-paging a{display:inline-block;width:40px;height:40px;background-color:#fff;color:#999;vertical-align:middle;line-height:40px;font-size:14px;margin-right:7px}
.u-paging .current{background:#c13a2a;color:#fff}
.details{padding-bottom:80px;margin-top:30px}
.newsZt-head{background:#fff;padding:40px}
.newsZt-cont{width:550px;float:left;margin-left:40px}
.dom-pes .newsZt-cont{width:100%;margin-left:0}
.newsZt-title{font-size:26px;color:#0d0d0d;margin-top:15px}
.newsZt-tit{font-size:14px;color:#999;line-height:1;padding-bottom:15px;border-bottom:1px solid #eaeaea;margin-top:22px}
.newsZt-intro{font-size:14px;color:#555;line-height:24px;margin-top:15px}
.newsZt-post{font-size:0;margin-top:50px}
.newsDetail-bott{padding-top:26px;padding-bottom:56px}
.dom-pes .newsDetail-bott{background:#fff;padding-left:40px;border-top:1px solid #e9e9e9}
.newsDetail-pag{font-size:14px;color:#999;padding:3px 0}
.partsIndex-main{display:flex;margin-left:-20px;padding-top:60px}
/*客户案例公共部分*/
.caseMain h1,h2,h3,h4,h5{
    margin: 0;
}
.caseMain p {
    margin: 0;
}
.pro-relateprobg {
    overflow: hidden;
    padding: 60px 0;
    background: url(../images/anli.webp) no-repeat center top;
    background-size: cover;
}
.common-title {
    font-size: 30px;
    line-height: 40px;
    color: #222;
    border-left: 6px #d92325 solid;
    padding-left: 20px;
    margin-bottom: 30px;
}
.common-title a {
    float: right;
    font-size: 14px;
    color: #555;
    padding-right: 20px;
    background: url(../images/double-right.svg) no-repeat right center;
}
.common-title a:hover {
    color: #d92325;
    transition: all .3s;
    background: url(../images/double-right-c.svg) no-repeat right center;
}
.c-btn {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    background: #d92325;
    border-radius: 4px;
    border: 1px solid #d92325;
    padding: 6px 30px;
    margin-right: 20px;
    display: inline-block;
    transition: all .3s;
}
.c-btn:hover {
    color: #fff;
    background: #ff6a00;
}
.b-btn {
    font-size: 16px;
    line-height: 24px;
    color: #d92325;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d92325;
    padding: 6px 30px;
    display: inline-block;
    transition: all .3s;
}
.b-btn:hover {
    color: #fff;
    background: #d92325;
}

.case-btn a {
    padding: 12px 35px;
}

.case-btn .b-btn {
    border: 1px transparent solid;
}

.case-btn a {
    padding: 12px 35px;
}
.py60 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.py30 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.pt60 {
    padding-top: 60px;
}
.myproNav { width:100%; background:#f2f2f2; padding: 20px 0; overflow: hidden; }
.casepro-fixed {position: fixed; top: 0; z-index: 9; margin-top: 0;}
.proNavcon { width:1200px; margin: 0 auto; }
.case-proNavBox { float: left; }
.case-proNavBox ul { overflow: hidden; }
.case-proNavBox li { float: left; text-align: center; border-right: 1px #d2d2d2 solid; }
.case-proNavBox li:last-child { border-right:0; }
.case-proNavBox li a { height:40px; line-height:40px; padding: 0 28px; color: #555; font-size:18px; display: block; }
.case-proNavBox li.select a, .case-proNavBox li a:hover { color:#d92325;font-weight: bold; }
.navbaojia { float: right; position: relative;font-size: 0;}
.navbaojia .input { background: #fff; border: 1px #ddd solid; border-right:0; width:200px; height:40px; padding:0 10px; font-size:15px; line-height: 40px; border-radius: 4px 0 0 4px;}
.navbaojia button { width: 100px; height: 40px; line-height: 40px; font-size: 16px; background: #d92325; color: #fff; text-align: center; border-radius:0 4px 4px 0;vertical-align:top;}
.navbaojia .msg-box{position: absolute; left: 0; top: 40px; color: #d92325;font-size: 12px;}
.relatetags-tit { font-size:18px; line-height: 32px; color:#222 }
.relatetags a { max-width:200px; float: left; margin-top:10px; margin-right:10px; padding: 0 15px; font-size: 14px; text-align: center; background: #f6f6f6; color: #666; border-radius: 4px;  transition: .36s; height:40px; line-height:40px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.relatetags a:before { content: "# "; color:#d92325 }
.relatetags a:hover { background: #d92325; color: #fff; }
.relatetags a:hover:before { color: #fff; }
/*案例详情*/
.case-wrap {
    position: relative;
    height: 630px;
    width: 100%;
    overflow: hidden;
}

.case-bg {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.case-bg:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.6;
    background-blend-mode: darken;
}

.case-bg .blur {
    width: 100%;
    height: 630px;
}

.case-title {
    margin-top: 60px;
    overflow: hidden;
}

.case-title h1 {
    font-size: 30px;
    line-height: 42px;
    color: #fff;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
}

.case-title h1:after {
    content: '';
    display: block;
    margin: 15px 0 30px 0;
    height: 3px;
    width: 180px;
    background: #d92325;
}

.case-title .case-type {
    width: 128px;
    height: 40px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.5);
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 56px;
    float: right;
}

.caseinfo {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 25px;
}

.case-inner {
    width: 650px;
}

.case-inner .logo-img {
    width: 180px;
    height: 80px;
    margin-right: 20px;
}

.case-inner .logo-img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    border-radius: 10px;
    margin: 0 auto;
}

.case-info {
    width: 450px;
    height: 80px;
}

.case-info h3 {
    font-size: 20px;
    color: #fff;
    line-height: 40px;
    margin: 0;
}

.case-info p {
    font-size: 16px;
    color: #fff;
    line-height: 20px;
}

.case-clo {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    margin-top: 50px;
}

.case-clo li {
    padding-left: 50px;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    margin-right: 10px;
    margin-bottom: 10px;
    background-position: left 12px;
    background-repeat: no-repeat;
    background-size: 32px 32px;
}

.case-clo li b {
    font-size: 18px;
    font-weight: bold;
    display: block;
}

.case-clo li p {
    height: 56px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.case-clo li:nth-of-type(1) {
    background-image: url("../images/case1.svg")
}

.case-clo li:nth-of-type(2) {
    background-image: url("../images/case2.svg")
}

.case-clo li:nth-of-type(3) {
    background-image: url("../images/case3.svg")
}

.case-clo li:nth-of-type(4) {
    background-image: url("../images/case4.svg")
}

.case-wrap .case-img img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 4px;
}
.case-wrap .case-img img:hover {
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .12);
}

.case-btn a {
    padding: 12px 35px;
}

.case-btn .b-btn {
    border: 1px transparent solid;
}

.case-introtext p {
    font-size: 16px;
    line-height: 32px;
    color: #555;
}

.case-feedback {
    background: url("../images/true.webp")no-repeat center /cover;
    padding: 100px 0;
}

.case-fkinfo {
    background: #fff;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    border-radius: 0 100px 0 100px;
    padding: 40px 140px;
    position: relative;
    overflow: hidden;
}

.case-fkinfo:before {
    content: "\201c";
    font-size: 200px;
    color: #f3f4f6;
    font-family: SimHei;
    position: absolute;
    left: -75px;
    top: 70px;
    line-height: 100px;
}

.case-fkinfo:after {
    content: "\201d";
    font-size: 200px;
    color: #f3f4f6;
    font-family: SimHei;
    position: absolute;
    right: -75px;
    bottom: -50px;
    line-height: 100px;
}

.case-fktit {
    margin-bottom: 20px;
}

.case-fktit b {
    font-size: 30px;
    line-height: 32px;
    font-weight: bold;
    color: #d92325
}

.case-fktit span {
    font-size: 16px;
    line-height: 32px;
    color: #999;
    float: right;
}

.case-fkinfo p {
    font-size: 16px;
    line-height: 28px;
    color: #555;
    text-align: justify;
}

.case-fkinfo img {
    float: right;
    width: 180px;
    height: 80px;
    margin-left: 40px;
    border: 1px #eee solid;
}
.details-Page {
    overflow: hidden;
}
.details-Page ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}
.details-Page ul li{
    display: flex;
    flex-direction: column;
    font-size: 16px;
    line-height: 30px;
    color: #555;
    padding: 20px 40px;
    background: #f6f6f6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.details-Page ul li span{
    display: flex;
    align-items: center;
}
.details-Page ul li:first-child span {
    justify-content: flex-end;
}
.details-Page ul li:first-child a {
    text-align: right;
}

.case-jjfa {
    display: grid;
    grid-template-columns: 70% 30%;
    grid-column-gap: 10px;
    overflow: hidden;
}

.case-jjfa-left {
    border: 1px #f2f2f2 solid;
    border-right: 0;
    padding: 40px;
}

.case-jjfa-tit a {
    font-size: 24px;
    line-height: 32px;
    color: #222;
}

.case-jjfa-tit a:hover {
    color: #d92325;
}

.case-jjfa-tit .more {
    float: right;
    font-size: 14px;
    color: #555;
    padding-right: 20px;
    background: url(../images/double-right.svg) no-repeat right center;
}

.case-jjfa-tit .more:hover {
    color: #d92325;
    transition: all .3s;
    background: url(../images/double-right-c.svg) no-repeat right center;
}

.case-jjfa-info {
    font-size: 16px;
    line-height: 26px;
    max-height: 52px;
    color: #555;
    margin: 30px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.case-jjfa-left ul {
    overflow: hidden;
    float: left;
}

.case-jjfa-left ul li {
    float: left;
}
.case-jjfa-left ul li p {
    font-size: 16px;
    color: #555;
    text-align: center;
    float: left;
    line-height: 1.25;
}

.case-jjfa-left ul li p span {
    font-size: 48px;
    color: #d92325;
    font-weight: bold;
}

.case-jjfa-left ul li:after {
    content: '';
    background: #ddd;
    height: 62px;
    width: 1px;
    margin: 0 28px;
    float: left;
    margin-top: 15px;
}

.case-jjfa-left ul li:last-child:after {
    content: none
}

.case-jjfa-left .c-btn,
.case-jjfa-left .b-btn {
    padding: 7px 41px;
}

.case-jjfa-left .c-btn {
    margin: 0 0 10px 0;
    display: block;
}
.case-jjfa-cont {
    display: flex;
    justify-content: space-between;
}
.case-jjfa-right img {
    height: 100%;
}
.relatecase2 .row {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 30px;
}
.relatecase2-info {
    display: flex;
}
.relatecase2-info img {
    max-width: 240px;
    max-height: 200px;
    object-fit: cover;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.relatecase2 .relatecase-text {
    padding: 15px 20px;
    border: 1px #f2f2f2 solid;
    border-left: none;
}
.relatecase2 .relatecase-text h2 {
    font-size: 18px;
    font-weight: 500;
    color: #222;
    line-height: 24px;
    height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 10px;
}
.relatecase2 .relatecase-text p {
    font-size: 16px;
    color: #999;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.relatecase2 .relatecase-text p span {
    color: #555;
}
.relatecase2 .relatecase-text p:last-of-type {
    margin-bottom: 10px;
}
.relatecase .row {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-column-gap: 30px;
}
.relatecase .relatecase-text {
    padding: 15px 20px;
    background: #f9f9f9;
    border-radius: 0 0 4px 4px;
}
.relatecase .relatecase-text h2 {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 26px;
    height: 58px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.relatecase .relatecase-text p {
    font-size: 15px;
    color: #999;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.relatecase a:hover .relatecase-text {
    background: #d92325;
    transition: all .3s;
}
.relatecase .relatecase-text p span {
    color: #555;
}
.relatecase a:hover .relatecase-text * {
    color: #fff;
}