@import url("font/siyuan.css");
a{text-decoration:none;color:inherit}
a:hover{text-decoration:none;color:#000}
body.show{overflow:hidden;background-color: #fff;}
html{font-size: 20px;font-family: "MiSans-Light";}
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: 1100px;}
.nav-menu li{margin-left:25px;position:relative}
.nav-menu a{color:#000;font-size:20px;padding:5px 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/lanage.png) 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;}
.mobile-menu-btn{display:none;font-size:24px;cursor:pointer}

.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: 3rem;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;text-shadow: 1px 1px 3px rgba(0,0,0,0.3);}
.indexbanner .swbox a{ display: block;width: 180px;height: 45px;line-height: 45px;text-align: center;background-color: #bb2821;color: #fff;margin:20px auto;text-transform: uppercase;font-size: 14px;font-family: "MiSans-Demibold";}

.indexproduct{padding: 80px 0;background-color: #f7f7f7;}
.indexproduct h3{font-size:2.5rem;font-family: "MiSans-Semibold";color:#3d3d3d;float: left;display: block;line-height: inherit;margin-left: 50px;}
.indexproduct h3::after{content: "";display: block;width: 50px;height: 3px;background-color: #bb2821;margin-top: 10px;}
.indexproduct .cat{float: right;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: 5px 10px;margin:0 10px;}
.indexproduct .cat ul li:nth-child(2),.indexproduct .cat ul li:hover{background-color: #bb2821;}
.indexproduct .cat ul li a{font-family: "MiSans-regular";color: #a9a9a9;}
.indexproduct .cat ul li:nth-child(2) 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;}
.indexproduct .catlist .swiper-container{position: relative;padding: 0 60px;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:46px;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);}
.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);}
.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: #bb2821;}
.indexabout{padding: 80px 0;}
.indexabout .left{width: 49%;float: left;}
.indexabout .left abbr{display: block;color: #bb2821;font-size: 2rem;font-family: "MiSans-Semibold";text-transform: uppercase;}
.indexabout .left h3{display: block;color: #3d3d3d;font-size: 2.4rem;font-family: "MiSans-Semibold";height: 50px;line-height: 50px;margin: 1rem 0;}
.indexabout .left p{display: block;color: #a9a9a9;font-size:1rem;font-family: "MiSans-regular";line-height: 1.8rem;margin:20px 0;}
.indexabout .right{width: 49%;float: right;text-align: right;}
.indexabout .right img{max-width: 100%;}

.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: 2.4rem;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: 45%;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:148px;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;}
.indexclute .right ul li b{display: block;font-family: "MiSans-Semibold";font-size: 1.2rem;color: #fff;}
.indexclute .right ul li span{font-family: "MiSans-Light";font-size: 0.9rem;color: #fff;display: block;}

.indexnews{padding: 80px 0;}
.indexnews h3{font-size:2.5rem;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: #bb2821;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: 32%;}
.indexnews ul li .pimg{height: 350px;overflow: hidden;}
.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-Semibold";}
.indexnews ul li:hover p>abbr,.indexnews ul li:hover p a{color: #bb2821;}

footer{padding: 88px 0;background-color: #f2f2f2;overflow: hidden;}
footer .left{width: 40%;float: left;}
footer .left .footico{margin-bottom: 30px;}
footer .left p{color: #333;font-family: "MiSans-regular";margin-bottom: 10px;}
footer .left span{display: block;font-size: 0.9rem;color: #333;font-family: "MiSans-light";margin-bottom: 10px;}
footer .right{width: 58%;float: right;display: flex;flex-wrap: wrap;align-items:baseline;justify-content: space-between;}
footer .right dl dt{color: #333;font-family: "MiSans-regular";margin-bottom: 10px;}
footer .right dl dd{font-size: 0.9rem;font-family: "MiSans-light";color: #333;margin-bottom: 10px;}
.copyright{height: 4rem;line-height: 4rem;background: #b5271f;text-align: left;color: #fff;font-size: 0.9rem;font-family: "MiSans-light";font-weight: bold;}
@media screen and (max-width:1440px) {
.w1600{width:1360px;}  
.indexclute .left{width: 48%}
.indexclute .right{width: 50%;}
.indexnews ul li .pimg{height: 300px;}
}
@media screen and (max-width:1380px) {
    .w1600{width:100%;padding:0 10px;}  
    .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;}
}
@media screen and (max-width:1220px) {
    .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{height: 220px;}
.indexnews ul li p>span{height: 70px;}

}
@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;}
.language-select p{position: initial;width: 100%;justify-content: space-evenly;display: flex;}
.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-size: 100% 100%;}
.indexbanner .swbox{width: 100%;}
.indexbanner .swbox h3{font-size: 1.6rem;}
.indexbanner .swbox p{font-size: 0.8rem;}
.indexproduct{padding: 30px 0;}

.indexproduct h3{margin-left: 0;font-size: 1.6rem;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;}
.indexabout .left abbr{font-size: 1.2rem;}
.indexabout .left h3{font-size:1.6rem}
.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.6rem;}
.indexnews ul li{width: 100%;}
.indexnews ul li .pimg{height: auto;max-height: 350px;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) {
    .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: 80%;margin: 0 auto;}
    .indexclute .right ul li:nth-child(2){margin-top: 30px;}
    .indexclute .left abbr{display: none;}
 }

 .nbanner{height: 650px;background-size: cover;display: flex;align-items: center;justify-content: flex-start;}
 .nbanner .tbox h3{color:#fff;font-size: 1.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: 2.5rem;font-family:"MiSans-Bold";position: relative;height: 60px;}
.nbanner .tbox p abbr{display: block;position: absolute;z-index: 9;text-transform: uppercase;font-weight: bold;}
.nbanner .tbox p::after{content: "";height: 12px;background-color: #bb2821;position: absolute;top:80%;left:0;display: block;width: 220px;z-index: 8;}
@media screen and (max-width:768px) {
    .nbanner{height: 350px;background-size: 100% 100%;}
    .nbanner .tbox p{font-size: 1.5rem;}
}
@media screen and (max-width:546px) {
    .nbanner{height: 200px;}
    .nbanner .tbox p{font-size: 1.5rem;}
}
 .aboutmenu{border-bottom: 1px solid #eee;height: 80px;}
 .aboutmenu ul li{text-align: center;float:left;height: 80px;line-height: 80px;}
 .aboutmenu ul li a{display: inline-block;width: 120px;height:30px;line-height:30px;border-right: 1px solid #eee;font-size: 1rem;}
 .aboutmenu ul li:first-child a{color: #bb2821;}
 .aboutmenu ul li:hover a{color: #bb2821;}
 
 .about{padding: 60px 10px;}
 .about h3{font-size: 2rem;color:#4c4c4c;font-family: "MiSans-Semibold";}
 .about h3::after{content: "";display: block;width: 50px;height: 3px;background-color: #bb2821;margin-top: 20px;}
 .about .left{width:50%;float: left;margin-top: 30px;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;}
 .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 55px;flex:1;background-color: #f7f7f7;height: 420px;position: relative;}
 .culte .right h3{font-size: 2rem;color:#4c4c4c;font-family: "MiSans-Semibold";}
 .culte .right h3::after{content: "";display: block;width: 50px;height: 3px;background-color: #bb2821;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;}
 .culte .right .content .block-scrollbar{height: 80%;top:50%;transform: translateY(-50%);}

 .honor{padding: 30px 0;position: relative;}
 .honor h3{font-size: 2rem;color:#4c4c4c;font-family: "MiSans-Semibold";}
 .honor h3::after{content: "";display: block;width: 50px;height: 3px;background-color: #bb2821;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: 430px;overflow: hidden;text-align: center;}
 .honorlist .pimg img{max-width: 100%;}
 .honorlist .swiper-slide p{height: 40px;text-align: center;font-size: 0.9rem;}
 .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.jpg) center no-repeat;}
 .honor .swiper-button-next i{display: block;width: 24px;height: 19px;background: url(../images/hjiantou.jpg) center no-repeat;transform: rotate(-180deg);}
.history{height: 600px;background-size: cover;background: url(../images/historybg.jpg) left top no-repeat;padding: 60px 0;}
.history h3{font-size: 2rem;color:#fff;font-family: "MiSans-Semibold";margin: 0 auto;text-align: center;}
.history h3::after{content: "";display: block;width: 50px;height: 3px;background-color: #bb2821;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: 2.4rem;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;font-family: "MiSans-light";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: 2.4rem;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;font-family: "MiSans-light";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:46px;}
  .history h3{font-size: 1.5rem;}
 }

 .product{margin:80px auto;display: flex;justify-content: space-between;gap:70px}
 .product .left{width: 20%;}
 .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;}
.product .left ul li:hover a{color: #bb2821;}
.product .left ul li:hover span{color: #bb2821;}
.product .left ul li span{font-size: 1rem;color: #000;font-weight: bold;}
.product .left ul li.active a{color: #bb2821;}
.product .left ul li.active span{color: #bb2821;}

 .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: #bb2821;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%;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: #bb2821;}
 
 @media screen and (max-width:768px) {
    .product{flex-wrap: wrap;margin: 40px auto;} 
    .product .left{width: 100%;}
    .product .right{width: 100%;flex: auto;}
    .product .right h3{line-height:normal;font-size: 1.5rem;}
    .product .right .list li{width:48%;}
 }
 @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;}
.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-family: "MiSans-medium";color: #000;margin-bottom: 15px;border-bottom: 2px solid #000;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;}
.product .right .tabs ul li.active{background-color: #bb2821;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-top: 1.5rem;}
.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";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: 5px;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: 5px;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: #bb2821;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{}
}

.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: 120px;height:30px;line-height:30px;border-right: 1px solid #eee;font-size: 1rem;}
.newsmenu .active a{color: #bb2821;}
.newsmenu ul li:hover a{color: #bb2821;}
.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-Semibold";font-size: 1.2rem;margin-top: 10px;}
.newslist ul li .ptxt span::after{content: "";display: block;width: 50px;height: 3px;background-color: #bb2821;margin-top: 20px;}
.newslist ul li .ptxt p{font-size: 0.8rem;color: #808080;margin-top: 2rem;line-height: 1.2rem;}
.newslist ul li .ptxt a{color: #000;display: block;}
.newslist ul li .pimg{height: 350px;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: #bb2821;}

.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;}
.caselist ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.caselist ul::after{content: "";display: block;width:24%;}
.caselist ul li{width:24%;margin-bottom: 2rem;}
.caselist ul li .pimg{width: 100%;height: 250px;overflow: hidden;}
.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::after{content: "";display: block;width:32%;}
    .caselist ul li{width:32%;height: 250px;}
    .caselist ul li .pimg{height: 220px;}   
}
@media (max-width:768px){

    .caselist ul li{width:49%;height: 180px;}   
}
@media (max-width:548px){
    .caselist ul li{width:100%;height: 250px;}   
    .caselist ul li .pimg{height: 240px;}  
}

.contactview{padding:2rem 0;display: flex;justify-content: space-between;flex-wrap: wrap;gap: 30px;}
.contactview .left{width: 48%;}
.contactview .left h3{font-size: 2rem;color:#3d3d3d;font-family: "MiSans-Semibold";}
.contactview .left h3::after{content: "";display: block;width: 50px;height: 3px;background-color: #bb2821;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: #595757;}
.contactview .left ul li:nth-child(5){width: 100%;}
.contactview .left ul li:nth-child(6){width: 100%;border-bottom: none;}
.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;}
.contactview .left ul li:nth-child(2) i{background-position: -42px 0;}
.contactview .left ul li:nth-child(3) i{background-position: -89px 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-light";color: #595757;font-size: 1.2rem;clear: both;padding-top: 1rem;}

.contactview .right{flex: 1;}
.contactview .right img{width: 100%;object-fit: cover;}
@media (max-width:768px){
    .contactview .left{width: 100%;}
    .contactview .left ul li{width: 100%;}
    .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:#bb2821;color:#fff}
@media (max-width:768px){
    .pagination .nav-links .page-num{font-size:14px;width:30px;height:30px}
}