@import url("font/siyuan.css");
a{text-decoration:none;color:inherit}
a:hover{text-decoration:none;color:#333;}
body{margin: 0 auto;}
body.show{overflow:hidden;background-color: #fff;}
html{font-size: 16px;font-family: "Microsoft YaHei, arial" ;}
h1, h2, h3, h4, h5, h6{margin:0;}
ul{margin:0;padding:0}
li{list-style:none}
pre{white-space:pre-wrap;overflow:hidden}
table{width:100%!important}
table td{border:1px solid #333}
iframe{width:100%!important}
.clear{clear: both;}
p{margin-bottom: 0;}
.w100{width: 100%;margin: 0 auto;}
.w1600{width: 1600px;max-width: 100%;margin: 0 auto;}
header{background-color:#fff;padding: 20px 0; position: sticky;    top: 0; z-index: 1000;}
.header-top{display:flex;justify-content:space-between;align-items:center;}
.logo{display:flex;align-items:center}
.logo h1{font-size:24px;color:#c00;margin-right:10px}
.logo span{font-size:16px;color:#333}
.nav-menu{display:flex;justify-content: space-between;width: 980px;}
.nav-menu li{margin-left:25px;position:relative}
.nav-menu a{color:#333;font-size:16px;padding:10px 0;}
.nav-menu a:hover{color:#c00}
.nav-menu .active a{color:#c00}
.language-select{margin-left:20px;width: 130px;border-radius:3px;font-size:20px;display: flex;justify-content: space-between;align-items: flex-start;}
.language-select i {width: 40px;height: 30px;background: url(../images/en.jpg) left top no-repeat;display: inline-block;background-position-y:2px;}
.language-select p{display: inline-block;height: 30px;overflow: hidden;position: absolute;left: 30px;background-color: #fff;text-align: center;}
/*.language-select:hover p{height:100px;}*/
.language-select span{ width: 20px;height: 30px;background: url(../images/lanage1.png) right center no-repeat;display: inline-block;display: inline-block;position: absolute;right: 0;}
.language-select a{display: block;padding-top: 0px; text-transform: uppercase;}
.mobile-menu-btn{display:none;font-size:24px;cursor:pointer}

/*表格样式*/

.contable {overflow:scroll;width:100%; overflow-x:hidden;overflow-y:hidden;}
.contile{font-size:24px; color:#1e4b75; }

.home-title-br{
    white-space: pre-line;
    line-height:1.5;
}


.indexbanner .swiper{height: 800px;}
.indexbanner .swiper-button-prev, .indexbanner  .swiper-button-next{color: #fff;}
.indexbanner .swbox{display: flex;flex-wrap: wrap;flex-direction: column;text-align: center;align-items: center;justify-content: center;height: 100%;width: 860px;margin: 0 auto;}
.indexbanner .swbox h3{font-size: 4rem;margin-bottom: 10px;text-shadow: 1px 1px 3px rgba(0,0,0,0.3);font-family: "MiSans-Semibold";color: #fff;font-family: "MiSans-Semibold";}
.indexbanner .swbox p{ color:#fff;font-family: "MiSans-regular";font-size: 20px;line-height: 30px;text-shadow: 1px 1px 3px rgba(0,0,0,0.3);}
.indexbanner .swbox a{ display: none;width: 180px;height: 45px;line-height: 45px;text-align: center;background-color: #1e4b75;color: #fff;margin:20px auto;text-transform: uppercase;font-size: 14px;font-family: "MiSans-Demibold";}
.indexbanner .swiper-slide{background-position:bottom center;background-size: cover;}
@media screen and (max-width: 768px) {
    .indexbanner .swiper-button-prev, .indexbanner .swiper-button-next{top:65%}
}
.indexproduct{padding: 80px 0;background-color: #f7f7f7;}
.indexproduct h3{font-size:2rem;font-family: "MiSans-Semibold";color:#3d3d3d;float: left;display: block;line-height: inherit;}
.indexproduct h3::after{content: "";display: block;width: 50px;height: 3px;background-color: #1e4b75;margin-top: 10px;}
.indexproduct .cat{float: right;width: 65%;margin-top: 30px;}
.indexproduct .cat ul{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.indexproduct .cat ul li{text-align: center;padding: 10px 25px;margin:0 10px 10px 0;}
.indexproduct .cat ul li {background-color: #1e4b75;transition: all 0.5s ease-in;}
.indexproduct .cat ul li:hover{transform: translateY(-5px);}
.indexproduct .cat ul li a{font-family: "MiSans-regular";color: #6a6a6a;}
.indexproduct .cat ul li a ,.indexproduct .cat ul li:hover a{color: #fff;}
.indexproduct .catlist{clear: both;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;margin-top: 40px;width: 1800px;}
.indexproduct .catlist .swiper-container{position: relative;padding: 0 100px;box-sizing: border-box;width: 100%;margin-top: 60px;}
.indexproduct .catlist .swiper-button-prev,.indexproduct .catlist .swiper-button-next { position: absolute;  top: 50%;  transform: translateY(-50%);  margin-top: 0; width:80px;height: 100%;background-color: #f7f7f7;}
.indexproduct .catlist .swiper-button-prev:after,.indexproduct .catlist .swiper-rtl .swiper-button-next:after{content:""}
.indexproduct .catlist .swiper-button-next:after,.indexproduct .catlist .swiper-rtl .swiper-button-prev:after{content:""}
.indexproduct .catlist .swiper-button-prev{left:0;}
.indexproduct .catlist .swiper-button-prev i{display: block;width:46px;height: 46px;background-image: url(../images/jian.png);background-size: cover;}
.indexproduct .catlist .swiper-button-next{right: 0;}
.indexproduct .catlist .swiper-button-next i{display: block;width:46px;height: 46px;background-image: url(../images/jian.png);transform: rotate(-180deg);background-size: cover;}
.indexproduct .catlist .swiper-slide{width: 25%;overflow: hidden;}
.indexproduct .catlist .swiper-slide .pimg{max-height: 280px;overflow: hidden;}
.indexproduct .catlist .swiper-slide img{width: 100%;transition: all 0.5s ease-in;}
.indexproduct .catlist .swiper-slide:hover img{transform: scale(1.1);transition: all 0.5s easein;}
.indexproduct .catlist .swiper-slide  p{font-size: 1rem;text-align: center;height: 60px;line-height: 60px;}
.indexproduct .catlist .swiper-slide  p>a{color: #333;font-family: "MiSans-Regular";}
.indexproduct .catlist .swiper-slide:hover p>a{color: #1e4b75;}
.indexabout{padding: 80px 0;	background-image: url(../images/indexaboutbg.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	background-size: auto auto}
.indexabout .left{width: 49%;float: left;}
.indexabout .left abbr{display: block;color: #1e4b75;font-size: 2rem;font-family: "MiSans-Semibold";text-transform: uppercase;}
.indexabout .left h3{display: block;color: #3d3d3d;font-size: 2rem;font-family: "MiSans-Semibold";height: 50px;line-height: 50px;margin: 1rem 0;}
.indexabout .left p{display: block;color: #6a6a6a;font-size:1rem;font-family: "MiSans-regular";line-height: 1.8rem;margin:20px 0 0;}
.indexabout .right{width: 49%;float: right;text-align: right;}
.indexabout .right img{max-width: 100%;}
.view-more-btn{
    display:block;
    width:100%;
    max-width:150px;
    background-color:#1a4b7c;
    color:#ffffff;
    text-align:center;
    padding:16px 0;
     margin-top: 30px;
    font-size:1rem;
    font-weight:500;
    text-decoration:none;
    box-sizing:border-box;
}
.view-more-btn::after{
    content:" >";
}
.view-more-btn:hover{
    background-color:#f18101;
}

.indexabout .bottom{clear:both;margin-top: 60px;box-shadow:  1px 0px 16px rgba(0,0,0,0.1);}
.indexabout .bottom ul{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding:35px;}
.indexabout .bottom ul li{width: 25%;border-right:1px solid #ededed;text-align: center;}
.indexabout .bottom ul li:last-child{border-right: none;}
.indexabout .bottom ul li i{display: inline-block;width: 88px;height: 80px;background: url(../images/honorico.png) left center no-repeat;}
.indexabout .bottom ul li:nth-child(1) i{background-position: 0 0;}
.indexabout .bottom ul li:nth-child(2) i{background-position: -133px 0;}
.indexabout .bottom ul li:nth-child(3) i{background-position: -260px 0;}
.indexabout .bottom ul li:nth-child(4) i{background-position: -403px 0;}
.indexabout .bottom ul li p{display: inline-block;margin-left: 30px;}
.indexabout .bottom ul li p b{font-size: 2.1rem;font-family: "MiSans-Semibold";color: #3d3d3d; }
.indexabout .bottom ul li sup{line-height: 0;position: relative;top: -1rem;left:0.5rem;color: #333;font-size: 1rem;}
.indexabout .bottom ul li p span{display: block;color: #333;font-size: 1rem;font-weight: bold;text-align:left;}

.indexclute{height: 450px;padding:75px 0;background: url(../images/culturebg.jpg) top center no-repeat;box-sizing: border-box;}
.indexclute .left{width: 50%;float: left;}
.indexclute .left h3{font-family: "MiSans-Semibold";font-size: 2rem;color: #fff;margin-bottom:1.4rem}
.indexclute .left p{font-family: "MiSans-Regular";color: #fff;font-size: 1rem;line-height: 1.6rem;}
.indexclute .left p span{display: block;}
.indexclute .left abbr{display: block;margin-top:40px;width: 160px;height: 50px;line-height: 50px;text-align: center;border: 1px solid #fff;font-family: "MiSans-Regular";}
.indexclute .left abbr a{ color: #fff;font-size: 1rem;}
.indexclute .right{width: 42%;float: right;}
.indexclute .right ul{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.indexclute .right ul li{width: 49%;padding:25px 20px;border: 1px solid #fff;display: flex;align-items: flex-start;justify-content:flex-start;height:130px;overflow: hidden;}
.indexclute .right ul li i{display: block;width: 80px;height: 43px;background: url(../images/cultureico.png) left top no-repeat;}
.indexclute .right ul li:nth-child(1) i{background-position: 0 0;}
.indexclute .right ul li:nth-child(2) i{background-position: -82px 0;}
.indexclute .right ul li:nth-child(3) i{background-position: -158px 0;}
.indexclute .right ul li:nth-child(4) i{background-position: -243px 0;}
.indexclute .right ul li:nth-child(3),.indexclute .right ul li:nth-child(4){margin-top: 30px;}
.indexclute .right ul li p{margin-left: 0;line-height: 1.2rem;}
.indexclute .right ul li b{display: block;font-family: "MiSans";font-weight: 400;font-size: 1.2rem;color: #fff;margin-bottom: 10px;}
.indexclute .right ul li span{font-size: 0.9rem;color: #fff;display: block;}

.indexnews{padding: 80px 0;}
.indexnews h3{font-size:2rem;font-family: "MiSans-Semibold";color:#3d3d3d;float: left;display: block;line-height: inherit;}
.indexnews h3::after{content: "";display: block;width: 50px;height: 3px;background-color: #1e4b75;margin-top: 10px;}
.indexnews .cat{float: right;margin-top: 30px;}
.indexnews ul{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;margin-top: 40px;}
.indexnews ul li{width: 23%; align-items: flex-start;}
.indexnews ul li .pimg{overflow: hidden;padding: 20px;
    background-color: #f7f7f7;
    box-sizing: border-box;}
.indexnews ul li .pimg img{width:auto;max-width: 100%;object-fit: cover;transition: transform 0.5s;}
.indexnews ul li:hover .pimg img{transform: scale(1.05);}

.indexnews ul li p{font-size: 1.2rem;color: #333;margin-top: 10px;}
.indexnews ul li p>abbr{font-size: 1rem;font-family: "MiSans-regular";}
.indexnews ul li p>span{display: block;margin-top: 0.5rem;}
.indexnews ul li p a{color: #333;font-family: "MiSans";}
.indexnews ul li:hover p>abbr,.indexnews ul li:hover p a{color: #1e4b75;}

footer{
    padding: 88px 0;
    background-color: #f2f2f2;
    overflow: hidden;
}
/* 核心三栏flex布局 */
footer .footer-inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
}
/* 左侧联系信息 */
footer .footer-left {
    width: 24%;
    min-width: 260px;
}
footer .footer-left .footico{
    margin-bottom: 30px;
}
footer .footer-left p{
    color: #333;
    margin-bottom: 10px;
    font-weight: 600;
}
footer .footer-left span{
    display: block;
    font-size: 1rem;
    color: #333;
    
    margin-bottom: 10px;
}
/* 中间二维码区域 */
footer .footer-qrcode {
    width: 18%;
    min-width: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
footer .qrcode-list {
    display: flex;
    justify-content: center;
    gap: 20px;
}
footer .qrcode-item img {
    width: 140px;
    height: 140px;
    display: block;
}
footer .qrcode-txt {
    
    font-size: 1rem;
    color: #333;
    margin-top: 12px;
    text-align: center;
}
/* 右侧菜单 */
footer .footer-right {
    width: 54%;
    min-width: 440px;
}
footer .footer-nav {
    display: flex;
    justify-content: flex-end;
    gap: 60px;
}
footer .footer-nav dl {
    min-width: 110px;
}
footer .footer-nav dt {
    color: #333;
     font-weight: 600;
    margin-bottom: 14px;
}
footer .footer-nav dd {
    font-size: 1rem;
   
    color: #333;
    margin-bottom: 10px;
}
.copyright{
    height: 4rem;
    line-height: 4rem;
    background: #1e4b75;
    text-align: left;
    color:#fff;
}
/* 移动端适配 */




@media screen and (max-width:1440px) {
.w1600{width:1360px;}  
.indexclute .left{width: 48%}
.indexclute .right{width: 50%;}
.indexnews ul li .pimg{}
.indexproduct .catlist{width: 100%;}
.indexproduct .catlist .swiper-button-prev i, .indexproduct .catlist .swiper-button-next i{width:40px;height: 40px;}
.indexclute .right ul li i{width: 66px;}
.indexproduct .cat{float: right;width: 70%;margin-top: 30px;}
}
@media screen and (max-width:1380px) {
    .w1600{width:1200px;}  
    .indexabout{padding: 80px 10px;}
    .indexclute .left p span{display: inline-block;}
    .indexclute .right ul li{padding: 25px 10px;}
    .indexclute .right ul li p{margin-left: 10px;}
    .indexclute .right ul li span{display: inline-block;}
    .indexnews{padding: 80px 10px;}
    .indexproduct .cat{float: right;width: 78%;margin-top: 30px;}
}
@media screen and (max-width:1220px) {
	.w1600{width:100%;padding:0 10px;}  
    .nav-menu li{margin-left: 20px;}
    .nav-menu a{font-size: 0.8rem;}
.indexabout .left abbr{font-size: 1.6rem;}
.indexabout .left h3{font-size: 2rem;}
.indexabout .bottom{margin-top: 2rem;}
.indexabout .bottom ul{padding: 35px 15px;}
.indexabout .bottom ul li p b{font-size: 1.6rem;}
.indexabout .bottom ul li p{margin-left:0;}
.indexabout .bottom ul li sup{font-size: 0.7rem;}

.indexclute{margin-top: 2rem;}
.indexclute .left h3{font-size: 1.6rem;}
.indexclute .left p{font-size: 1rem;}
.indexclute .right ul li span{display: inline;font-size: 0.8rem;}
.indexclute .right ul li b{font-size: 1rem;}
.indexnews ul li .pimg{}
.indexnews ul li p>span{height: 70px;}

footer .footer-nav {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
footer .footer-right {
    width: 54%;
    min-width: 340px;
}
footer .footer-nav dl {
    min-width: 60px;
}
}

@media screen and (max-width: 900px) {
    footer .footer-inner {
        flex-direction: column;
        gap: 40px;
    }
    footer .footer-left,
    footer .footer-qrcode
{
        width: 100%;
        min-width: 0;
    }
    footer .footer-nav {display: none;}
    footer .right{display: none;}
}
@media screen and (max-width:768px) { 

.nav-menu{display:none;position:absolute;top:100%;left:0;width:100%;background-color:#fff;flex-direction:column;box-shadow:0 5px 10px rgba(0,0,0,.1)}
.nav-menu.active{display:flex}
.nav-menu li{margin:0;border-bottom:1px solid #eee}
.nav-menu a{display:block;padding:15px}
.mobile-menu-btn{display:block}
.language-select{padding: 15px;width: 100%;text-align: center;justify-content: flex-start;}
.language-select p{position: initial;width: 100%;justify-content:flex-start;display: flex;align-items: center;}
.language-select a{display: inline-block;width:80px;text-align: left;}
.language-select a:nth-child(1){display: none;}
.language-select span{display: none;}
.indexbanner .swiper{height: 430px;}
.indexbanner .swiper-slide{
    background-repeat: no-repeat;/*禁止背景图重复平铺*/
    background-position: center;/*背景居中*/
}


.indexbanner .swbox{width: 100%;}
.indexbanner .swbox h3{font-size: 1.5rem;}
.indexbanner .swbox p{font-size: 0.8rem;}
.indexproduct{padding: 30px 0;}

.indexproduct h3{margin-left: 0;font-size: 1.5rem;float: none;}
.indexproduct .catlist .swiper-container{padding: 0;margin-top: 10px;}
.indexproduct .catlist .swiper-button-next i,.indexproduct .catlist .swiper-button-prev i{background-size: contain;width: 35px;height: 35px;}
.indexproduct .catlist .swiper-button-prev, .indexproduct .catlist .swiper-button-next{width: 45px;}
.indexproduct .catlist .swiper-button-prev{left:-1px;}
.indexproduct .cat{float: none;}
.indexproduct .cat ul li a{font-size: 0.8rem;}

.indexclute{height:auto;background-size: cover;}
.indexclute .left{width: 100%;float: none;}
.indexclute .left abbr a{font-size: 0.8rem;}
.indexclute .right{width: 100%;float: none;margin-top: 2rem;}
.indexclute .right ul li{padding: 25px;height: 135px;}
.indexclute .right ul li span{display: block;}
.indexclute .right ul li i{width: 47px;}
.indexclute .right ul li:last-child i{width: 76px;}
.indexclute .right ul li:last-child span{display: inline;}


.indexabout{padding: 2rem 10px;}
.indexabout .left,.indexabout .right{width: 100%;}
.indexabout .left p{font-size: 0.9rem;line-height: 1.5rem;}
.indexabout .left abbr{font-size: 1.2rem;}
.indexabout .left h3{font-size:1.5rem}
.indexabout .right{margin-top: 1rem;}
.indexabout .bottom ul li i{width: 90px;height: 60px;background-size: cover;}
.indexabout .bottom ul li:nth-child(1) i{background-position: 10px 0;}
.indexabout .bottom ul li:nth-child(2) i{background-position: -86px 0;}
.indexabout .bottom ul li:nth-child(3) i{background-position: -185px 0;}
.indexabout .bottom ul li:nth-child(4) i{background-position: -290px 0;}
.indexabout .bottom ul li p{display: block;margin-top: 1rem;}
.indexabout .bottom ul li p b{font-size: 1.3rem;}
.indexabout .bottom ul li p span{text-align: center;font-size: 0.9rem;}

.indexnews{padding: 50px 10px;}
.indexnews h3{font-size: 1.5rem;}
.indexnews ul li{width: 100%;}
.indexnews ul li .pimg{height: auto;text-align: center;}
footer{padding: 50px 0;}
footer .w1600{display: flex;justify-content: space-between;flex-direction: column;flex-wrap: wrap;}
footer .left{width: 100%;order: 2;float:none;}
footer .right{display: none;}
.copyright{text-align: center;height: auto;line-height: 2rem;}

}

@media screen and (max-width:540px) {
    .logo img{width: 120px;}
    .indexclute .left p{margin-top: 30px;}
    .indexabout .bottom ul li{width: 48%;}
    .indexabout .bottom ul li:nth-child(2){border-right:none;}
    .indexabout .bottom ul li:nth-child(3),.indexabout .bottom ul li:nth-child(4){margin-top: 30px;}
    .indexclute .right ul li{width: 100%;margin: 0 auto;}
    .indexclute .right ul li:nth-child(2){margin-top: 30px;}
    .indexclute .left abbr{display: none;}
    .indexproduct .cat {width: 100%;}
    .indexproduct .cat ul li:nth-child(1){width: 47%;}
    .indexproduct .cat ul li:nth-child(2){width: 47%;}
    .indexproduct .cat ul li:nth-child(3){width: 100%;}
    .indexproduct .cat ul li:nth-child(4){width: 100%;}
    .indexproduct .cat ul li:nth-child(5){width: 100%;}
    .indexproduct .catlist{margin-top: 20px;}
    .indexproduct .catlist .swiper-button-prev, .indexproduct .catlist .swiper-button-next{width: 28px;height: 28px;background-color: transparent;}
    .indexproduct .catlist .swiper-button-next i, .indexproduct .catlist .swiper-button-prev i{width: 27px;height: 27px;}
    footer .left .footico img{width: 100px;}
  
 }

 .nbanner{height: 650px;background-size: cover;display: flex;align-items: center;justify-content: flex-start;}
 .nbanner .tbox {margin: 0;width: max-content;}
 .nbanner .tbox h3{color:#fff;font-size: 3.1rem;font-family: "MiSans-Normal";display: block;margin-bottom: 0;line-height: inherit;margin-bottom: 0.8rem;}
.nbanner .tbox p{display: block;color:#fff;font-size: 1.5rem;font-family:"MiSans-Bold";position: relative;height: 60px;}
.nbanner .tbox p abbr{display: block;position: relative;z-index: 9;text-transform: uppercase;font-weight: bold;}
.nbanner .tbox p::after{content: "";height: 12px;background-color: #f18101;position: absolute;top:80%;left:0;display: block;z-index: 8;width: 100%;}
@media screen and (max-width:1440px) {
	.nbanner{height: 460px;background-size: cover;}
}
@media screen and (max-width:768px) {
    .nbanner{height: 350px;background-size: 100% 100%;}
    .nbanner .tbox p{font-size: 1.5rem;}
     .nbanner .tbox h3{color:#fff;font-size: 2rem;font-family: "MiSans-Normal";display: block;margin-bottom: 0;line-height: inherit;margin-bottom: 0.8rem;}
.nbanner .tbox p{display: block;color:#fff;font-size: 0.9rem;font-family:"MiSans-Bold";position: relative;height: 60px;}
.nbanner .tbox p abbr{display: block;position: relative;z-index: 9;text-transform: uppercase;font-weight: bold;font-size: 0.9rem;}
.nbanner .tbox p::after{content: "";height: 5px;background-color: #f18101;position: absolute;top:80%;left:0;display: block;z-index: 8;width: 100%;}
}
@media screen and (max-width:546px) {
    .nbanner{height: 200px;}
    .nbanner .tbox p{font-size: 1.5rem;height: auto;}
}
 .aboutmenu{border-bottom: 1px solid #eee;height: 90px;}
 .aboutmenu ul li{text-align: center;float:left;height: 90px;line-height: 90px;}
 .aboutmenu ul li a{display: inline-block;height:30px;line-height:30px;border-right: 1px solid #eee;font-size: 1rem;padding:0 40px;}
 .aboutmenu ul li:first-child a{color: #1e4b75;}
 .aboutmenu ul li:hover a{color: #1e4b75;}
 
 .about{padding: 60px 10px;}
 .about h3{font-size: 2rem;font-weight: 400;color:#4c4c4c;font-family: "MiSans";}
 .about h3::after{content: "";display: block;width: 50px;height: 3px;background-color: #1e4b75;margin-top: 20px;}
 .about .left{width:50%;float: left;margin-top: 20px;height: 510px;overflow:hidden; position: relative;}
 .about .left .content{height: 100%;  overflow-y: scroll;  scrollbar-width: none;  -ms-overflow-style: none; padding-right: 20px;}
 .about .left::-webkit-scrollbar {display: none;}
 .about .left p{color: #4c4c4c;font-size: 1rem;line-height: 1.5rem;margin-top: 0.7rem;}
 .about .right{float: right;margin-top: 30px;margin-bottom:60px;width: 49%;}
 .about .right img{max-width: 100%;}

 .culte{padding: 30px 0;display: flex;justify-content: space-between;}
 .culte .left {width: 44%;}
 .culte .left img{max-width: 100%;}
 .culte .right {padding: 30px 20px 30px 55px;flex:1;background-color: #f7f7f7;height: 420px;position: relative;}
 .culte .right h3{font-size: 2rem;font-weight: 400;color:#4c4c4c;font-family: "MiSans";}
 .culte .right h3::after{content: "";display: block;width: 50px;height: 3px;background-color: #1e4b75;margin-top: 20px;}
 .culte .right .content{height:calc(100% - 90px); overflow-y: scroll;  scrollbar-width: none;  -ms-overflow-style: none; padding-right: 20px;margin-top: 20px;}
 .culte .right::-webkit-scrollbar {display: none;}
 .culte .right .content p{font-size: 1rem;color: #4d4d4d;line-height: 1.5rem;margin-top: 0.7rem;}
 .culte .right .content .block-scrollbar{height: 80%;top:50%;transform: translateY(-50%);}

 .honor{padding: 60px  0;position: relative;}
 .honor h3{font-size: 2rem;font-weight: 400;color:#4c4c4c;font-family: "MiSans";}
 .honor h3::after{content: "";display: block;width: 50px;height: 3px;background-color: #1e4b75;margin-top: 20px;}
 .honor .swiper{display: flex;align-items: center;justify-content: space-between;}
 .honorlist{clear: both;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;margin-top: 40px;}
 .honorlist .swiper-container{box-sizing: border-box;width: 100%;}
 .honorlist .swiper-slide{padding: 20px;background-color: #f7f7f7;box-sizing: border-box;}
 .honorlist .pimg{height: 365px;overflow: hidden;text-align: center;display: flex; align-items: center;}
 .honorlist .pimg img{max-width: 100%;}
 .honorlist .swiper-slide p{text-align: center;font-size: 0.9rem;margin-top: 0.7rem;}
 .honor .swiper-button-next,.honor .swiper-button-prev{position: absolute;top: 80px;width:80px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #b7b7b7;}
 .honor .swiper-button-prev:after, .honor.swiper-rtl .swiper-button-next:after{content:""}
 .honor .swiper-button-next:after, .honor .swiper-rtl .swiper-button-prev:after{content:""}
 .honor .swiper-button-prev{left: auto;right:115px;}
 .honor .swiper-button-prev i{display: block;width: 24px;height: 19px;background: url(../images/hjiantou.png) center no-repeat;}
 .honor .swiper-button-next i{display: block;width: 24px;height: 19px;background: url(../images/hjiantou.png) center no-repeat;transform: rotate(-180deg);}
 
 @media screen and (max-width:1440px) {
	.honorlist .pimg {
    height: 340px;
}
}
 
 
.history{height: 600px;background-size: cover;background: url(../images/historybg.jpg) left top no-repeat;padding: 60px 0;}
.history h3{font-size: 2rem;font-weight: 400;color:#fff;font-family: "MiSans";margin: 0 auto;text-align: center;}
.history h3::after{content: "";display: block;width: 50px;height: 3px;background-color: #1e4b75;margin: 20px auto;}
.history ul{max-width: 1800px;height: 300px;display: flex;align-items: center;justify-content: flex-start;overflow: hidden;}
.history ul li{width: 300px;background-color: #fff;padding: 24px 20px;height: 300px;overflow: hidden;box-sizing: border-box;margin-right: 20px;flex-shrink: 0;}
.history ul li blockquote{font-size: 1.2rem;color: #4d4d4d;font-family: "MiSans-Semibold";display: block;margin-bottom: 10px;}
.history ul li abbr{font-size: 2rem;color:#b5271f;font-family: "MiSans-Semibold";display: inline-block;border-bottom: 1px solid #b5271f;padding-bottom: 6px;}
.history ul li p{font-size: 0.9rem;color:#000;line-height: 1.2rem;}
.history .content{overflow-x: scroll;  width: 100%;position: relative;overflow: hidden;height: 350px;}
.history .swiper-container{height: 300px;display: flex;align-items: center;justify-content: flex-start;overflow: hidden;}
.history .swiper-slide{width: 300px;background-color: #fff;padding: 24px 20px;height: 300px;overflow: hidden;box-sizing: border-box;flex-shrink: 0;}
.history .swiper-slide blockquote{font-size: 1.2rem;color: #4d4d4d;font-family: "MiSans-Semibold";display: block;margin-bottom: 10px;}
.history .swiper-slide abbr{font-size: 2rem;color:#b5271f;font-family: "MiSans-Semibold";display: inline-block;border-bottom: 1px solid #b5271f;padding-bottom: 6px;}
.history .swiper-slide p{font-size: 0.9rem;color:#000;line-height: 1.2rem;}

.history .swiper-scrollbar{height: 4px;margin: 30px auto;width: 50%;background: rgba(255, 255, 255, 0.3);}
.history .swiper-scrollbar-drag{background: rgba(255, 255, 255, 0.6);width: 60px !important;}

 .block-scrollbar{position:absolute;top:0;right:0;width:16px;height:100%;background-color:transparent;display:flex;flex-direction:column;align-items:center;padding:5px 0}
 .scroll-arrow{width:12px;height:12px;cursor:pointer;margin:5px 0;position:relative;opacity:.7;transition:opacity .2s}
 .scroll-arrow:hover{opacity:1}
 .scroll-arrow.up::before{content:'';position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #666;top:50%;left:50%;transform:translate(-50%,-50%)}
 .scroll-arrow.down::before{content:'';position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #666;top:50%;left:50%;transform:translate(-50%,-50%)}
 .scroll-track{position:relative;width:1px;height:calc(100% - 44px);background-color:rgba(0,0,0,.1);margin:5px 0}
 .scroll-thumb{position:absolute;width:2px;height:40px !important;background-color:#888;border-radius:3px;left:50%;transform:translateX(-50%);cursor:pointer;transition:background-color .2s}
 .scroll-thumb:hover{background-color:#666}
 .scroll-thumb:active{background-color:#555}

/* 水平滚动条样式 */
.horizontal-scrollbar{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40%;height:16px;background-color:transparent;display:flex;align-items:center;padding:0 5px}
.horizontal-scroll-arrow{width:12px;height:12px;cursor:pointer;margin:0 5px;position:relative;opacity:.7;transition:opacity .2s}
.horizontal-scroll-arrow:hover{opacity:1}
.horizontal-scroll-arrow.left::before{content:'';position:absolute;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:6px solid #fff;top:50%;left:50%;transform:translate(-50%,-50%)}
.horizontal-scroll-arrow.right::before{content:'';position:absolute;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #fff;top:50%;left:50%;transform:translate(-50%,-50%)}
.horizontal-scroll-track{position:relative;height:1px;width:calc(100% - 44px);background-color:rgba(255, 255, 255, 0.7);margin:0 5px}
.horizontal-scroll-thumb{position:absolute;height:2px;min-width:20px;width:40px !important;background-color:#fff;border-radius:3px;top:50%;transform:translateY(-50%);cursor:pointer;transition:background-color .2s}
.horizontal-scroll-thumb:hover{background-color:#fff}
.horizontal-scroll-thumb:active{background-color:#fff}
 
 @media screen and (max-width:768px) {
    .about{padding: 30px 10px;}
  .about h3{font-size: 1.5rem;}
  .about .left{float: none;width: 100%;}
  .about .left p{font-size: 0.9rem;}
  .about .right{float: none;width: 100%;margin-bottom: 20px;}
  .culte {flex-wrap: wrap;}
  .culte .left{width: 100%;order: 2;}
  .culte .right{width: 100%;order: 1;padding: 60px 10px;}
  .culte .right h3{font-size: 1.5rem;}
  .culte .right .content p{font-size: 0.9rem;}
  .honor{padding: 40px 10px;}
  .honor h3{font-size: 1.5rem;}
  .honor .swiper-button-next, .honor .swiper-button-prev{top:70px;}
  .history h3{font-size: 1.5rem;}
  
 }

 .product{padding:80px 0;display: flex;justify-content: space-between;gap:70px}
 .product .left{width: 15%;}
 .product .materialleft{width: width: 15%;}
 .product .left .search{height: 60px;}
 .product .left .search input{font-size: 0.8rem;width: 100%;height: 60px;line-height: 60px;border: none;padding-left: 20px;box-sizing: border-box;outline: none;
    background: url(../images/search.png) left center no-repeat;border-bottom: 1px solid #f2f2f2;}
.product .left ul {margin-top: 40px;}
.product .left ul li{font-size: 1rem;height: 50px;/*line-height: 50px;*/margin-left:15px;display: flex;align-items: center;justify-content: space-between;}
.product .left ul li a{color: #000;margin-right: 15px;}
.product .left ul li:hover a{color: #1e4b75;}
.product .left ul li:hover span{color: #1e4b75;}
.product .left ul li span{font-size: 1rem;color: #000;font-weight: bold;}
.product .left ul li.active a{color: #1e4b75;}
.product .left ul li.active span{color: #1e4b75;}

 .product .right{flex: 1;overflow: hidden;}
 .product .right h3{font-size: 2rem;color:#3d3d3d;font-family: "MiSans-Semibold";}
 .product .right h3::after{content: "";display: block;width: 50px;height: 3px;background-color: #1e4b75;margin-top: 20px;}
 .product .right .content{color:#4c4c4c;line-height: 1.5rem;width: 100%;height: 100%;overflow: hidden;margin-top: 40px;}
 .product .right .content img{max-width: 100%;margin-top:30px;margin-bottom: 30px;}
 .product .right .content table tr{width: 100%;}
 .product .right .list{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
 .product .right .list::after{content: "";display: block;width: 32%;}
 .product .right .list li{width:32%;text-align: center;margin-bottom: 20px;}
 .product .right .list li .pimg{width:100%;height: auto;overflow: hidden;}
 .product .right .list li img{max-width: 100%;width: 100%; height: 300px;max-height: 300px; object-fit: cover;transition: all 0.3s ease-in-out;}
 .product .right .list li:hover img{transform: scale(1.1);}
 .product .right .list li p{font-family:"MiSans-light";text-align: left;height: 50px;line-height: 50px;}
 .product .right .list li p a{color:#000;}
 .product .right .list li:hover a{color: #1e4b75;}
 
 @media screen and (max-width:768px) {
    .product{flex-wrap: wrap;padding: 40px 0;} 
    .product .left{width: 100%;}
    .product .materialleft{width: 100%;}
    .product .left ul li{margin-left:0;padding:0 10px;}
    .product .right{width: 100%;flex: auto;padding-left:10px;padding-right:10px;}
    .product .right h3{line-height:normal;font-size: 1.5rem;}
    .product .right .list li{width:48%;}
    .product .left .search input{width: 96%;margin-left: 2%;}
 }
 @media screen and (max-width:548px) {
    .product .right .list li{width:100%;}
    .pagination{margin:10px auto;}
 }

 .product .imgbox{width: 100%;height: 560px;}
.product .imgbox .swiper-slide{display:flex;align-items: center;justify-content: center;    padding: 0;box-sizing: border-box; border: 1px solid rgba(0,0,0,0.1);}
.product .imgbox img{object-fit:contain;max-width:100%;width: auto;height: auto;max-height: 100%;}
.product .swbox{width:100%;box-sizing: border-box;position: relative;overflow: hidden; height: 80px;display: flex;justify-content: flex-start;align-items: center;margin-top: 40px;padding:0 20px;}
.product .swbox .swiper-slide{border:1px solid transparent;cursor:pointer;overflow: hidden;width: 80px !important;height: 80px !important;}
.product .swbox .swiper-slide-thumb-active{border:2px solid #b5271f;height: 160px;}
.product .swbox .swiper-slide img{height: 100%;max-width: 100%;}
.product .sw-btn-prev{display:block;background:url(../images/lanage1.png) center no-repeat;width:20px;height:19px;transform: rotate(90deg);position: absolute;left:0;z-index: 999;background-color: #fff;}
.product .sw-btn-next{display:block;background:url(../images/lanage1.png) center no-repeat;width:20px;height:19px;transform: rotate(270deg);position: absolute;right:0;z-index: 999;background-color: #fff}
.product .swiper-pagination .swiper-pagination-bullet{width:14px;height:14px;border:1px solid #000;border-radius:50%;background-color:#fff;margin:0 13px!important;opacity:1}
.product .swiper-pagination .swiper-pagination-bullet-active{background-color:#000}
.product .swbox .swiper-wrapper{}
.product .right h1{font-size: 2rem;font-weight: 400;font-family: "MiSans-medium";color: #000;margin-bottom: 15px;border-bottom: 2px solid #eee;margin:2rem 0;padding-bottom: 2rem;}
.product .right .tabs{margin-top: 2rem;}
.product .right .tabs ul{display: flex;justify-content: flex-start;align-items: center;gap: 30px;}
.product .right .tabs ul li{width: 150px;height: 40px;line-height: 40px;text-align: center;background-color: #f2f2f2;color: #000;cursor: pointer;padding:0 5px;box-sizing: border-box;}
.product .right .tabs ul li.active{background-color: #1e4b75;color: #fff;}
.product .right .tabs-container{margin-top: 2rem;}
.product .right .tabs-container .swiper-slide{width: 100% !important;overflow-x: hidden;}
.product .right .tabs-container .swiper-slide p{line-height: 1.5rem;font-family: "MiSans-regular" !important;color: #000;margin: 10px 0px;}
.product .right .tabs-container .swiper-slide img{max-width: 100%;}
.product .right .tabs-container .swiper-slide table{width: 100%;}
.product .right .tabs-container .swiper-slide table td{border: 1px solid #b3b3b3;}
.product .right .contact{margin-top: 2rem;}
.product .right .contact p{color: #b5271f;font-family: "MiSans-regular";}
.product .right .contact a{color: #4c4c4c;font-size: 0.8rem;display: inline-block;width: 200px;height: 35px;line-height: 35px;margin-top: 20px;
    text-align: center;border: 1px solid #808080;display: flex;justify-content: center;align-items: center;float:left;}
.product .right .contact span{display: inline-block;height: 35px;line-height: 35px;}
.product .right .contact a:nth-child(2) i{display: inline-block;width: 25px;height: 35px;line-height: 35px;background: url(../images/tel.png) left center no-repeat;}
.product .right .contact a:nth-child(3){color:#808080;border: 1px solid #aaa;margin-left:20px}
.product .right .contact a:nth-child(3) i{display: inline-block;width: 25px;height: 35px;line-height: 35px;background: url(../images/back.png) left center no-repeat;}
.message{background:#f7f7f7;padding: 60px 0;}
.message h3{font-size: 2rem;font-family: "MiSans-medium";font-weight: 400;color: #000;margin-bottom: 15px;text-align: center;}
.message abbr{display: block;color: #000;text-align: center;font-family: "MiSans-regular";}
.message form{display: block;margin-top: 1.2rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
.message input{border: 1px solid #ced4da;height: 50px;line-height: 50px;border-radius: 5px;font-size: 0.8rem;padding-left: 15px;width: 49%;background: #fff;margin-bottom: 15px;}
.message input:-ms-input-placeholder,.message input::placeholder,.message input:-webkit-input-placeholder{color:#808080}
.message textarea{border: 1px solid #ced4da;height: 150px;line-height:35px;border-radius: 5px;font-size: 0.8rem;padding: 15px;width: 100%;background: #fff;box-sizing: border-box;}
.message .submit{width: 100%;height: 50px;line-height: 50px;border-radius: 5px;font-size: 0.8rem;padding-left: 5px;width: 100%;background: #fff;background: #1e4b75;margin-top: 15px;color: #fff;display: block;box-sizing: border-box;}
.message .input{height: 50px;line-height: 50px;font-size: 0.8rem;padding-left: 5px;width: 90%;margin-top: 15px;}

@media screen and (max-width:768px) {
    .product .right .tabs-container .swiper-slide{width: 100% !important;}
    .product .right .contact a{width: 150px;}
}

@media screen and (max-width:768px) {
    .product .imgbox{height: auto;}
    .product .swbox .swiper-wrapper{}
    .product .right h1{font-size: 1.5rem;}
    .product .right .tabs ul{gap: 20px;}
    .product .right .tabs ul li{width: auto;padding: 0 15px;font-size: 0.9rem;}
}

.newsmenu{border-bottom: 1px solid #eee;height: 80px;}
.newsmenu ul li{text-align: center;float:left;height: 80px;line-height: 80px;}
.newsmenu ul li a{display: inline-block;width: 150px;height:30px;line-height:30px;border-right: 1px solid #eee;font-size: 1rem;}
.newsmenu .active a{color: #1e4b75;}
.newsmenu ul li:hover a{color: #1e4b75;}
.newslist{margin-top: 2rem;}
.newslist ul li{display: flex;justify-content: space-between;align-items: center;padding-bottom: 2rem;margin-bottom: 2rem;border-bottom: 1px solid #eee;flex-wrap: wrap;}
.newslist ul li .ptxt{width: 60%;}
.newslist ul li .ptxt abbr{font-size: 1rem;font-family: "MiSans-regular";color: #b5271f;}
.newslist ul li .ptxt span{display: block;font-family: "MiSans";font-size: 1.2rem;margin-top: 10px;}
.newslist ul li .ptxt span::after{content: "";display: block;width: 50px;height: 3px;background-color: #1e4b75;margin-top: 20px;}
.newslist ul li .ptxt p{font-size: 1rem;color: #808080;margin-top: 2rem;line-height: 1.5rem;}
.newslist ul li .ptxt a{color: #000;display: block;}
.newslist ul li .pimg{height: 220px; max-width: 400px;overflow: hidden;flex: 1;text-align: right;}
.newslist ul li .pimg img{width:auto;max-width: 100%;object-fit: cover;transition: transform 0.5s;}
.newslist ul li:hover .pimg img{transform: scale(1.05);}
.newslist ul li:hover{box-shadow: 5px 10px 4px #eee;}

@media (max-width:768px){
    .newslist ul li .ptxt{width: 100%;}
    .newslist ul li .pimg{width: 100%;flex: auto;height: auto;margin-top: 25px;}
}

.newsposition{height: 60px;line-height: 60px;padding:0 20px;margin-top: 2rem;text-align: left;background: #f2f2f2;color: #000;}
.newsposition a{color: #000;}

.newsview{display: flex;justify-content: space-between;flex-wrap: wrap;}
.newsview .left{width: 65%;padding:2rem 0 2rem 0;border-right: 1px solid #f2f2f2;}
.newsview .left h1{font-size: 1.8rem;color: #000;margin-bottom: 1rem;font-family: "MiSans-semibold";}
.newsview .left abbr{display: block;font-size: 1rem;font-family: "MiSans-regular";color: #b5271f;margin-bottom: 1.4rem;}
.newsview .left .content{border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;width: 98%;overflow: hidden;text-align: left;padding:1rem 0 1rem 0;line-height: 1.5rem;}
.newsview .left .renews{margin-top: 1rem;}
.newsview .left .renews ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.newsview .left .renews ul li{width: 50%;text-align: left;color: #000;}
.newsview .left .renews ul li abbr{display: block;margin-bottom: 0.5rem;color: #000;font-family: "MiSans-regular";}
.newsview .left .renews ul li a{color: #000;display: block;font-family: "MiSans-regular";}
.newsview .left .renews ul li:hover a{color: #1e4b75;}

.newsview .right{flex: 1;padding-left:1.5rem;padding-top: 2rem;text-align: right;}
.newsview .right .pimg{width: 100%;height: 350px;overflow: hidden;margin-bottom: 1.4rem;}
.newsview .right .pimg img{width:100%;object-fit: cover;transition: transform 0.5s;}
.newsview .right p{text-align: left;}
.newsview .right p a{color:#000;display: block;}
.newsview .right abbr{display: block;color:rgba(0,0,0,.5);font-size: 0.9rem;margin-top: 0.5rem;text-align: left;}

@media (max-width:768px){
 .newsview .left{width: 100%;order:2;padding: 0;}
 .newsview .right{width: 100%;padding-left:0;flex:auto;order: 1;}
 .newsview .right p,.newsview .right abbr{display: none;}
 .newsview .right .pimg{height: auto;}
 .newsview .left .renews ul li{width: 100%;}
 .newsview .left .renews ul li:nth-child(2){margin:1rem 0;}
}
/*荣誉证书*/
.caselist{
    margin-top: 2rem;
    margin-bottom: 60px;
}
.caselist ul{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem 2%;
    padding:0;
    margin:0;
    list-style:none;
}
.caselist ul li{
    padding: 20px;
    background-color: #f7f7f7;
    box-sizing: border-box;
}
.caselist ul li .pimg{
    width: 100%;
    height: 480px;
    overflow: hidden;
    text-align: center;
    display: flex; 
    align-items: center;
}
.caselist ul li .pimg img{
    width:100%;
    object-fit: cover;
    transition: transform 0.5s;
}
.caselist ul li:hover .pimg img{
    transform: scale(1.05);
}
.caselist ul li p{
    height: 40px;
    line-height: 40px;
    text-align: center
}
@media (max-width:1024px){
    .caselist ul{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width:768px){
    .caselist ul{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width:548px){
    .caselist ul{
        grid-template-columns: repeat(1, 1fr);
    }
}

.contactview{padding:2rem 0;display: flex;justify-content: space-between;flex-wrap: wrap;gap:50px;}
.contactview .left{width: 48%;}
.contactview .left h3{font-size: 2rem;font-weight: 400;color:#3d3d3d;font-family: "MiSans";}
.contactview .left h3::after{content: "";display: block;width: 50px;height: 3px;background-color: #1e4b75;margin-top: 20px;}
.contactview .left ul{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.contactview .left ul li{padding:1.4rem 0;border-bottom: 1px solid #b3b3b3;width: 60%;}
.contactview .left ul li:nth-child(even){width:40%}
.contactview .left ul li span{display: block;font-family:"MiSans-light";color: #333333;}
.contactview .left ul li:nth-child(3){width: 100%;}
.contactview .left ul li:nth-child(4){width: 100%;}
.contactview .left ul li i{display:inline-block;width:30px;height: 30px;background: url(../images/contactico.png) left center no-repeat;padding-right: 10px;float:left;}
.contactview .left ul li abbr{float: left;display: block;height: 30px;line-height: 30px;margin-left: 10px;font-size: 1.25rem;font-family:"MiSans-Regular";}
.contactview .left ul li:nth-child(2) i{background-position: -42px 0;}
.contactview .left ul li:nth-child(3) i{background-position: -82px 0;}
.contactview .left ul li:nth-child(4) i{background-position: -131px 0;}
.contactview .left ul li:nth-child(5) i{background-position: -175px 0;}
.contactview .left ul li:nth-child(6) i{background-position: -231px 0;}
.contactview .left ul li p{font-family:"MiSans-Regular";color: #333333;font-size: 1.25rem;clear: both;padding-top: 1rem;}

.contactview .right{flex: 1;display: flex;justify-content: center;align-items: center}
.contactview .right img{width: 100%;object-fit: cover;}
@media (max-width:768px){
    .contactview .left{width: 96%;margin: 0 auto;}
    .contactview .left h3{font-size: 1.5rem;}
    .contactview .left ul li{width: 100%;padding-left: 15px;box-sizing: border-box;}
    .contactview .left ul li:nth-child(even){width: 100%;}
}
.pagination{margin:30px auto}
.pagination .screen-reader-text{display:none}
.pagination .nav-links{display:flex;justify-content:center}
.pagination .nav-links .page-num{width:40px;height:40px;border:1px solid #eee;display:flex;justify-content:center;align-items:center;margin:0 5px;font-size:20px;color: #4c4c4c;;background-color: #f5f5f5;}
.pagination .nav-links .page-num-current{background-color:#1e4b75;color:#fff}
@media (max-width:768px){
    .pagination .nav-links .page-num{font-size:14px;width:30px;height:30px}
}

@media screen and (max-width: 640px) {
.contable {overflow:scroll;width:100%; font-size:12px;}
}
/* 首页企业荣誉 */
.cert-wrap{width:100%;background:#222;color:#fff;padding:60px 20px;overflow:hidden;	background-image: url(../images/honorbg.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	background-size: auto auto;}
.cert-container{max-width:1600px;margin:0 auto;display:flex;gap:40px;align-items:flex-start;}
/* 左侧文字区域 */
.cert-left{width:280px;flex-shrink:0;}
.cert-title h2{font-size:2rem;margin-bottom:12px;font-family: "MiSans-Semibold";}
.cert-title p{
    font-size:1rem;
    line-height:1.7;
    opacity:0.9;
    margin-bottom:24px;
}
/* 在逗号位置换行 */
.cert-title p::before{
    content:"汇聚多项认证";
    display:block;
}

.arrow-group{display:flex;gap:12px}
.arrow-btn{width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;font-size:22px;display:flex;align-items:center;justify-content:center;background:#ffffff22;color:#fff;transition:0.2s}
.arrow-btn:hover{background:#ffffff44}
/* 右侧证书轮播区域 */
.cert-right{flex:1;overflow:hidden;}
.slider{overflow:hidden;width:100%}
.slider-track{display:flex;transition:transform 0.4s ease}
.slider-item{flex:0 0 20%;padding:0 10px}
.slider-item img{width:100%;height:auto;display:block;border-radius:4px}

/* 移动端适配 */
@media (max-width:768px){
  .cert-container{flex-direction:column;}
  .cert-left{width:100%;margin-bottom:20px}
  .slider-item{flex:0 0 100%;padding:0 8px}
  .cert-wrap{padding:40px 16px}
}

/* 材质特性列表 */
.material{margin-top: 2rem;margin-bottom: 60px;}
.material ul{
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    padding:0;
    margin:0;
    list-style: none;
}
.material ul li{
    width: calc((100% - 24px * 4) / 5); /* PC 一行5个 */
    text-align: center;
}
.material .pimg{
    background:#f7f7f7;
    border:0px solid #eee;
    padding:20px;
    margin-bottom:10px;
}
.material .pimg img{
    width:100%;
    height:auto;
    display:block;
}
.material p{
    font-size:14px;
    color:#333;
    margin:0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* 1024 平板，一行3个 */
@media screen and (max-width:1024px){
    .material ul li{
        width: calc((100% - 24px * 2) / 3);
    }
}
/* 移动端 一行2个 */
@media screen and (max-width:768px){
    .material ul li{
        width: calc((100% - 24px) / 2);
    }
}



/*库存材质*/
.panel {
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(0,0,0,.08);
    border: 1px solid #e2e2e2;
  }

  /* ============ PC：左右两栏 ============ */
  .layout {
    display: flex;
    flex-direction: row;
    align-items: stretch;
  }
  .col {
    flex: 1 1 50%;
    padding: 20px 26px;
  }
  .col-left { border-right: 2px solid #f08300; }

  .category { margin-bottom: 14px; }
  .category:last-child { margin-bottom: 0; }

  .category-title {
    font-size: 16px;
    font-weight: 700;
    color: #f08300;
    padding-bottom: 4px;
    margin-bottom: 6px;
    border-bottom: 1px dashed #d8c48c;
    letter-spacing: .5px;
  }

  .item {
    font-size: 16px;
    line-height: 1.85;
    padding-left: 4px;
    word-break: break-all;
  }
  .item .name { font-weight: 700; color: #1a1a1a; }
  .item .spec {
    color: #666;
    font-family: Consolas, "Courier New", monospace;
    font-size: 16px;
  }
  /* 等效牌号提示（如 GH4169 ≈ Inconel 718） */
  .item .equiv {
    color: #a96d1f;
    font-weight: 700;
  }

  /* ============ 移动端：上下堆叠 ============ */
  @media (max-width: 768px) {
    .layout { flex-direction: column; }
    .col { padding: 16px; }
    .col-left {
      border-right: none;
      border-bottom: 2px solid #c9a45c;
    }
    .category-title { font-size: 14px; }
    .item { font-size: 12.5px; line-height: 1.75; }
    .item .spec { font-size: 11.5px; }
  }

/*合⾦在⽔性介质中的耐蚀指南*/
  .Material-container {
            max-width: 100%;
            margin: 0 auto;
        }

        h1 {
            text-align: center;
            margin-bottom: 24px;
            color: #1a3c6e;
            font-size: clamp(1.2rem, 3vw, 1.8rem);
            font-weight: 700;
        }

        .table-wrapper {
            overflow-x: auto;
            border-radius: 12px;
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
            background: #fff;
            -webkit-overflow-scrolling: touch;
        }

        table {
            width: 100%;
            border-collapse: collapse;
            min-width: 900px;
            font-size: clamp(0.75rem, 1.5vw, 0.9rem);
        }

        /* 表头 */
        thead th {
            background: linear-gradient(180deg, #2a5298 0%, #1a3c6e 100%);
            color: #fff;
            padding: 14px 10px;
            text-align: center;
            font-weight: 600;
            letter-spacing: 0.5px;
            position: sticky;
            top: 0;
            z-index: 10;
            white-space: nowrap;
        }

        thead th:first-child {
        }

        /* 行 */
        tbody td {
            padding: 12px 10px;
            text-align: center;
            border-bottom: 1px solid #e8edf3;
            vertical-align: middle;
        }

        tbody td:first-child {
            max-width: 80px;
            font-weight: 600;
            color: #1a3c6e;
            white-space: nowrap;
        }

        tbody tr:nth-child(even) {
            background-color: #f7faff;
        }

        tbody tr:hover {
            background-color: #eef4ff;
            transition: background-color 0.2s;
        }

        /* 符号样式 */
        .symbol {
            text-align: center;
            font-size: 40px;
        }

        .diamond-filled {
            color: #1565c0;
        }

        .diamond-empty {
            color: #78909c;
        }

        .not-recommended {
            color: #b0bec5;
            font-size: 18px;
        }

        /* 图例 */
        .legend {
            margin-top: 24px;
            display: flex;
            flex-wrap: wrap;
            gap: 24px;
            justify-content: center;
            align-items: center;
            padding: 10px;
            background: #fff;
            border-radius: 12px;
            /*box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);*/
        }

        .legend-item {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 0.9rem;
            color: #455a64;
        }

        .legend-symbol {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 28px;
            height: 28px;
            border-radius: 6px;
            /*background: #f5f9ff;
            border: 1px solid #cfd8e8;*/
        }

        /* 注释 */
        .notes {
            margin-top: 20px;
            padding: 20px 24px;
            background: #fff;
            border-radius: 12px;
            /*box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);*/
        }

        .notes h3 {
            color: #1a3c6e;
            margin-bottom: 10px;
            font-size: 1rem;
        }

        .notes p, .notes li {
            font-size: 0.85rem;
            color: #546e7a;
            line-height: 1.7;
        }

        .notes ul {
            padding-left: 20px;
        }

        .notes li {
            margin-bottom: 6px;
        }

        /* 响应式 */
        @media (max-width: 768px) {

             thead th,tbody td {
            padding: 5px;
            text-align: center;
            border-bottom: 1px solid #e8edf3;
            vertical-align: middle;
        }
            tbody td:first-child {
            font-weight: 600;
            color: #1a3c6e;
            white-space: nowrap;
        }
                .symbol {
            text-align: center;
            font-size: 20px;
        }
            .legend {
                gap: 10px;
                padding: 10px;
            }

            .legend-item {
                font-size: 0.8rem;
            }

            .notes {
                padding: 14px 16px;
            }
        }


        @media (max-width: 480px) {
            .legend {
                flex-direction: column;
                align-items: flex-start;
                gap: 6px;
            }
            table{
                min-width:660px; /* 超小屏继续降低最小宽度，尽量多显示列 */
            }
        }

 /* 材料特性 */     

.materialleft.search {
    height: 60px;
    position: relative;
}
.materialleft.search input {
    font-size: 0.8rem;
    width: 100%;
    height: 60px;
    line-height: 60px;
    border: none;
    padding-left: 20px;
    padding-right: 60px; /* 给放大镜按钮留出空间 */
    box-sizing: border-box;
    outline: none;
    background: transparent;
    border-bottom: 1px solid #eee;
}
/* 占位文字 */
.materialleft .search input::placeholder {
    color:#999;
}
/* 放大镜点击按钮，使用你的png图片 */
.materialleft .search .search-btn {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 15px;
    border: none;
    background: url(../images/search.png) center no-repeat;
    background-size: contain;
    cursor: pointer;
}
/* 清除按钮默认背景 */
.materialleft .search .search-btn:focus {
    outline: none;
}



.material-menu {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    background: #f5f5f5;
}
/* 红色标题头部 */
.material-menu-header {
    background:#1e4b75;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    padding: 24px 32px;
    cursor: pointer;
}
/* 列表容器 */
.material-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    /* PC默认展开 */
    max-height: 2000px;
}
/* 列表项 */
.material-menu-list li {
    border-bottom: 1px solid #eeeeee;
}
.material-menu-list li:last-child {
    border-bottom: none;
}
.material-menu-list li a {
    display: block;
    padding: 20px;
    font-size: 16px;
    color: #333333;
    text-decoration: none;
}
.material-menu-list li a:hover {
    background: #ffffff;
    color: #1e4b75;
}
/* 当前选中项样式 */
.material-menu-list li.active a {
    background: #fff;
    color: #1e4b75;
    font-weight: bold;
}

/* 移动端：屏幕小于等于768px，默认收起 */
@media (max-width:768px) {
    .material-menu {
    width: 96%; margin: 0 auto;}
    .material-menu-list {
        max-height: 0;
    }
    .material-menu-header {
        font-size: 20px;
        padding: 16px 20px;
    }
    .material-menu-list li a {
        padding: 20px;
        font-size: 14px;
    }
}

/*库存*/
 :root {
    --bg: #1b4c76;
    --card-bg: #466d8f;
    --card-bg-2: #202c3d;
    --accent: #4fd1c5;
    --accent-2: #f6ad55;
    --text: #fff;
    --text-dim: #fff;
    --border: #2d3b4e;
    --tag-duplex: #4fd1c5;
    --tag-nickel: #f6ad55;
  }
  .alloy-wrap {
    background: linear-gradient(135deg, #1b4c76 0%, #141f2e 100%);
    color: var(--text);
    padding: 40px 20px;
    line-height: 1.6;
    border-radius: 14px;
  }
  .TZcontainer {
    width: 100%;
    margin: 0 auto;
  }
  /* TZheader */
  .TZheader {
    text-align: center;
    margin-bottom: 48px;
    color: #fff;
  }
  .TZheader h2 {
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: 1px;
    background: linear-gradient(90deg, var(--accent), var(--accent-2));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    border: 0px;
  }
  .TZheader h4 {
    color: var(--text-dim);
    margin-top: 10px;
    font-size: 1rem;
  }
  /* Section title */
  .section-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 36px 0 18px;
  }
  .section-title .badge {
    width: 38px; height: 38px;
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.1rem;
    font-weight: 700;
    color: #1b4c76;
  }
  .section-title.duplex .badge { background: var(--tag-duplex); }
  .section-title.nickel .badge { background: var(--tag-nickel); }
  .section-title h2 { font-size: 1rem; font-weight: 600; }
  .section-title .en { color: var(--text-dim); font-size: 0.85rem; font-weight: 400; margin-left: 6px;}
  /* Grid */
  .grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(205px, 1fr));
    gap: 14px;
  }
  /* Card */
  .card {
    background: var(--card-bg);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 18px 16px;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    position: relative;
    overflow: hidden;
  }
  .card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: var(--accent);
    opacity: 0;
    transition: opacity .18s ease;
  }
  .card.duplex::before { background: var(--tag-duplex); }
  .card.nickel::before { background: var(--tag-nickel); }
  .card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0,0,0,.35);
    border-color: transparent;
  }
  .card:hover::before { opacity: 1; }
  .card .name {
    font-size: 1.15rem;
    font-weight: 700;
    margin-bottom: 4px;
  }
  .card .uns {
    font-size: 0.82rem;
    color: var(--text-dim);
    font-family: "SF Mono", "Consolas", monospace;
    letter-spacing: .3px;
  }
  .card .dot {
    display: inline-block;
    width: 8px; height: 8px;
    border-radius: 50%;
    margin-right: 7px;
    vertical-align: middle;
  }
  .card.duplex .dot { background: var(--tag-duplex); }
  .card.nickel .dot { background: var(--tag-nickel); }
  /* Group card (spanning) */
  .card.group {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  TZfooter {
    text-align: center;
    color: var(--text-dim);
    font-size: 0.8rem;
    margin-top: 50px;
  }
  @media (max-width: 600px) {
    .TZheader h1 { font-size: 1rem; }
    .grid { grid-template-columns: 1fr; }
  }