html{font-size:17px}
.search{
    max-width: 980px;
}

@media (min-width:980px){
    .left-menu{
    max-width: 15%;
    left: initial !important;
    }
    body{position:relative;left:0;right:0;top:0;bottom:0;width:980px !important;height:100%;margin:0 auto;-webkit-border-radius:4px;border-radius:4px;box-shadow:10px 0px 10px -5px rgba(0,0,0,0.5),-10px 0px 10px -5px rgba(0,0,0,0.5)}
.footerButton{width:980px !important}
footer .text{margin-bottom:0 !important;padding-bottom:65px}
}header{background-color:#ff4200}
.con{width:95%;margin:auto}
header>.con{padding:0.625rem 0;box-sizing:border-box}
.fc{content:"";display:table;clear:both}
.fl{float:left}
.fr{float:right}
.logo img{height:2.5rem;width:auto}
.headRinghtName{color:#000;font-size:1.125rem;font-weight:bold;background-color:#fff;padding:0 0.9375rem;line-height:1.875rem;height:1.875rem;border-radius:0.3125rem;margin-top:0.3125rem}
.layui-this img{width:100%}
.nav{margin:1.25rem auto;text-align:center}
.nav img{width:70%}
.nav p{font-size:0.875rem;margin:0.3125rem 0;font-weight:600}
.navA{padding-bottom:0.625rem;border-bottom:1px dashed #ff4200}
.navB{padding-top:1.25rem}
.navB img{width:3.125rem;height:3.125rem}
.search{text-align:center}
.search form{width:80%;text-align:center;display:inline-table;border-radius:6.25rem}
.search input{border-radius:6.25rem}
.search .layui-input{width:80%;box-shadow:0.0625rem 0.0625rem 0.1875rem 0 rgba(0,0,0,0.75)}
.search .layui-input-wrap{border:0.5rem solid #f89d97;border-radius:6.25rem}
.layui-input:focus,.layui-textarea:focus{border-color:#f00f2c !important}
.search .layui-input-suffix{width:11.25rem;background-color:#f00f2c;z-index:-1;color:#fff;text-align:right;
    border-radius: 20px;height:2.375rem}
.search .layui-input-wrap .layui-input{padding-right:0}
.search .layui-btn{height:auto;width:3.125rem;background-color:rgba(22,186,170,0);position:absolute;top:0;right:0.3125rem;padding:0 !important}
.ListNameH2{margin-top:1.25rem;line-height:1.875rem;padding:0.3125rem 0.625rem;background-color:#ff4200}
.ListName{margin-top:1.25rem;line-height:1.875rem;box-sizing:border-box;padding:0.3125rem 0.625rem;background-color:#ff4200}
.ListName div{color:#fff;position:relative}
.ListName div i{width:0.625rem;height:1.25rem;background-color:#fff;display:inline-block;margin-right:0.625rem;position:absolute;top:0.3125rem}
.ListName div span{margin-left:1.2rem}
.proList,.caseList{margin:1.25rem auto}
.proList img{border-radius:0.3125rem;width:95%;display:block;margin:0.5rem auto}
.proList .layui-panel{border-radius:0.625rem}
.proList p{font-size:1rem;font-weight:bold;text-align:center}
.proList .fc{font-size:0.625rem;width:98%;margin:0.625rem auto}
.proList .fc .fl span{color:#ee4015}
.proList .fc .fr{margin-right:0.3125rem}
.proList .fc .fr span{background-color:#ff4200;color:#fff;border-radius:0.1875rem;padding:0.1875rem 0.3125rem}

.caseList .fc{font-size:0.625rem;width:98%;margin:0.625rem auto}
.caseList .fc .fl {margin-left: .5rem;}
.caseList .fc .fl span{color:#ee4015}
.caseList .fc .fr{margin-right:0.3125rem}
.caseList .fc .fr span{background-color:#ff4200;color:#fff;border-radius:0.1875rem;padding:0.1875rem 0.3125rem}

.ckgd{text-align:center;margin-top:0.9375rem}
.ckgd a{color:#000;border-radius:0.3125rem;border:0.125rem solid #ee6a49;height:auto}
.caseList img{border-radius:0.3125rem;width:90%;display:block;margin:0.35rem auto}
.caseList .layui-panel{border-radius:0.625rem}
.caseList p{font-size:0.625rem;text-align:center;padding-bottom:0.3125rem}
.ListNameH2 h2{font-size:1.375rem;text-align:center;color:#fff;letter-spacing:0.0625rem;padding-top:0.5rem;text-shadow:-0.0625rem -0.0625rem 0 #000,0.0625rem -0.0625rem 0 #000,0.0625rem 0.0625rem 0 #000,-0.0625rem 0.0625rem 0 #000}
.ListNameH2 h2 span{color:#e5ac00}
.ListNameH2 p{color:#fff;font-size:1rem;text-align:center}
.xxys{margin:1.25rem auto}
.bg-red{background-color:#ee4015;border-radius:0.3125rem}
.bg-red > p{color:#fff;font-weight:600;text-align:center;font-size:0.625rem;padding:0.3125rem;line-height:0.75rem}
.bg-red > .layui-panel{border-radius:0.3125rem;width:90%;margin:0 auto 0.1875rem}
.bg-red > .layui-panel > p{text-align:center;line-height:0.75rem;min-height:1.5rem;font-size:0.625rem;font-weight:bold;width:100%;margin:auto;padding:0.9375rem 0}
.bg-red>.layui-panel>p>span{color:#ee4015}
footer .text{text-align:center;font-size:0.75rem;margin-bottom:3.75rem}
footer .text p{font-size:0.5rem;line-height:0.75rem;padding:0.3125rem 0}
.footerButton{background-color:#ff4200;width:100%;position:fixed;bottom:0}
.footerButton ul{width:100%;display:flex;align-items:center}
.footerButton li{float:none;width:25%;text-align:center;padding:0.75rem 0;position:relative;box-sizing:border-box}
.footerButton li:first-of-type{position:relative;padding-left:0}
.footerButton li a,.footerButton li button{font-size:0.875rem;display:inline-block;margin:auto;color:#fff;white-space:nowrap;text-decoration:none;border:none;background:transparent;outline:none;padding:0;line-height:1.5}
.footerButton li button{color:#ffc000}
.footerButton li::before{content:'';position:absolute;top:0.8125rem;bottom:0;left:0;width:0.0625rem;height:1.25rem;display:block;background-color:#fff}
.footerButton li:first-of-type::before{width:0}
.IndexTitle{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 85%;margin: auto;}


.caseHead{
    width: 95%;
    margin: auto;
}
.caseHead p {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    margin-bottom: 0rem !important;
    font-weight: bold;
    color: #f00f2c;
}
.caseHead p span{
    font-size: .8rem !important;
    color: darkgray;
}

.video{
    position: absolute;
    right: .5rem;
    top: 0.8rem;
}

.video span{
    color: #fff;
    background-color: #ff4200;
    padding: 2px 5px;
    border-radius: 0.8rem;
    font-size: .8rem !important;
}
.ArcImg {
    width: 90% ;
    height: 6rem;
    margin: 0.5rem auto;
    overflow: hidden;
    border-radius: 0.3125rem;
    display: flex;  
    justify-content: center; /* 水平居中 */  
    align-items: center;    /* 垂直居中 */    
}
.ArcImg img{
    width: 100%;
}
@media (min-width:790px){
    
    .ArcImg {
        height: 14rem !important;
    }
    .search .layui-btn{
        right: 3rem;
    }
    
}

@media (min-width:767px){
    .ArcImg {
            height: 10rem !important;
    }
    .search .layui-btn{
        right: 2rem;
    }
}
.xxys .layui-col-xs4 .bg-red > .layui-panel{
    max-height: 3rem;
}