.center-area{ width: 1100px; margin: 0 auto;}
.enter-btn{color: var(--color);border: 1px solid var(--color);display: block;padding: 3px;border-radius: 3px;}
.enter-btn:hover{background-color: var(--color); color:#fff;}
h4{ font-size: 18px; font-weight: 600; padding-left: 10px;}
.hsj-tishi{ display: none; width: 100%;}
.tip-bg{position:fixed; z-index:2;top:0px; width:100%; background-color:#5d5a5a;opacity:0.6; height: 1000px;}
.tip{position: fixed; top:50%; left:50%;z-index:3;transform:translate(-50%,-50%); width: 200px; background-color: #fff; border-radius: 5px;text-align: center;}
.tip-close{text-align: right;display: block;padding: 5px 10px 5px 0;background-color: #ccc;border-radius: 5px 5px 0 0; color:#000; cursor: pointer;}
.tip-btn{ cursor: pointer;width: 50px;margin: 5px auto;background-color: var(--color);color: #fff;border-radius: 3px;padding: 3px 5px;}
.tip>p{padding: 15px 0;border-bottom: 1px solid #ccc;}
img[src=""],img:not([src]){background: url(../img/banner1.jpg) no-repeat;background-size:cover;}
.hsj-top{ bottom: 20px; right: 10px; color:#fff; border-radius:25px ;width: 40px; height: 40px; background-color: #01acf2;line-height: 40px; text-align: center; z-index: 3; cursor: pointer;}
:root{--color: #ff0000;}
.inner3{-webkit-line-clamp:3;}

.hsj-ind-head{ background-color:#1d1d1c;  height: 40px; line-height: 40px; position: relative;z-index: 2;}
.hsjindh-c{ color:#fff;}
.hsjindh-c>.fl{ width: 50%; text-align: left; padding-left: 20px; box-sizing: border-box;}
.hsjindh-c>.fr{ width: 50%; text-align: right; padding-right: 20px;box-sizing: border-box;}
.hsjindh-c>.fl a,.hsjindh-c>.fr a{color: #fff; display: inline-block; padding-right: 10px;}
.hsjindh-ic{ display: flex;align-items: center;justify-content:flex-end;}

.hsj-ind-nav{background-color: #514e4f; height: 60px; }
.hsj-ind-nav .indnav-left{ width: 302px; height: 78px; top:-5px; left:0;z-index: 1;}
.hsj-ind-nav img{ width: 100%;}
.indnav-right{ width: 80%;display: flex;align-items: center;height: 60px; padding-left: 300px}
.hindnav-ul{width: 100%;}
.hindnav-ul>li{ float: left; text-align: center; width: 15%;}
.hindnav-ul a{ display: block; color: #fff;font-size: 12px;}
.hindnav-ul>li.active a{ color:#b3b3b3; }
.hindnav-ul a>p:first-child{font-weight: 600; font-size: 18px;}
.hsjnav-btn{ display: none; position: absolute; top:10px; right: 10px; width: 30px;height: 30px;border-radius: 5px;}
#head-logout{display: none;} 

footer p,footer p>a{color:#CBC9CD; font-size:13px;}
.by-foot{ background-color:#1A1A1A;}
.by-foot>.byf-f{ background-color:#202020;}
.by-foot>.byf-f>div{ padding: 10px 0 10px 150px; margin:0 auto;box-sizing: border-box;}
.by-foot>.byf-f>div>h4{ color:#fff; padding:10px 0 0;}
.by-foot>.byf-f>div>ul{ height:40px; line-height:40px;}
.by-foot>.byf-f>div>ul>li{ float:left; padding-right:80px;}.by-foot>.byf-f>div>ul>li>a{ font-size:13px;}
.byf-s{ width:1000px; margin:0 auto; padding-top:15px; color: #fff;text-align: center;padding: 50px 0;}
.byf-s>.byf-logo{ width:20%; padding-top:30px;}
.byf-s>.byf-word{ width:80%;}.byf-s>.byf-word>p{ color:#CBC9CD; padding:5px 0; font-size:13px;}.byf-s>.byf-word>p>a{ padding-right:5px;color:#CBC9CD; }
.byf-img>div{ padding:20px 5px;}
.byf-img>.fl>a{ display:block;}
.byf-img{ border-top:1px solid #7A7A7A; margin-top:20px;}
.byfi-w,.byfi-w a{ font-size:12px; color:#CBC9CD}
.byf-img>.byfi-w{ padding:10px;}

.es-ind-c1{ padding: 40px 0;}
.eind-c1-l{ width: 71%;}
.eind-c1-l>div{width:100%;}
.eind-c1-r{ width: 29%; padding: 0 0 20px 20px; box-sizing: border-box;}
.eind-c1-r ul{ padding: 0 10px;}
.kh-i{ color: var(--color); padding-right: 10px; font-size: 25px;}
.eindc1-l-new{ width: 100%; padding: 10px 0;    border: 1px solid #ccc;border-radius: 16px 0 16px 0;box-sizing: border-box;margin: 10px 0;}
.eindc1-l-new:hover,.eindc3-match>div:hover{box-shadow: 1.5px 2.598px 6px 0px rgba(0, 0, 0, 0.5);}
.eindc1-l-new div{height: 0; padding-bottom: 40.37%; overflow: hidden;}
.eindc1-l-new img{ width: 100%; background-color: #CBC9CD;}
.eindc1-l-new a{ display: flex; flex-direction: column; color:#000;width: 90%;margin: 0 auto;}
.eindc1-l-new .inner1{ max-height:19px ; overflow: hidden;}

.eindc2-info{  margin: 10px; padding: 15px; border-bottom:1px solid #ccc; }
.eindc2-info:hover{box-shadow: 1.5px 2.598px 6px 0px rgba(0, 0, 0, 0.5);border-radius: 16px 6px 16px 6px;}
.eindc2-info a{ color:#000;}
.eindc2-info:hover h5{ color:var(--color);}
.eindc2-info-l{ width: 16%;}
.eindc2-info-l div{width: 100%;  height: 0;padding-bottom:64.09%}
.eindc2-info-l img{ width: 100%;}
.eindc2-info-r{ width: 82%;}
.eindc2-info-r h5{ font-weight: 100; font-size: 18px;}
.eindc2-info a{display: flex; justify-content: space-between; color:#000;}
.eindc2-btn{ width: 150px; padding:8px 0; margin: 10px auto 50px; text-align: center; border:1px solid #ccc; border-radius: 6px 0; cursor: pointer;}
.eindc2-btn:hover{ background-color: var(--color); color: #fff;}

.eindc3-match{ width: 25%; }
.eindc3-match>a{ display: block; color:#000; width:90%; margin: 10px auto; border-radius: 16px 6px 16px 6px; border:1px solid #ccc; box-sizing: border-box;padding-bottom: 10px;}
.eindc3-match div{width: 100%; height: 0; padding-bottom: 106.9%;border-radius: 16px 6px 16px 0;overflow: hidden;}
.eindc3-match img{ width: 100%;}
.eindc3-match p{ padding: 0 10px;max-height: 38px;overflow: hidden;}
.eindc3-match h4{ text-align:center; max-height: 24px;overflow: hidden;}

.es-ind-c4{ margin: 0 0 30px;}
.es-ind-c4 a:hover, .eindc3-match a:hover{box-shadow: 1.5px 2.598px 6px 0px rgba(0, 0, 0, 0.5);}
.es-ind-c4 a{width: 100%; height: 0; padding-bottom: 23.25%; display: block;border-radius: 16px 6px 16px 6px;overflow: hidden;}
.es-ind-c4 img{width: 100%; }

.es-ind-c5>.center-area{ border-bottom: 1px solid #e6e6e6; padding: 10px 0; margin-bottom: 50px;}
.eindc5-link{ width: 90%; margin: 20px auto;}
.eindc5-link li{ float: left; width: 25%; text-align: center;}
.eindc5-link li a{ color:#000;}
.eindc5-link li a:hover{ color:var(--color);text-decoration: underline;}

.nc1-l{ width: 70.79%;}
.nc1-r{ width: 29.21%;}
.nc1-r>ul{ padding: 0 10px;}
.nc1-limg{ width: 22.63%;}
.nc1-lcont{ width: 75%;}
.nc1-lul{ min-height: 600px;}
.nc1-l-page{display: flex;justify-content: center;}
.nc1-link{ margin: 30px 0 10px;padding-left: 15px;}
.nc1-fenlei{ width: 93%; margin: 10px auto 0; background-color: #f2f2f2; border-radius: 6px 0 6px 0;}
.nc1-fenlei>li{ padding: 5px 10px; cursor: pointer;}
.nc1-fenlei>li.active{ color:#fff; background-color: var(--color);border-radius: 6px 0 6px 0;}
.matchList{ display: none;}
.news-info a{flex-direction: row;}

.news-det{ padding: 0 0 50px 0;}
.news-det img{ width: 80%; display: block; margin: 0 auto;}
.news-det h4{ text-align: center;}
.news-det p{ padding: 10px; color:#4d4d4d;}
.news-det p:last-child{border-bottom: 1px solid #ccc; padding-bottom: 30px}
.news-det-time{ padding: 10px 0; text-align: center; color:#a6a6a6;}
@media(max-width:1300px){
.hsjesp-team .center-area,.center-area{ width: 100%; padding: 0 10px; box-sizing: border-box;}
}
@media(max-width:1024px){

.byf-s>.byf-logo{ width:15%;}	
.by-foot,.byf-s{ width:100%;}
.byf-s>.byf-logo>img{ width:80%;}
.byf-s>.byf-logo{ padding-top:5px;}
.byf-img>div{ padding:10px 2px;}
.byf-img>.byfi-w{ padding:0;}
.byf-img{ margin-top:5px;}
.hsj-ind-nav .indnav-left{ width: 18%;}
}
@media(max-width:768px){
.inner6{-webkit-line-clamp:3;}
.hindnav-ul a>p:first-child{ font-size: 16px;}
.foot-center>div{ width: 60%;}
.hsj-ind-nav .indnav-left{ width: 20%;}
.hsj-ind-nav .po-re img{ top:10px;}
.indnav-right{ padding-left: 150px;}
.es-ind-c1{ padding: 20px 0 0;}
.eindc2-info-l{ width: 25%;}
.eindc2-info-r{width: 72%;}
} 
@media(max-width:600px){
.byf-s>.byf-word>p{padding: 2px 0;}
.byf-img>div{padding: 3px 2px;}
.mnif-img1{width: 30%;}
.mnif-img2 {width: 10%;}
.mnif-img1 img, .mnif-img2 img{ width: 100%;}
.hsjnav-btn{ display: block;}
.hsj-ind-nav{ height: 50px;}
.hsj-ind-nav .indnav-left{ width: 200px;}
.indnav-right{ display: none; width: 100%;position: absolute;z-index: 1;background-color: #000;top: 50px;left: 0; padding-left: 0; height: auto;}
.hindnav-ul>li{ width: 100%; padding: 5px 0;}
.hsj-ind-nav>.center-area{ padding: 0;}
html{ font-size: 12px;}
}
@media(max-width:414px){
.byf-s>.byf-word>p{ font-size:10px;}
.byf-s>.byf-logo{ padding-top:5px;}
.byfi-w, .byfi-w a{ font-size:10px;}
.eind-c1-l,.eind-c1-r{ width: 100%; padding: 0;}
.es-ind-c1{ padding: 10px 0;}
.eindc2-info-l{ width: 40%;}
.eindc2-info-r{ width: 60%;padding-left: 10px;}
.eindc2-btn{margin: 10px auto 30px;}
.eindc3-match{ width: 50%;}
.es-ind-c5>.center-area{ margin-bottom: 20px;}
.nc1-l,.nc1-r{width: 100%;}
}
@media(max-width:375px){
}
@media(max-width:320px){
}