.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 p>a{color:#c70709}
.news-detail p>a:hover{text-decoration-line:underline}
.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 a:hover,.case-proNavBox li.select a{color:#d92325;font-weight:700}
.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:.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:700;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,.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:700;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:0 2px 2px 0 rgba(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:700;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:700}
.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 .b-btn,.case-jjfa-left .c-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}