*{margin: 0;padding: 0;box-sizing: border-box; color:#484848; font-size:12px;}
@font-face {font-family: 'Bahnschrift';src: url('../fonts/Bahnschrift.ttf') format('truetype');font-weight: normal;font-style: normal;}
.colo{color:#656563; font-size:12px;}
.cle{ clear:both;}
a{ text-decoration:none; color:#484848;}
.mbt50{ margin-bottom:50px;}
.fl{float:left;}
body{ margin:0 auto; padding:0PX;}
section{ width:90%; margin:0 auto;}
.image-container {width: 100%;display:flex;justify-content: center; /* 水平居中 */align-items: center; height: 100vh;}
.image-container img {width: 100%;transform: translateX(-100%); /* 开始时图片在容器外 */transition: transform 2s ease; /* 过渡效果 */}
.image-container.show img {transform: translateX(0); /* 图片完全显示 */}
/*********************内页导航***************************************************/
.index-nav{width:90%;height:100px;margin:0 auto;position: fixed; background:#fff; z-index:99; margin-left:5%; top:0px;}
.nav-line{height:100px;width:50%;display: block;outline: none; float:left;}
.nav-line img{max-width:100%; padding-left:11%; float:left;}
.nav-wz{height:100px;width:300px;margin-left:30px; float:left;line-height:100px; font-weight:bold; font-size:14px; color:#484848; font-family: 'Bahnschrift';}

.index-nav-frame{width:50%; float:left; margin:0 auto;height:20px; margin-top:40px;}
.index-nav-frame-line{color: #333333;float:left;position: relative; padding-left:30px; padding-right:30px;line-height:20px;text-align:center;font-weight:bold;border-left:1px solid #c5c3c4;text-transform:uppercase;font-family:'Bahnschrift';}
.index-nav-frame-line a.active{color:#ff0b4d;}
.index-nav-frame-line-center{opacity:0;height:0;overflow:hidden;position: absolute;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s; z-index:999;}
.index-nav-frame-line-li{width:100%;font-weight:500;text-align: center;background: white;color: #666666; float:left; height:40px; line-height:40px; border:none;}
.index-nav-frame-line-li:hover{background: #ff003c;color: white;}
.index-nav-frame-line-li:hover a{background: #ff003c;color: white;}
.index-nav-frame-line-focus:focus{display: none;}
.index-nav-frame-line:hover .index-nav-frame-line-center{height:auto;opacity: 1;}

.nav-linee{height:100px;width:43px;display: block;outline:none; float:right; margin-top:-40px;}
.nav-linee img{ max-width:100%;}

.nav-small{width: 30px;height: 30px;position: absolute;right: 10px;top:10px;cursor: pointer;display: none;outline: none;}
.nav-small img{width: 100%;height: 100%;object-fit: cover;}
.nav-small-focus{position: absolute;width: 100%;height: 100%;display: none;}
.nav-small-focus:focus{display: none;}
@media only screen and (max-width:800px) {
.index-nav-frame-line-center{opacity:0;height:0;overflow:hidden; border:1px solid;position:absolute;width:100%;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s; }
.index-nav-frame-line-li a{display: block;color: white;}
.nav-line{display: block;border-bottom: 1px solid #eeeeee;}
.nav-small{display: block;}
.nav-small:focus~.index-nav-frame-line{height: auto;border-bottom: 1px solid #ccc;}
.nav-small:focus .nav-small-focus{display: block;}
.index-nav-frame{width: 100%;}
.index-nav-frame-line{width: 100%;height: 0;overflow: hidden;}
.index-nav-frame-line-center{position: relative;background: #444359;}
.index-nav-frame-line:hover .index-nav-frame-line-center{height:0;opacity: 0;}
.index-nav-frame-line-li{border-bottom: 1px solid #4b4a5e;color: #d9d9d9;background: #444359;}
.index-nav-frame-line-li:hover{background: #b63b4d;}
.index-nav-frame-line:focus{height: auto;border-bottom: 1px solid #ccc;}
.index-nav-frame-line:focus>.index-nav-frame-line-center{height:auto;opacity: 1;}
.index-nav-frame-line:focus .index-nav-frame-line-header{color: #B63B4D;}
.index-nav-frame-line-focus{display: none;width: 100%;height: 50px;position: absolute;left: 0;top: 0;}
.index-nav-frame-line:focus .index-nav-frame-line-focus{display: block;}
.nav-linee{display: none;}
}

.bzBanner{width:90%; height:auto; overflow:hidden; position: relative; margin:0 auto; border-radius:30px; padding-bottom:50px;}
.bzBanner .content,.bzBanner .col,.bzBanner .col a{width:100%; height:100%; position: absolute; top:0px; left:0px;}
.bzBanner .btn{position: absolute; bottom:100px;right:50%;z-index:5; }
.bzBanner .btn i{display:block; float: left; width:10px; height:10px; padding:0 5px; border-radius:10px; margin-left:10px; background:#d2d2d2; overflow:hidden; cursor:pointer; }
.bzBanner .btn i:hover{background:#e71748; }
.bzBanner .btn i.act{ background:#e71748; }
.bzBanner .pre,.bzBanner .next{display:inline-block; width:72px; height:72px; background:url(../images/btn.png) no-repeat; position:absolute; top:50%; margin-top:-50px; z-index:3; }
.bzBanner .pre{left:30px; }
.bzBanner .next{right:30px; background-position:0 -72px; }
.bzBanner .pre:hover{background-position:0 -144px; }
.bzBanner .next:hover{background-position:0 -216px; }
.bzBanner .col a{color:white; }
/**********************************图片展示****************************************/
.wall {display: block;position: relative; width:90%; margin:0 auto; margin-top:50px;}
.article {transition: all 220ms; margin-bottom:40px; display:inline-block;}
.article:nth-child(4n){ float:right;}
.article:hover { transform: translateY(-5px); transition: all 220ms; }
.article .tuu{overflow:hidden;border-radius:20px;display: flex;justify-content: center;align-items: center;}
.article .tuu img { width:100%; height:100%; object-fit: cover; display:block;}
.article .miaos {text-align:left;font-size: 14px;color:#656563;  margin-top:20px;}
.article h2 {text-align:left;font-size: 12px;text-transform: uppercase;color:#656563; font-weight:normal;line-height:20px;font-family: 'Bahnschrift';}
.article p{text-align:left;font-size: 12px;color:#656563;line-height:20px; display:block; width:100%;text-transform: uppercase;font-family: 'Bahnschrift';}
.wall-column { display: block; position: relative;width: 23.5%;float: left; margin-right:2%;box-sizing: border-box;}
.wall-column:nth-child(4n){float:right; margin-right:0px;}

.wall-columnm { display: block; position: relative;width: 32%;float: left; margin-right:2%;box-sizing: border-box;}
.wall-columnm:nth-child(3n){float:right; margin-right:0px;}
.gengduo{margin-top:60px; margin-bottom:60px; display:inline-block; text-align:center; width:100%; font-family:'Bahnschrift'; text-transform:uppercase; color:#656563;}
@media (max-width: 640px) {.wall-column {width: 50%;}}
@media (max-width: 480px) {.wall-column {width: auto;float: none;}}
/*****************介绍*********************/
.jslf{width:45%; float:left; text-align:right;font-family:'Bahnschrift'; text-transform:uppercase; color:#656563; font-size:16px;}
.jsrt{width:50%; float:right; text-align:left; line-height:20px;font-family:'Bahnschrift'; color:#656563; }
.jsrtxw{height:300px; overflow:hidden;display: flex;justify-content: center;align-items: center; border-radius:30px}
.jsrtxw img {object-fit: cover; display:block; max-width:100%;}
.jsrt b{font-family:'Bahnschrift'; color:#656563; text-transform:uppercase; font-size:14px; display:inline-block; margin-bottom:20px; line-height:20px;}
.jsrt p{font-family:'Bahnschrift'; color:#656563;margin-bottom:20px;}
.bottom{ height:50px; line-height:50px; color:#656563; text-align: left;}
/**********************联系我们*******************************/
.lianxiwom{margin-top:20px; color:#656563; margin-bottom:50px;line-height:25px;}
.lianxiwom img{ max-width:100%; border-radius:30px;}
/**********************新闻资讯*******************************/
.aanews{color:#656563; margin-bottom:50px;font-size:12px; line-height:20px;}
.aanews p{font-size:14px; line-height:40px;color:#656563; width:100%; text-align:left; font-family:'Bahnschrift'; margin-bottom:0px; margin-top:20px; font-weight: bold;}
.imgg{max-height:250px;overflow:hidden;display: flex;justify-content: center;align-items: center;border-radius:20px;}
.imgg img {width:100%; height:100%; object-fit: cover; display:block;}
.nytitzw{color:#535353; text-transform:uppercase; font-size:14px; font-weight:bold;line-height:20px;font-family:'Bahnschrift'; }
.nytitzwzw{line-height:20px; text-transform:uppercase;color:#535353;font-weight:bold; font-size:14px;}
.neirong{margin-top:50px;color:#656563; line-height:20px;}
.cpneirong{ margin-top:50px;color:#656563; line-height:20px; text-align:left; width:76%;}
/**********************************招聘****************************************/
.mbt100{margin-bottom:100px;}
.mtp50{margin-top:50px;}
.jobleft{ width:100%;  text-align: left;}
.jobleft b{ font-weight:normal; display:block; margin-bottom:10px;}
.jobleftms{color:#656563; line-height:30px; margin-bottom:50px;}

@media screen and (max-width:768px) {
}
.cpnr{width:88%; float:right;}
.cptit{font-family:'Bahnschrift'; text-transform:uppercase; font-size:16px; font-weight:bold;display: flex;align-items: center;gap: 10px; width:100%;}
.cptit::before,.cptit::after {  content: "";  flex: 1;  height: 1px;  background: #dedede;}

hr {border-style: dashed;border-width:1px; /* 可选：调整虚线的宽度 */border-color:#999; /* 可选：调整虚线的颜色 */}