@import url("font/siyuan.css");
a{text-decoration:none;color:inherit}
a:hover{text-decoration:none;color:#000}
body{padding: 0;margin: 0;}
body.show{overflow:hidden;background-color: #fff;}
html{font-size: 16px;font-family: "SourceHanSans-Regular";}
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: 1400px;margin: 0 auto;overflow: hidden;}
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:#004f94;margin-right:10px}
.logo span{font-size:16px;color:#333}
.nav-menu{display:flex;justify-content: space-between;width: 60%;}
.nav-menu li{margin-left:25px;position:relative}
.nav-menu a{color:#000;font-size:18px;padding:10px 0;}
.nav-menu a:hover{color:#004f94}
.nav-menu .active a{color:#004f94}
.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: calc(100vh - 95px);}
.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);color: #fff;}
.indexbanner .swbox p{ color:#fff;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: #004e97;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;}
.indexbanner .swiper-slide img{width: 100%;height: 100%;object-fit:cover;display: block;}
@media screen and (max-width: 768px) {
    .indexbanner .swiper-button-prev, .indexbanner .swiper-button-next{top:50%}
}
.indexproduct{padding: 80px 0;background-image: linear-gradient(to bottom, #ebf3f8, #f4f6f8,#ebf3f8);}
.indexproduct h3{font-size:3rem;color:#004e97;text-align:center;display:block;line-height: inherit;}
.indexproduct h3 span{color: #a7a7a7;text-transform: uppercase;font-size: 1.2rem;display: block;height: 2.5rem;line-height: 2.5rem;font-family: "arial";font-weight: normal;}
.indexproduct .cat{float: right;margin-top: 20px;}
.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 10px 0;width: 24%;}
.indexproduct .cat ul li {background-color: #004e97;transition: all 0.5s ease-in;}
.indexproduct .cat ul li:hover{transform: translateY(-5px);}
.indexproduct .cat ul li a{color: #a9a9a9;}
.indexproduct .cat ul li a ,.indexproduct .cat ul li:hover a{color: #fff;}
.indexproduct .catlist{clear: both;margin-top: 40px;width: 100%;}
.indexproduct .catlist ul{box-sizing: border-box;width: 100%;margin-top: 30px;margin-bottom:30px;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.indexproduct .catlist ul li{width: 24%;overflow: hidden;}
.indexproduct .catlist ul li .pimg{max-height: 280px;overflow: hidden;border: 1px solid #c9c9c9;background: #fff;padding: 6px;}
.indexproduct .catlist ul li img{width: 100%;height:100%;transition: all 0.5s ease-in;}
.indexproduct .catlist ul li:hover img{transform: scale(1.1);transition: all 0.5s ease-in;}
.indexproduct .catlist ul li  p{font-size: 1rem;text-align: center;height: 60px;line-height: 30px;margin-top: 10px;}
.indexproduct .catlist ul li  p>a{color: #333;}
.indexproduct .catlist ul li:hover p>a{color: #004e97;}
.indexproduct .catlist ul::after{content:"";width: 24%;}
.indexproduct .more{padding:10px 20px;border-radius: 20px;background: #004e97;width: 120px;margin: 0 auto;box-sizing: content-box;}
.indexproduct .more a{display: block;color:#fff;text-align: center;transition: all 0.7s ease-in;font-size: 0.9rem}
.indexproduct .more:hover a{transform: translateX(10px);}  

.indexabout{padding: 160px 0;overflow: hidden;}
.indexaboutbg{width: 85%;float: right;margin-right: 20px;background:url(../images/aboutbg.png) left bottom no-repeat;}
.indexabout .left{width: 40%;float: left;}
.indexabout .left .line{height: 2px;width: 100px;background:#333;margin-bottom:30px;}
.indexabout .left abbr{display: block;color: #004e97;font-size: 2rem;text-transform: uppercase;}
.indexabout .left h3{display: block;color: #333;font-size: 1.8rem;height: 50px;line-height: 50px;margin: 1rem 0;}
.indexabout .left p{display: block;color: #333;font-size:1rem;line-height: 1.8rem;margin:20px 0 0;}
.indexabout .more{padding:5px 20px;border-radius: 25px;background: #004e97;width:120px;box-sizing: content-box;margin-top: 80px;font-size:0.8rem;display: flex;align-items: center;justify-content: space-between;transition: all 0.5s ease-in;}
.indexabout .more a{display: inline-block;color:#fff;text-align: center;}
.indexabout .more:hover{transform: translateX(10px);}  
.indexabout .more i{display:inline-block;width:30px;height: 30px;background:url(../images/indexaboutico.png) center center no-repeat;}
.indexabout .right{width: 55%;float: right;text-align: right;}
.indexabout .right img{max-width: 100%;}

.indexjiejue{padding:90px 0;background:url(../images/hangyebg.png) top center no-repeat;}
.indexjiejue h3{font-size:3rem;color:#004e97;text-align:center;display:block;line-height: inherit;}
.indexjiejue h3 span{color: #a7a7a7;text-transform: uppercase;font-size: 1.2rem;display: block;height: 2.5rem;line-height: 2.5rem;font-family: "arial";font-weight: normal;}
.indexjiejue .catlist{clear: both;margin-top: 40px;width: 100%;}
.indexjiejue .catlist ul{box-sizing: border-box;width: 100%;margin-top: 30px;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.indexjiejue .catlist ul li{width: 24%;overflow: hidden;}
.indexjiejue .catlist ul li .pimg{max-height: 280px;overflow: hidden;background: #fff;}
.indexjiejue .catlist ul li img{width: 100%;height:100%;transition: all 0.5s ease-in;}
.indexjiejue .catlist ul li:hover img{transform: scale(1.1);transition: all 0.5s ease-in;}
.indexjiejue .catlist ul li  p{font-size: 1rem;text-align: center;height: 60px;line-height: 30px;margin-top: 10px;}
.indexjiejue .catlist ul li  p>a{color: #333;font-size: 1.2rem}
.indexjiejue .catlist ul li:hover p>a{color: #004e97;}
.indexjiejue .catlist ul::after{content:"";width: 24%;}


.indexnews{padding: 80px 0;}
.indexnews h3{font-size:3rem;color:#004e97;text-align:center;display:block;line-height: inherit;margin-bottom: 40px}
.indexnews h3 span{color: #a7a7a7;text-transform: uppercase;font-size: 1.2rem;display: block;height: 2.5rem;line-height: 2.5rem;font-family: "arial";font-weight: normal;}
.indexnews .left{float: left;width: 48%;position: relative;height: 370px;overflow: hidden;}
.indexnews .left .pimg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.indexnews .left .pimg img{height:100%;width:100%;object-fit: cover;}
.indexnews .left .txt{position: absolute;bottom: 0;padding:25px;background-image: linear-gradient(to top, rgba(0,0,0,0.7), rgba(255,255,255,0));;width: 100%;}
.indexnews .left .txt span{display: block;font-size: 1rem;color: #fff;}
.indexnews .left .txt a{font-size: 1.2rem;color:#fff;display: block;padding-top: 10px}

.indexnews .right{float:right;width: 48%;}
.indexnews .right ul{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.indexnews .right  ul li{width: 49%;cursor: pointer;}
.indexnews .right  ul li:nth-child(3),.indexnews .right  ul li:nth-child(4){margin-top: 20px}
.indexnews .right  ul li p{font-size: 1.2rem;margin-top: 1rem;}
.indexnews .right  ul li abbr{font-size: 0.9rem;color: rgba(0,0,0,.5);}
.indexnews .right  ul li span{display: block;margin-top: 1rem;line-height: 1.5rem;color: #333;transition: all 0.5s ease-in;padding-bottom:2rem;border-bottom: 1px solid #e5e5e5;}
.indexnews .right  ul li a{color: #000;}
.indexnews .right ul li:hover a{color: #004e97;}
.indexnews .right ul li:hover span{transform: translateY(-5px);}

.indexinfo{height: 250px;background: url(../images/indexcbg.jpg) left center no-repeat;background-size: cover;display: flex;align-items: center;justify-content: center;}
.indexinfo h3{font-size:2.5rem;color:#fff;text-align:center;display:block;line-height: inherit;margin-bottom: 40px}
.indexinfo .more{padding:10px 20px;border-radius: 20px;background: #004e97;width: 120px;margin: 0 auto;box-sizing: content-box;}
.indexinfo .more a{display: block;color:#fff;text-align: center;transition: all 0.7s ease-in;font-size: 1rem}
.indexinfo .more:hover a{transform: translateX(10px);} 


footer{background-color: #333;overflow: hidden;padding-bottom: 40px;}
footer .left{width: 40%;float: left;border-right: 1px solid #494949;padding: 88px 0;}
footer .left .footico{margin-bottom: 30px;}
footer .left p{color: #fff;margin-bottom: 10px;}
footer .left span{display: block;font-size: 1rem;color: #fff;;margin-bottom: 10px;}
footer .left .footmessage{margin:35px 0;}
footer .left .footmessage input::placeholder{color: #fff;}
footer .left .footmessage form{display: flex;width:90%;}
footer .left .footmessage input{outline: none;border: none;background: #3f3f3f;height:48px;line-height: 48px;padding: 0 20px;display: inline-block;color: #fff;width: 65%;}
footer .left .footmessage button{width: 45px;height:48px;line-height:48px;text-align:center;background: #004e97 url(../images/submitico.png) center no-repeat;color: #fff;border: none;outline: none;display: inline-block;font-weight: bold;}

footer .right{width: 47%;float: right;display: flex;flex-wrap: wrap;align-items:baseline;justify-content: space-between;padding: 88px 0 30px 0;}
footer .right .ewm{margin-top: 30px;}
footer .right dl dt{color: #fff;font-size:1.2rem;margin-bottom: 10px;font-weight: normal;}
footer .right dl dd{font-size: 1rem;color: rgba(255, 255, 255, 0.5);line-height: 30px;}
footer .right dl dd a{color: rgba(255, 255, 255, 0.5);}
footer .right dl dd a:hover{color: #fff;}
.copyright{height: 4rem;line-height: 4rem;background: #333;text-align: left;color: rgba(255, 255, 255, 0.5);font-size: 1rem;border-top: 1px solid #494949;}
@media screen and (max-width:1440px) {
.w1600{width:1360px;}
.indexaboutbg{width: 97%;}
.indexabout{padding:90px 0;}
.indexabout .left{width: 46%;}
.indexabout .left p{margin:10px 0 0;}
.indexabout .more{margin-top: 30px;}
.indexabout .right{width: 50%;}
.indexnews ul li .pimg{height: 300px;}
.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;}
}
@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;}

.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;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: auto;}
.indexbanner .swiper-slide{background-size: 100% 100%;}
.indexbanner .swbox{width: 100%;}
.indexbanner .swbox h3{font-size: 1.5rem;}
.indexbanner .swbox p{font-size: 0.8rem;}
.indexproduct{padding: 30px 0px;}

.indexproduct h3{font-size: 1.5rem;text-align: center;}
.indexproduct .catlist ul li{width: 32%;}
.indexproduct .cat{float: none;}
.indexproduct .cat ul li a{font-size: 0.8rem;}

.indexabout{padding: 60px 10px;}
.indexabout .left,.indexabout .right{width: 100%;float:none}
.indexaboutbg{width: 100%;margin-right: 0;}
.indexabout .left .line{margin:20px auto 20px auto;}
.indexabout .left p{font-size: 1rem;line-height: 1.5rem;}
.indexabout .left abbr{font-size: 1.2rem;display: block;text-align: center;}
.indexabout .left h3{font-size:1.5rem;text-align: center;}
.indexabout .right{margin-top: 1rem;float: none;}
.indexabout .more{margin: 30px auto 0 auto;}

.indexjiejue {padding: 45px 0px;}
.indexjiejue h3{font-size: 1.5rem;}
.indexjiejue .catlist ul li{width: 49%;}

.indexnews{padding: 50px 10px;}
.indexnews .left,.indexnews .right{width:100%}
.indexnews .left .txt a{font-size: 1rem;}
.indexnews .right{margin-top: 2rem;}
.indexnews .right ul li p{font-size: 1rem;}
.indexnews .right ul li span{font-size: 0.8rem;}
.indexnews h3{font-size: 1.5rem;}
.indexnews ul li{width: 100%;}
.indexnews ul li .pimg{height: auto;max-height: 350px;text-align: center;}

.indexinfo h3{font-size: 1.5rem;}
.indexinfo .more a{font-size: 0.9rem;}
footer{padding: 50px 0;}
footer .w1600{display: flex;justify-content: space-between;flex-direction: column;flex-wrap: wrap;}
footer .left{width: 100%;float:none;border-right:none;padding:20px 0;}
footer .right{width:100%;padding:20px 0;}
.copyright{text-align: center;height: auto;line-height: 2rem;}

}

@media screen and (max-width:540px) {
    .logo img{width: 180px;}
    .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 ul li{width: 40%;box-sizing: content-box;}
    .indexproduct .catlist{margin-top: 20px;}
    .indexproduct .catlist ul li{width: 49%;}
    .indexnews .right  ul li{width: 100%;}
    .indexnews .right  ul li:nth-child(2){margin-top: 20px;}
    .indexnews .right ul li span{padding-bottom:1rem;}
    footer .left .footico img{width: 200px;}
    footer .left .footmessage input{width: 95%;}
  .copyright{font-size: 0.9rem;}
 }

 .nbanner{height: 650px;background-size: cover;}
 .nbanner .w1600{display: flex;align-items: center;justify-content: space-between;height: 100%;}
 .nbanner .tbox {margin: 0;width:30%;}
 .nbanner .tbox h3{color:#fff;font-size: 2.5rem;display: block;margin-bottom: 0;line-height: inherit;margin-bottom: 0.8rem;font-weight:normal;}
 .nbanner .tbox p{display: block;color:#fff;font-size: 1.5rem;position: relative;height: 60px;font-weight:normal;}
 .nbanner .tbox p abbr{display: block;position: relative;z-index: 9;text-transform: uppercase;}
 .nbanner .tbox p::after{content: "";height: 3px;background-color: #fff;display: block;z-index: 8;width:80px;margin-top: 20px;}
 .nbanner .pimg{width: 60%;}
 .nbanner .pimg img{width: 100%;}
@media screen and (max-width:768px) {
    .nbanner{height: 350px;background-size: 100% 100%;}
    .nbanner .tbox {width: 50%;}
     .nbanner .tbox h3{font-size: 1.6rem;}
    .nbanner .tbox p{font-size: 1rem;}
    .nbanner .pimg{width: 50%;}
}
@media screen and (max-width:546px) {
    .nbanner{height: 200px;}
    .nbanner .tbox h3{font-size: 1rem;}
    .nbanner .tbox p{font-size: 0.6rem;height: auto;}
    .nbanner .tbox p::after{top:100%}
}
 .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;height:30px;line-height:30px;border-right: 1px solid #eee;font-size: 1rem;padding:0 25px;}
 .aboutmenu ul li:first-child a{color: #004e97;}
 .aboutmenu ul li:hover a,.aboutmenu .active a{color: #004e97;}
 
 .about{padding: 60px 10px;}
 .about h3{font-size: 2rem;color:#4c4c4c;font-weight: normal;}
 .about h3 span{color:#004e97}
 .about .left{float: left;margin-top: 30px;margin-bottom:60px;width: 48%;}
 .about .left img{max-width: 100%;object-fit: cover;}
 .about .right{width:48%;float: right;margin-top: 30px;}
 .about .right .content{height: 100%;  overflow-y: scroll;  scrollbar-width: none;  -ms-overflow-style: none; margin-top: 10px;}
 .about .right::-webkit-scrollbar {display: none;}
 .about .right p{color: #4c4c4c;font-size: 1rem;line-height: 1.6rem;margin-top: 0.8rem;}


 .culte{padding: 80px 0;;background: #f7f9fc;}
 .culte h3{font-size: 2rem;color:#4c4c4c;font-weight: normal;}
 .culte h3 span{color:#004e97}
 .culte ul{display: flex;justify-content: space-between;align-items: center;background:url(../images/aboutbg2.png) top right no-repeat;padding:30px 0;width:100%;}
 .culte ul li{width:32%;height:300px;background:#fff;padding:60px;text-align: center;transition: all 0.3s ease-in;}
 .culte ul li i{display: block;width:64px;height: 64px;text-align: center;background: #004e97;border-radius: 50%;margin:0 auto;transition: all 0.3s ease-in;}
 .culte ul li i::before{content: "";display: block;background: url(../images/aboutico.png) center center no-repeat;background-position: 15px 15px;height: 64px;}
 .culte ul li:nth-child(2) i::before{background-position:-67px 15px;}
 .culte ul li:nth-child(3) i::before{background-position:-162px 15px;}
 .culte ul li:hover{transform:translateY(-10px);box-shadow: rgba(0,0,0,0.3) 1px 5px 10px;}
 .culte ul li p{font-size: 1.5rem;color: #333333;line-height: 4rem;}
 .culte ul li span{display: block;line-height: 1.5rem;color:#333;}

 .zhanhui{padding: 80px 10px;}
 .zhanhui h3{font-size: 2rem;color:#4c4c4c;font-weight: normal;text-align: center;margin:0 auto;}
 .zhanhui h3 span{color:#004e97}
.zhanhuilist{position: relative;padding: 40px 0px;}
 .zhanhuilist .swiper-slide{display:flex;align-items: center;justify-content: center;  padding: 0;box-sizing: border-box;}
 .zhanhuilist .swiper-slide img{width:100%;height:100%;object-fit: cover;}
.zhanhuilist .swiper-pagination{bottom: 0;top: auto;width: 60%;left:50%;transform: translateX(-50%);margin-top: 40px;}
 .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 .right{float: none;width: 100%;}
  .about .right p{font-size: 1rem;}
  .about .left{float: none;width: 100%;margin-bottom: 20px;text-align: center;}
  .culte h3{text-align: center;}
  .culte ul{flex-wrap: wrap;}
  .culte ul li{width: 80%;margin:0 auto 20px auto;}
  .honor{padding: 40px 10px;}
  .honor h3{font-size: 1.5rem;}
  .honor .swiper-button-next, .honor .swiper-button-prev{top:70px;}
 
 }
@media  screen and (max-width:540px) {
    .aboutmenu ul li a{padding:0 10px}
    .culte ul li{width: 98%}
}
 .product{margin:80px auto;display: flex;justify-content: space-between;gap:70px}
 .product .filterbox{height:56px;line-height:56px;font-size:36px;padding:0;display: none;}
 .product .filterbox i{font-size:22px}
 #onfilter {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #fff; z-index: 9999; transition: transform 0.3s ease; transform: translateX(-100%); box-shadow: 2px 0 5px rgba(0,0,0,0.1); } 
 #onfilter.show { display: block; transform: translateX(0); } .clobtn { position: absolute; top: 15px; right: 15px; font-size: 20px; cursor: pointer; z-index: 10000; } 
 #onfilter:before { content: ''; position: fixed; top: 0; right: 0; width: 100vw; height: 100vh;  z-index: -1; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; }
 #onfilter.show:before {    opacity: 1;    pointer-events: all;}
.product .clobtn i{font-size:18px}
 .product .left{width: 20%;}
 .show{display: block;z-index: 99;}
 .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: #004e97;}
.product .left ul li:hover i{transform: rotate(0deg);}
.product .left ul li i{font-size: 1rem;color: #000;font-weight: bold;background: url(../images/lanage1.png) center no-repeat;width: 15px;height: 15px;display: inline-block;transform: rotate(-90deg);transition: all 0.3s ease-in-out;}
.product .left ul li.active a{color: #004e97;}
.product .left ul li.active i{transform: rotate(0deg);}

 .product .right{flex: 1;overflow: hidden;}
 .product .right h3{font-size: 2rem;color:#3d3d3d;}
 .product .right h3::after{content: "";display: block;width: 50px;height: 3px;background-color: #004e97;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;border:1px solid #dcdcdc;padding: 1.3rem 1rem;box-sizing: border-box;}
 .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{text-align: center;line-height: 50px;height: 50px;overflow: hidden;}
 .product .right .list li p a{color:#000;}
 .product .right .list li:hover a{color: #004e97;}
 
 @media screen and (max-width:768px) {
    .product{flex-wrap: wrap;margin: 40px auto;} 
     .product .left{width: 30%;}
     .product .left ul{margin-top: 20px;}
     .product .left ul li{height: 45px;line-height: 45px;}
     .product .right h3{line-height:normal;font-size: 1.5rem;}
     .product .right .list li{width:49%;}
     .product .right .list li p{text-align: center;}
 }
 @media screen and (max-width:548px) {
    .product{gap: 10px;margin:20px auto}
    .product .filterbox{display: block;font-size: 1.2rem;width: 100%;cursor: pointer;}
     .product .clobtn{display: block;}
    .product .left{width: 100%;display: none;position: absolute;top: 0;}
     .product .left .search{margin-left:10px}
    .product .right{width: 100%;}
    .product .right .list li{width:48%;}
    .pagination{margin:10px auto;}
 }

.product .imgbox{width: 100%;padding:10px 0;border:1px solid #dcdcdc;}
.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:1px solid #dcdcdc;height: 160px;}
.product .swbox .swiper-slide img{height: 100%;max-width: 100%;object-fit: contain;}
.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;margin:2rem 0;}
.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: #004e97;color: #fff;}
.product .right .ctxt{color: #4c4c4c;line-height: 25px;}
.product .right .ctxt h2{
	width: 100%;
    color: #00a0ea;
    font-size: 24px;
    border-bottom: 1px solid #00a0ea;
    padding-bottom: 5px;
    margin: 10px 0 15px 0;
    line-height: 1.6;}
.table-container {
            width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch; /* 移动端顺滑滚动 */
            margin: 0 auto;
        }
.product .right .table {
            border-collapse: collapse;
            width: 100%;
            font-size: 16px;
        }
        th, td {
            border: 1px solid #ccc;
            padding: 10px;
            text-align: center;
        }
        th {
            background-color: #a0c8e8;
        }
        tr:nth-child(even) {
            background-color: #eaeaea;
        }

.product .right .contact{margin-top: 1rem;border-bottom: 2px solid #eee;padding-bottom: 2rem;}
.product .right .contact p{color: #4c4c4c;line-height: 25px;}
.product .right .contact ul{display: flex;justify-content: flex-start;margin-top:1rem;}
.product .right .contact ul li{height: 35px;line-height: 35px;padding:0 25px;box-sizing: content-box;}
.product .right .contact ul li a{display: flex;justify-content: space-between;align-items: center;}
.product .right .contact ul li i{display:inline-block;width:35px;height:20px;}
.product .right .contact ul li:nth-child(1) {background: #004e97;}
.product .right .contact ul li:nth-child(1) a{color: #fff;}
.product .right .contact ul li:nth-child(1) i{display: inline-block;background: url(../images/tel.png) left center no-repeat;}
.product .right .contact ul li:nth-child(2){color:#4c4c4c;border: 1px solid #aaa;margin-left:20px;}
.product .right .contact ul li:nth-child(2) i{display: inline-block;background: url(../images/book.png) left center no-repeat;}
.product .right .canshu{border-top: 2px solid #eee;padding-top: 30px;}
.product .right .canshu h3{font-size: 20px;color:#004e97;margin-bottom: 2rem;}
.product .right .canshu h3::after{content:"";width:80px;height: 4px;background: #004e97;display: block;margin-top: 5px;}
.product .right .canshu img{max-width:100%;object-fit: cover;}
.message{background:#f7f7f7;padding: 60px 0;}
.message h3{font-size: 2rem;color: #000;margin-bottom: 15px;text-align: center;font-weight: normal;}
.message abbr{display: block;color: #000;text-align: center;}
.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: #004e97;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;}

.tuijian{padding:50px 10px;}
.tuijian h3{font-size: 2rem;margin: 0 auto;text-align: center;font-weight: normal;}
.tuijiancontent{margin:40px auto;}
.tuijiancontent .swiper-wrapper{padding-bottom: 40px;}
.tuijiancontent .swiper { width: 100%;height: 100%;display: flex;justify-content: space-between;}
.tuijiancontent .swiper-slide {text-align: center;box-sizing: content-box;}
.tuijiancontent .swiper-slide .pimg{border:1px solid #dcdcdc;}
.tuijiancontent .swiper-slide .pimg img {  display: block; width: 100%;height: 100%; object-fit: cover;}
.tuijiancontent .swiper-slide p{height: 50px;line-height: 50px;}
@media screen and (max-width:768px) {
    .product .right .tabs-container .swiper-slide{width: 100% !important;}
    
}

@media screen and (max-width:768px) {
    .product .imgbox{height: auto;}
    .product .swbox .swiper-wrapper{}
    .product .right h1{font-size: 1.5rem;}
    .message img{width: 120px;}
}

.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: #004e97;}
.newsmenu ul li:hover a{color: #004e97;}

.newslist{margin-top: 2rem;}
.newslist ul li{padding-bottom: 2rem;margin-bottom: 2rem;border-bottom: 1px solid #eee;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.newslist ul li .txt{width: 60%;float:left;}
.newslist ul li .txt p{font-size: 1.1rem;line-height: 1.5rem;}
.newslist ul li .txt p a{color: #000;display: block;}
.newslist ul li .txt span{display: block;color: rgba(0,0,0,.5);line-height: 25px;font-size: 1rem;margin-top: 1.1rem;transition: all 0.5s ease-in;}
.newslist ul li .datetime{float:right;}
.newslist ul li .datetime abbr{color: #e5e5e5;font-size: 1.5rem;display: block;text-align: right;}
.newslist ul li .datetime span{display: block;color: #e5e5e5;font-weight: bold;font-size: 3rem;}
.newslist ul li:nth-child(1) .datetime span{color: #004e97;}
.newslist ul li:hover .txt p a{color: #004e97;}
.newslist ul li:hover .datetime span{color: #004e97;}

@media (max-width:768px){
   
}
@media (max-width:640px){
.newslist ul li .txt{width: 100%;float:none;}
.newslist ul li .datetime{width: 100%;float:none;margin-top: 1rem;}
.newslist ul li .datetime abbr{text-align: left;display: inline-block;font-size: 1rem;}
.newslist ul li:nth-child(1) .datetime span{color: #e5e5e5;}
.newslist ul li .datetime span{font-size: 1rem;display: inline-block;margin-left: 3px;color: #e5e5e5;font-weight: normal;}
.newslist ul li .datetime span::before{display: inline-block;content:"-";}
.newsmenu ul li a{width: auto;padding: 0 10px;}
}
.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: 70%;padding:2rem 0 2rem 0;border-right: 1px solid #f2f2f2;}
.newsview .left h1{font-size: 1.5rem;color: #333;margin-bottom: 1rem;font-weight: normal;text-align: center;}
.newsview .left abbr{display: block;font-size: 1rem;color: #ccc;margin-bottom: 1.2rem;text-align: center;}
.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 .content h2,.newsview .left .content h3{line-height:2rem;font-size: 1rem;}
.newsview .left .content p,.ybc-p{line-height: 1.5rem;font-size: 1rem;color: #4c4c4c;}
.newsview .left .content img{max-width:100%;object-fit: cover;margin: 5px auto;}
.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: #4c4c4c;}
.newsview .left .renews ul li abbr{display: inline-block;margin-bottom: 0.5rem;color: #4c4c4c;}
.newsview .left .renews ul li a{color: #4c4c4c;display: block;}
.newsview .left .renews ul li:hover a{color: #004e97;}

.newsview .right{flex: 1;padding-left:1.5rem;padding-top: 2rem;text-align: right;}
.newsview .right h4{color:#4c4c4c;font-size: 1.2rem;text-align: left;}
.newsview .right ul li{margin: 1rem 0 1rem 0;border-bottom: 1px solid #f0f0f0;padding-bottom: 1rem;}
.newsview .right p{text-align: left;}
.newsview .right p a{color:#4c4c4c;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%;padding: 0;margin-top: 30px;}
 .newsview .right{width: 100%;padding-left:0;}
 .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%;height: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}

.caselist1 ul li{background-color: #f7f7f7;padding:15px 0;}
.caselist1 ul li .pimg{height: 300px;text-align: center;}
.caselist1 ul li .pimg img{width:auto;max-width: 100%;max-height:100%;height: auto;}

@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: auto;}   
}
@media (max-width:548px){
    .caselist ul li{width:100%;}   
}

.contactview{padding:60px 10px;display: flex;justify-content: space-between;flex-wrap: wrap;gap:50px;width: 87%;margin-right: 0;float: right;}
.contactview .left{width: 40%;}
.contactview .left h3{font-size: 2rem;color:#3d3d3d;}
.contactview .left h3::after{content: "";display: block;width: 50px;height: 3px;background-color: #004e97;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 #e5e5e5;width: 100%;flex-wrap: wrap;}
.contactview .left ul li span{display: block;color: #595757;}
.contactview .left ul li p{color: #595757;font-size: 1rem;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;}

.cmessage{padding: 60px 10px;margin-bottom: 3rem;}
.cmessage h5{font-size: 2.2rem;color: #000;text-align: center;font-weight: normal;}
.cmessage ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top:50px;width: 100%;}
.cmessage ul li{width: 31%;margin-bottom: 2rem;}
.cmessage ul li:nth-child(6){position: relative;}
.cmessage ul li:nth-child(6) input{position: absolute;}
.cmessage ul li:nth-child(7){width: 100%;}
.cmessage ul li:nth-child(8){width: 100%;text-align: center;}
.cmessage ul li:nth-child(9){width: 100%;display: flex;justify-content: center;}
.cmessage input{width: 100%;  height: 45px;  line-height: 45px;border: 1px solid #004e97; background: none;  outline: none; color: #333;
    font-size: 16px; padding: 0 20px;margin: 0;}
.cmessage input::placeholder{color: #333;} 
.cmessage p{display: block;padding-bottom: 5px;}
.cmessage p span{color: #ff0000;}  
.cmessage .pimg{position: absolute; width: 122px;right: 1px;top: 30px;}
.cmessage textarea{width: 100%;display: block; border: 1px solid #004e97;   background: none;  outline: none;color: #333;  font-size: 1rem;  padding: 5px 20px;box-sizing: border-box;height: 200px;font-family:Arial;}
.cmessage .submit{border: 0;   width: 150px;   height: 45px;   cursor: pointer;   background-color: #004e97;   color: #fff;margin-right: 10px;}
.cmessage .reset{border: 0;   width: 150px;   height: 45px; cursor: pointer; background-color: #e7f0ff;  color: #004e97;}
@media (max-width:768px){
    .contactview{width: 100%;}
    .cmessage h5{font-size: 1.3rem;}
    .contactview .left{width: 100%;}
    .contactview .left h3{font-size: 1.5rem;}
    .contactview .left ul li{width: 100%;padding-left: 15px;box-sizing: border-box;}
    .cmessage ul li{width: 49%;}
}
@media (max-width:640px){
    .contactview .left h3{font-size: 1.2rem;}
    .cmessage ul li{width: 100%;}
    .cmessage ul li:nth-child(7){margin-top: 2rem;}
}
.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:#004e97;color:#fff}
@media (max-width:768px){
    .pagination .nav-links .page-num{font-size:14px;width:30px;height:30px}
}