@import url("font/siyuan.css");
a{text-decoration:none;color:inherit}
a:hover{text-decoration:none;color:#000}
body{margin: 0;}
body.show{overflow:hidden;background-color: #fff;}
html{font-size: 16px;font-family: "MiSans-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;}
.flexbetweent{display: flex;justify-content: space-between;align-items: center}
.w100{width: 100%;margin: 0 auto;}
.w1600{width: 1560px;max-width: 100%;margin: 0 auto;}
.w1440{width: 1385px;max-width: 100%;margin: 0 auto;}
header{background-color:#fff;padding: 0 0; position: sticky;    top: 0; z-index: 1000;}
.headertop{padding: 10px 60px;background-color: #f2f2f2;}
.headertop .left{width: 90%;}
.headertop .left ul {display: flex;justify-content: flex-start;align-items: center;}
.headertop .left ul li{padding: 0 6px;}
.headertop .left ul li i{width: 25px;height: 25px;background: url(../images/topico.png) left center no-repeat;display: inline-block;padding-right: 15px;}
.headertop .left ul li:nth-child(2) i{background-position: -53px 4px;}
.headertop .left ul li:nth-child(3) i{background-position: -123px 4px;}
.headertop .left ul li::after{content:"|";color:#0e3482;display: inline-block;padding: 0 10px;}
.headertop .left ul li:nth-child(3)::after,.headertop .left ul li:nth-child(4)::after{content:"";}
.headertop .left .share a{margin-right: 10px;display: inline-block;}
.headertop .left .share i{width: 25px;height: 20px;display: inline-block;background: url(../images/share.png) left center no-repeat;}
.headertop .left .share a:nth-child(2) i{background-position: -40px 0;}
.headertop .left .share a:nth-child(3) i{background-position: -66px 1px;}
.headertop .left .share a:nth-child(4) i{background-position: -98px 1px;}
.headertop .left .share a:nth-child(5) i{background-position: -130px 1px;}
.headertop .left .share a{display: inline-block;width: 30px;height: 20px;margin-right: 10px;}
.headertop .right{display: flex;justify-content: space-around;align-items: flex-start;position: relative;}
.headertop .right i {width: 30px;height: 30px;background: url(../images/lanage.png) left center no-repeat;display: inline-block;}
.headertop .right p{display: inline-block;height: 30px;line-height:30px;overflow: hidden;text-align: center;transition: all 0.3s ease-in;width: 30px;}
.headertop .right:hover p{background-color: #fff;width: 100px;}
.headertop .right span{ width: 20px;height: 30px;background: url(../images/lanage1.png) right center no-repeat;display: inline-block;}
.headertop .right a{display: inline-block;padding:0 5px;}
.header-top{display:flex;justify-content:space-between;align-items:center;padding: 30px 0;}
.logo{display:flex;align-items:center}
.logo h1{font-size:24px;color:#0e3482;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;text-transform: uppercase}
.nav-menu a:hover{color:#0e3482}
.nav-menu .active a{color:#0e3482}
.nav-menu .active::after{content:"";width: 100%;height: 2px;background: #0e3482;margin-top:10px;display: block;}
.search{width: 25px;height: 35px;background: url(../images/search.jpg) no-repeat;cursor:pointer}
.search i{width: 25px;height: 25px;background: url(../images/search.jpg) no-repeat;display: block;}
.mobile-menu-btn{display:none;font-size:24px;cursor:pointer}
.souuo{ width:100%; height:100%; position:fixed; background:#000;top:0; opacity:0.8;-moz-opacity:0.8;-webkit-opacity:0.8; z-index:10000; display:none;}
.searchbox{width: 50%;position: fixed;top: 169px;left: 50%;margin-left: -25%;height: 68px;border: 1px solid #535353;z-index: 10001; display:none;}
.stextx{border: none; background: none; font-size: 26px;  color: rgb(167, 167, 167);  height: 37px; line-height: 46px;margin-top:10px;padding-left:10px; width: 80%; float:left;outline:none;}
.sbutx{border: none; width: 7%; margin-right: 1%; height: 68px; background: url("../images/searchbt.png") no-repeat center; background-size: 50% auto; min-width: 40px; float:right; cursor:pointer;}
.close-search{ display: block; width: 37px; height: 37px; background: url("../images/close.png") no-repeat center; position: fixed; right: 3%;top: 50px;cursor: pointer; z-index: 10001; display:none;}

.indexbanner .swiper{height:789px;}
.indexbanner .swiper-button-prev, .indexbanner  .swiper-button-next{color: #fff;}
.indexbanner .swiper-slide{background-size: cover;}
.indexbanner .swbox{display: flex;flex-wrap: wrap;flex-direction: column;text-align: center;justify-content: center;height: 100%;width: 85%;margin: 0 auto;margin-top: -8%;}
.indexbanner .swbox h3{font-size:60px;text-transform: uppercase;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);margin-top: 30px;}
.indexbanner .swbox a{ display: block;width: 180px;height: 45px;line-height: 45px;text-align: center;background-color:transparent;color: #fff;margin:40px auto;text-transform: uppercase;font-size: 14px;border:2px solid #fff;font-family: "MiSans-Demibold";}

.indexproduct{padding: 80px 0;background-color: #f7f7f7;overflow: hidden;}
.indexproduct h3{font-size:3rem;font-family: "MiSans-Semibold";color:#0e3482;display: block;line-height: inherit;text-align: center}

.indexproduct .cat{margin-top: 60px;}
.indexproduct .cat ul{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around; align-content: center;gap: 30px;}
.indexproduct .cat ul li{text-align: center;border: 1px solid #dcdcdc;height: 50px; line-height: 50px;overflow: hidden;padding:0 30px;border-radius: 25px;}
.indexproduct .cat ul li:hover{background-color: #0e3482;}
.indexproduct .cat ul li a{font-family: "MiSans-regular";color: #000;}
.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;overflow: hidden;}
.indexproduct .catlist ul{padding:0 0;box-sizing: border-box;width: 100%;margin-top: 30px;flex-wrap: wrap;gap: 20px;flex: 1;}
.indexproduct .catlist ul::after{content:"";width: 24%;display: block;}
.indexproduct .catlist ul li{width: 24%;}
.indexproduct .catlist ul li .pimg{height: 230px;max-width:100%;overflow: hidden;}
.indexproduct .catlist ul li img{max-height:100%;width: 100%;object-fit:cover;transition: all 0.5s ease-in;}
.indexproduct .catlist ul li:hover img{transform: scale(1.1);transition: all 0.5s easein;}
.indexproduct .catlist ul li  p{font-size: 1rem;text-align: center;height: 60px;line-height: 60px;text-transform: capitalize;}
.indexproduct .catlist ul li p>a{color: #333;font-family: "MiSans-Regular";}
.indexproduct .catlist ul li:hover p>a{color: #0e3482;}

.indexclute{padding: 10% 0;background: url(../images/indexaboutbg.jpg) top left no-repeat;background-size:cover;height: 950px;box-sizing: border-box;}
.indexclute .left{width: 58%;float: left;}
.indexclute .left h3{display: block;color: #fff;font-size:3rem;font-family: "MiSans-Semibold";height: 50px;line-height: 50px;margin: 1rem 0;text-transform: uppercase;}
.indexclute .left p{display: block;color: #fff;font-size:1.6rem;font-family: "MiSans-regular";line-height: 1.8rem;margin:20px 0;}
.indexclute .right{width: 40%;float: right;text-align: right;}
.indexclute .right ul{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding:5px;gap: 10px;}
.indexclute .right ul li{width: 49%;height:90px;border:2px solid #ededed;text-align: center;padding: 15px 25px;box-sizing: border-box;display: flex;justify-content:flex-start;}
.indexclute .right ul li i{display: inline-block;width: 70px;height: 50px;background: url(../images/indexaboutico.png) left center no-repeat;}
.indexclute .right ul li:nth-child(1) i{background-position:-6px 0;}
.indexclute .right ul li:nth-child(2) i{background-position: -155px 0;}
.indexclute .right ul li:nth-child(3) i{background-position: 1px -103px;}
.indexclute .right ul li:nth-child(4) i{background-position: -151px -103px;}
.indexclute .right ul li p{display: inline-block;text-align: left;}
.indexclute .right ul li p b{font-size: 2.1rem;font-family: "MiSans-Semibold";color: #ffcc6a;}
.indexclute .right ul li sup{line-height: 0;position: relative;top: 0rem;left:0.5rem;color: #ffcc6a;font-size: 1rem;}
.indexclute .right ul li p span{display: block;color: #fff;font-size: 1rem;font-weight: bold;text-align:left;}

.indexabout{padding: 80px 0;overflow: hidden;}
.indexabout .left{width: 46%;float: left;margin-left: 10%;}
.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 h3::after{content:"";width: 50px;height: 4px;background-color: #0e3482;display: block;margin-top: 10px;}
.indexabout .left p{display: block;color: #4c4c4c;font-size:1rem;font-family: "MiSans-regular";line-height: 30px;margin:40px 0;}
.indexabout .more{border: none;width: 195px;height: 55px;line-height: 55px;text-align: center;background-color: #0e3482;border-radius: 35px;}
.indexabout .more a{color: #fff;}
.indexabout img{margin-top: 50px;max-width: 100%;}
.indexabout .right{width: 50%;float: right;text-align: right;height: 100%;margin-left:40px;}
.indexabout .right img{max-width: 100%;object-fit: cover;}

.indexquality{padding: 7% 0;background: url(../images/indexqbg.jpg) top center no-repeat;background-size:cover;height: 950px;box-sizing: border-box;}
.indexquality h3{display: block;color: #fff;font-size:3rem;font-family: "MiSans-Semibold";height: 50px;line-height: 50px;margin: 1rem auto;text-transform: uppercase;text-align: center;}
.indexquality abbr{display: block;color: #fff;font-size:1rem;font-family: "MiSans-regular";line-height: 1.8rem;margin:20px auto;text-align: center;width: 70%;}
.indexquality ul{flex-wrap: wrap;gap: 15px;margin-top: 5%;}
.indexquality ul li{width: 19%;border: 3px solid #fff;}
.indexquality ul li img{max-width: 100%;object-fit: cover;}


.indexnews{padding: 7% 0;background:url(../images/indexnewsbg.jpg) left top no-repeat;background-size: cover;height: 850px;}
.indexnews h3{font-size:2.5rem;font-family: "MiSans-Semibold";color:#0e3482;text-transform:uppercase;display: block;line-height: inherit;text-align: center;}
.indexnews .left{width: 48%;float: left;margin-top: 5%;}
.indexnews .right{width: 49%;float: right;margin-top: 5%;}
.indexnews .left .pimg{height: 350px;overflow: hidden;text-align: center;}
.indexnews .left .pimg img{max-width: 100%;height:100%;object-fit: cover;transition: transform 0.5s;}
.indexnews .left  .pimg:hover img{transform: scale(1.05);}
.indexnews .ptxt{padding:30px 25px;background-color: #fff;}
.indexnews .ptxt span{float: left;display: block;font-family:"MiSans-Semibold";font-size: 3rem;color: #0e3482;text-align: center;}
.indexnews .ptxt span>abbr{display: block;font-size: 16px;color: #808080;font-family: "MiSans-regular";}
.indexnews .ptxt span>abbr::after{content:"";width: 30px;height: 2px;background-color: #0e3482;margin: 10px auto;display: block;}
.indexnews .ptxt p{font-size: 1.2rem;color: #333;margin-left: 15px;}
.indexnews .ptxt p>abbr{font-size: 1rem;font-family: "MiSans-regular";display: block;margin-top: 10px;line-height: 25px;color: #808080;}
.indexnews .ptxt p>span{display: block;margin-top: 0.5rem;}
.indexnews .ptxt p a{color: #333;font-family: "MiSans-Semibold";font-size: 1.3rem;}
.indexnews ul{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 20px;}
.indexnews ul li{width: 100%;overflow: hidden;}
.indexnews .ptxt:hover a,.indexnews ul li:hover p a{color: #0e3482;}


footer{padding: 60px 0 0 0;background-color: #333333;overflow: hidden;margin-top: 1rem !important;}
footer .left{width: 42%;float: left;height:258px;border-right:1px solid rgba(255, 255, 255, 0.4);}
footer .left .footico{margin-bottom: 30px;}
footer .left .footico span{color: #fff;font-family: "MiSans-regular";margin-bottom: 10px;display: block;margin-top: 30px;width: 90%;line-height: 25px;}
footer .left .footico p{display: block;font-size: 1rem;color: #fff;font-family: "MiSans-light";margin-top: 30px;border:1px solid #fff;width: 160px;text-align: center;height: 40px;line-height: 40px;}
footer .left .footico p>a{color:#fff;display: block;}
footer .right{width: 53%;float: right;display: flex;flex-wrap: wrap;align-items:baseline;justify-content: space-between;}
footer .right dl dt{color: #fff;font-family: "MiSans-Semibold";margin-bottom: 10px;font-size: 20px;}
footer .right dl dd{font-size:1rem;font-family: "MiSans-light";color: #fff;margin-bottom: 10px;line-height: 25px;}
.copyright{margin-top:20px;height: 4rem;line-height: 4rem;background: #333333;text-align: center;color: #fff;font-size: 0.9rem;font-family: "MiSans-light";border-top: 1px solid rgba(255, 255, 255, 0.4);}
@media screen and (max-width:1440px) {
.w1600{width:1360px;}  
.w1440{width: 1220px;}
.nav-menu{width: 980px;}
.indexproduct .catlist ul li{width: 23%;}
.indexproduct .catlist ul li img{height: 100%;}
.indexclute .left{width: 48%}
 .indexclute .left h3{height: 100px;}
.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) {
    .w1440{width: 1200px;} 
    .nav-menu li{margin-left: 20px;}
    .nav-menu a{font-size: 0.8rem;}

}
@media screen and (max-width:1024px) {
.nav-menu{width: 70%;}
.indexclute .right ul li{width: 48%;}
.indexclute .right ul li p b{font-size: 1.6rem;}
.indexclute .right ul li i{width: 55px;}
.indexabout .left{margin-left: 0;}
.indexquality ul{justify-content: space-evenly;}
}
@media screen and (max-width:768px) { 
    .w1440{width: 100%;padding: 0 10px} 
.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 .active::after{display: none;}
.nav-menu li{margin:0;border-bottom:1px solid #eee}
.nav-menu a{display:block;padding:15px}
.mobile-menu-btn{display:block;position: absolute;right: 70px;}
.headertop .left ul li{display: none;}
.headertop .left .share{display: flex;}
.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 .catlist ul::after{display: flex;flex: auto;}
.indexproduct .catlist ul li{width: 48%;}
.indexclute {padding:5% 0;}
.indexclute .left{width: 100%;}
.indexclute .right{width: 90%;float:none;margin: 0 auto;}
.indexclute .right ul li {padding: 20px 45px;}
.indexclute .left h3{font-size: 2rem;height: auto;}
.indexclute .left p{font-size: 1.3rem;}
.indexabout{flex-wrap: wrap;}
.indexabout img{margin: 50px auto;display: block;}
.indexabout .left,.indexabout .right{width: 100%;float: none;margin-left: 0;}
.indexquality{height: auto;}
.indexquality abbr{width: 90%;}
.indexquality ul li{width: 48%;}
.indexnews .left,.indexnews .right{width: 100%;}

footer{padding: 50px 0 0 0;}
footer .w1600{display: flex;justify-content: space-between;flex-direction: column;flex-wrap: wrap;}
footer .left{width: 100%;float:none;border-bottom:1px solid rgba(255, 255, 255, 0.4);border-right: none;margin-bottom: 30px;}
footer .right{display:block;width: 100%;} 
footer .left .footico img{margin:0 auto;display: block;}
.copyright{text-align: center;height: auto;line-height: 1rem;padding: 20px 0;}
}

@media screen and (max-width:640px) {
.headertop{padding:10px 10px;}
.headertop .left{width: auto;}
.headertop .left .share a{margin-right:5px;}
.logo{width: 46%;}
.logo img{max-width: 100%;max-height: 100%;width: auto;}
.indexproduct h3{font-size: 2rem;}
.indexproduct .catlist ul li{width: 100%;}
.indexquality h3{font-size: 1.6rem;}
.indexquality ul li{width: 100%;}
.indexnews ul{gap: 0;}
.indexnews ul li{border-top: 1px solid rgba(0,0,0,0.3)}
.indexnews .left .pimg{height: auto;}
.indexnews .ptxt span{margin-left: 15px;font-size: 1.85rem;}
.indexnews .ptxt span>abbr{display: inline-block;margin-left: 10px;}
.indexnews .ptxt span>abbr::after{width: 100%;}
.indexnews .ptxt{flex-wrap: wrap;padding:30px 0}
.indexabout{padding: 30px 10px;}
.indexabout img{margin: 20px auto;}
.indexclute .left h3{font-size: 1.6rem}
.indexproduct .cat{margin-top: 45px;}
.indexproduct .cat ul{gap: 15px}
 .indexproduct .cat ul li{padding: 0 15px;}
.indexproduct .cat ul li:nth-child(n+2){width: 48%}
.indexproduct .cat ul li:last-child {width: 100%}
.search{height: 30px;}
.searchbox{width: 90%;left: 5%;margin-left: 0}
.indexclute .right ul li{width: 100%;background-color: #00479441; padding: 20px 30px;}
.indexclute .right ul li:nth-child(3) i {background-position: 1px -104px;}
footer .left{height: auto;}
 }

 .nbanner{height: 600px;background-size: cover;display: flex;align-items: center;justify-content: flex-start;}
.nbanner .tbox p{display: block;color:#fff;font-size: 3.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;}

@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) {
    .header-top{padding: 20px 0;}
    .logo{width: 42%;}
    .search{background-size: contain;width: 20px;height: 20px;}
    .stextx{font-size: 16px;}
    .mobile-menu-btn{right: 50px;}
    .indexbanner .swiper{height: auto;}
    .indexbanner .swbox{margin-top: 30px;}
    .indexbanner .swbox h3{font-size: 1.2rem;}
    .indexbanner .swiper-button-prev, .indexbanner .swiper-button-next{display: none;}
    .nbanner{height: 200px;}
    .nbanner .tbox p{font-size: 1.5rem;}
}
.aboutmenu{border-bottom: 1px solid #eee;}
.aboutmenu ul{display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start; align-content: center;}
.aboutmenu ul li{text-align: center;;height: 80px; line-height: 80px;overflow: hidden;display: flex;justify-content: space-between;align-items: center;}
.aboutmenu ul li::after{content:"";display: inline-block;width: 1px;height: 30%;background-color: #dcdcdc;}
.aboutmenu ul li:hover,.aboutmenu .active{background-color: #0e3482;}
.aboutmenu ul li:hover a,.aboutmenu .active a{color:#fff;}
.aboutmenu ul li a{font-family: "MiSans-regular";color: #6c6c6c;width: 100%;display: inline-block;padding:0 15px;text-transform: capitalize}
 
 .about{padding: 60px 10px;}
 .about h3{font-size: 2.3rem;color:#0e3482;font-family: "MiSans-Semibold";text-transform: uppercase;margin-bottom: 30px;}
 .about h3::after{content: "";display: block;width: 50px;height: 3px;background-color: #0e3482;margin-top: 20px;}
 .about .left{width:53%;float: left;margin-top: 30px; position: relative;}
 .about .content{height: 100%;  color: #4c4c4c;word-break: normal;word-wrap: normal;}
 .about .content p{color: #4c4c4c;font-size: 1rem;line-height: 28px;}
 .about .right{float: left;margin-top: 30px;margin-bottom:30px;width: 46%;text-align: right}
 .about .right img{max-width: 100%;}

 .aboutshili{height: 260px;background: url(../images/aboutbg.jpg) top center no-repeat;background-size: cover;padding:70px;margin-bottom: 80px;}
 .aboutshili ul li{width: 25%;border-right:1px solid #fff;text-align: center}
 .aboutshili ul li:last-child{border-right:none;}
.aboutshili ul li i{display: block;width: 70px;height: 50px;background: url(../images/indexaboutico.png) left center no-repeat;margin: 0 auto;}
.aboutshili ul li:nth-child(1) i{background-position:10px 0;}
.aboutshili ul li:nth-child(2) i{background-position: -135px 0;}
.aboutshili ul li:nth-child(3) i{background-position: 10px -103px;}
.aboutshili ul li:nth-child(4) i{background-position: -135px -103px;}
.aboutshili ul li p{display: block;margin: 15px auto 0 auto;}
.aboutshili ul li p b{font-size: 2.1rem;font-family: "MiSans-Semibold";color: #ffcc6a;}
.aboutshili ul li sup{line-height: 0;position: relative;top: 0rem;left:0.5rem;color: #ffcc6a;font-size: 1rem;}
.aboutshili ul li p span{display: block;color: #fff;font-size: 1rem;font-weight: bold;text-align:center;margin-top: 10px;}

 .product{margin:0 auto;}
.product .cat{border-bottom: 1px solid #eee;}
.product .cat ul{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around; align-content: center;}
.product .cat ul li{text-align: center;;height: 80px; line-height: 80px;overflow: hidden;display: flex;justify-content: space-between;align-items: center;flex: auto;}
.product .cat ul li::after{content:"";display: inline-block;width: 1px;height: 30%;background-color: #dcdcdc;}
.product .cat ul li:hover,.product .cat .active{background-color: #0e3482;}
.product .cat ul li a{font-family: "MiSans-regular";color: #6c6c6c;width: 100%;display: inline-block;}
.product .cat ul li:hover a,.product .cat .active a{color: #fff;}
.product .catlist{clear: both;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;margin: 40px auto;overflow: hidden;}
.product .catlist ul{padding:0 0;box-sizing: border-box;width: 100%;flex-wrap: wrap;gap: 20px;flex: 1;overflow: hidden;}
.product .catlist ul::after{content:"";display: block;width: 32%;}
.product .catlist ul li{width: 32%;background-color: #f7f7f7;padding:5px;box-sizing: border-box}
.product .catlist ul li .pimg{max-height: 310px;max-width:100%;overflow: hidden;}
.product .catlist ul li img{width: 100%;object-fit:cover;transition: all 0.5s ease-in;}
.product .catlist ul li:hover img{transform: scale(1.1);transition: all 0.5s easein;}
.product .catlist ul li  p{font-size: 1rem;text-align: center;height: 60px;line-height: 60px;text-transform: capitalize;}
.product .catlist ul li p>a{color: #333;font-family: "MiSans-Regular";}
.product .catlist ul li:hover p>a{color: #0e3482;}

 
 @media screen and (max-width:768px) {

.about .left,.about .right{width:100%;float: none;}
.about .right{text-align: center;}
.aboutshili{padding:70px 0;}
.aboutshili ul li p b{font-size: 1.3rem;}
.product .cat ul li a{padding:0 20px;}
.product .catlist ul li{width: 48%;}
.product .catlist ul li img{height: 100%;}
 }
 @media screen and (max-width:640px) {

    .pagination{margin:10px auto;}
    .about h3{font-size: 1.6rem;}
    .aboutshili{height: auto;}
    .aboutshili ul{flex-wrap: wrap;}
    .aboutshili ul li{width: 50%;margin-bottom: 20px;}
    .aboutshili ul li:nth-child(3) i{background-position: 10px -98px;}
    .product .cat ul li{height: 50px;line-height: 50px;}
    
    .product .cat ul li::after{display: none;}
    .product .cat ul li:nth-child(2)::after{display: block;}
    .product .catlist ul li{width: 100%;}
 }
  @media screen and (max-width:480px) {
.indexproduct .cat ul li:nth-child(n+2){width: 46%;}
.indexproduct .cat ul li:last-child{width: auto;}
  }

 .product .imgbox{width: 100%;height: 560px;margin-top: 40px;}
.product .imgbox .swiper-slide{display:flex;align-items: center;justify-content: center;    padding: 0;box-sizing: border-box;border:5px solid #eee}
.product .imgbox img{object-fit:contain;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: 60px !important;}
.product .swbox .swiper-slide-thumb-active{border:2px solid #0e3482;height: 160px;}
.product .swbox .swiper-slide img{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;top:25%;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;top:25%;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 h1{font-size: 36px;color: #000;margin-bottom: 15px;border-bottom: 2px solid #ccc;margin:2rem 0;padding-bottom: 2rem;text-transform: capitalize;}
.product .tabs{margin-top: 3rem;}
.product .tabs ul{display: flex;justify-content: flex-start;align-items: center;background-color: #f7f7f7;}
.product .tabs ul li{width: 250px;height: 40px;line-height: 40px;text-align: center;background-color: #f2f2f2;color: #000;cursor: pointer;}
.product .tabs ul li.active{background-color: #0e3482;color: #fff;}
.product .tabs-container{margin: 1rem 0 2rem 0;}
.product .tabs-container .swiper-slide{width: 100% !important;overflow-x: hidden;}
.product .tabs-container .swiper-slide p{line-height: 1.5rem;font-family: "MiSans-regular" !important;color: #4c4c4c;margin-top: 1.5rem;}
.product .tabs-container .swiper-slide img{max-width: 100%;}
.product .tabs-container .swiper-slide table{width: 100%;}
.product .tabs-container .swiper-slide table td{border: 1px solid #b3b3b3;}
.product .content{padding:20px 0;line-height: 25px;color: #000;}
.product .contact{margin-top: 2rem;width: 100%;}
.product .contact p{color: #0e3482;font-family: "MiSans-regular";border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;display: flex;align-items: center}
.product .contact p:nth-child(1){border-bottom: none;}
.product .contact p i{width: 25px;height: 30px;background: url(../images/topico.png) left center no-repeat;display: inline-block;padding-right: 10px;}
.product .contact p:nth-child(1) i{background-position: -53px 8px;}
.product .contact p:nth-child(2) i{background-position: -122px 8px;}

.product .contact a{color: #fff;display: inline-block;width: 200px;text-align: center;display: flex;justify-content: center;align-items: center;}
.product .contact p:nth-child(3),.product .contact p:nth-child(4){width: 200px;height: 40px;border: none;margin-top: 30px;}
.product .contact p:nth-child(3){background-color: #333;float:left;}
.product .contact p:nth-child(4){background-color: #f7f7f7;float:left;margin-left:20px;}
.product .contact p:nth-child(4) a{color: #000;}
.product .contact p:nth-child(3) i{display: inline-block;width: 25px;height: 40px;line-height: 40px;background: url(../images/contactico.png) left center no-repeat;}
.product .contact p:nth-child(4) i{display: inline-block;width: 25px;height: 40px;line-height: 40px;background: url(../images/proico.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";font-size: 24px;}
.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;padding-left: 5px;width: 49%;background: #fff;margin-bottom: 15px;}
.message input:-ms-input-placeholder,.message input::placeholder,.message input:-webkit-input-placeholder{color:#000}
.message textarea{border: 1px solid #ced4da;height: 150px;line-height:35px;border-radius: 5px;padding: 5px;width: 100%;background: #fff;box-sizing: border-box;}
.message .submit{width: 100%;height: 50px;line-height: 50px;border-radius: 5px;padding-left: 5px;width: 100%;background: #fff;background: #253c92;margin-top: 15px;color: #fff;display: block;box-sizing: border-box;}
.message .input{height: 50px;line-height: 50px;padding-left: 5px;width: 90%;margin-top: 15px;}

@media screen and (max-width:768px) {
    .product .tabs-container .swiper-slide{width: 100% !important;}
    .product .contact a{width: 150px;}
    .product .imgbox{height: auto;}
    .product .swbox .swiper-wrapper{}
}
@media screen and (max-width:640px){
    .product .contact p{height: 60px}
    .product .contact p:nth-child(3), .product .contact p:nth-child(4){width: 45%;height: 60px}
    .product .contact p a>span{display: inline-block;padding: 0;width: 70px;}
    .message .input{height: auto;}
}
.newsmenu{border-bottom: 1px solid #eee;}
.newsmenu ul{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around; align-content: center;}
.newsmenu ul li{text-align: center;;height: 80px; line-height: 80px;overflow: hidden;display: flex;justify-content: space-between;align-items: center;flex: auto;}
.newsmenu ul li::after{content:"";display: inline-block;width: 1px;height: 30%;background-color: #dcdcdc;}
.newsmenu ul li:hover,.product .cat .active{background-color: #0e3482;}
.newsmenu ul li a{font-family: "MiSans-regular";color: #6c6c6c;width: 100%;display: inline-block;}
.newsmenu ul li:hover a,.product .cat .active a{color: #fff;}

.newslist{margin-top: 2rem;}
.newslist ul li{display: flex;justify-content: space-between;align-items: center;padding-bottom: 2rem;margin-bottom: 3rem;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: #253c92;}
.newslist ul li .ptxt span{display: block;font-family: "MiSans-Semibold";font-size: 1.2rem;margin-top: 10px;}
.newslist ul li .ptxt p{font-size: 1rem;color: #000;margin-top: 2rem;line-height: 1.2rem;}
.newslist ul li .ptxt p::after{content: "";display: block;width: 50px;height: 3px;background-color: #253c92;margin-top: 20px;}
.newslist ul li .ptxt a{color: #000;display: block;}
.newslist ul li .pimg{height: 280px;width:395px;overflow: hidden;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);}


@media (max-width:768px){
    .newslist ul li{flex-wrap: wrap;}
    .newslist ul li .ptxt{width: 70%;}
    .newslist ul li .pimg{width: 20%;flex: auto;height: auto;margin-top: 25px;}
}
@media (max-width:640px){
    
.newslist ul li .ptxt{order: 2;width: 100%;margin-top: 20px;}
.newslist ul li .pimg{order:1;width: 100%;text-align: center;margin-top: 0;}
.newslist ul li .ptxt p{line-height: 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 {margin-top:30px;padding:2rem 0 2rem 0;}
.newsview h1{font-size: 2.5rem;color: #000;margin-bottom: 1rem;font-family: "MiSans-semibold";display: block;}
.newsview img{max-width: 100%;max-height: 100%;margin: 10px 0;}
.newsview table tr,.newsview table{width: 100%}
.newsview abbr{display: block;font-size: 1rem;font-family: "MiSans-regular";color: #0e3482;margin-bottom: 1.4rem;}
.newsview .content{border-top: 1px solid #f2f2f2;width: 100%;overflow: hidden;text-align: left;padding:1rem 0 1rem 0;line-height: 1.5rem;margin-top: 2rem;}
.newsview .content p{line-height: 25px;}
.newsview .renews{margin-top: 2rem;border-top: 1px solid #f2f2f2;}
.newsview .renews ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top:1rem;}
.newsview .renews ul li{width: 50%;text-align: left;color: #000;}
.newsview .renews ul li:nth-child(2){text-align: right}
.newsview .renews ul li abbr{display:inline-block;margin-bottom: 0.5rem;color: #0e3482;font-family: "MiSans-regular";padding-right: 10px;}
.newsview .renews ul li {color: #808080;display: inline-block;font-family: "MiSans-regular";}
.newsview .renews ul li:hover a{color: #0e3482;}

@media (max-width:768px){
 .newsview {width: 100%;order:2;padding: 0 10px;}
 .newsview h1{font-size: 1.6rem;}
 .newsview .renews ul li{width: 100%;}
 .newsview .renews ul li:nth-child(2){margin:1rem 0;}
}
@media (max-width:640px){
    .newsview .renews ul li:nth-child(2){text-align: left}
}
.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:32%;margin-bottom: 2rem;}
.caselist ul li .pimg{width: 100%;height: 310px;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}
.honorlist{clear: both;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;margin: 40px auto;overflow: hidden;}
.honorlist ul{padding:0 0;box-sizing: border-box;width: 100%;flex-wrap: wrap;gap: 20px;flex: 1;overflow: hidden;}
.honorlist ul::after{content:"";display: block;width: 32%;}
.honorlist ul li{width: 24%;background-color: #f5f5f5;padding:5px;box-sizing: border-box}
.honorlist ul li .pimg{max-height: 310px;max-width:100%;overflow: hidden;}
.honorlist ul li img{width: 100%;object-fit:cover;transition: all 0.5s ease-in;}
.honorlist ul li:hover img{transform: scale(1.1);transition: all 0.5s easein;}
.honorlist ul li  p{font-size: 1rem;text-align: center;height: 60px;line-height: 60px;text-transform: capitalize;overflow: hidden;}
.honorlist ul li p>a{color: #333;font-family: "MiSans-Regular";}
.honorlist ul li:hover p>a{color: #0e3482;}
@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%;margin-bottom: 20px;}   
    .honorlist ul li{width: 48%;}
}
@media (max-width:548px){
    .caselist ul li{width:100%;height: auto;}   
    .caselist ul li .pimg{height: auto;}  
    .honorlist ul li{width: 100%;}
}

.contactview{padding:2rem 0;display: flex;justify-content: space-between;flex-wrap: wrap;gap: 30px;margin-left:9%;}
.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: #0e3482;margin-top: 20px;}
.contactview .left ul{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.contactview .left ul li{padding:1.2rem 0;border-bottom: 1px solid #b3b3b3;width: 100%;}
.contactview .left ul li span{display: block;font-family:"MiSans-blod";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/contactico1.jpg) left center no-repeat;padding-right: 10px;float:left}
.contactview .left ul li abbr{float: left;display: block;height: 30px;line-height: 30px;font-size: 20px;}
.contactview .left ul li:nth-child(2) i{background-position: -42px 0;}
.contactview .left ul li:nth-child(3) i{background-position: -120px 0;}
.contactview .left ul li:nth-child(4) i{background-position: -85px 0;}
.contactview .left ul li:nth-child(5) i{background-position: -85px 0;}
.contactview .left ul li p{font-family: "MiSans-Regular";color: #595757;font-size: 1.2rem;clear: both;padding-top: 0.3rem;}

.contactview .right{width: 50%;}
.contactview .right img{width: 100%;object-fit: cover;}
@media (max-width:768px){
    .contactview{margin-left: 0;padding: 0 10px;}
    .contactview .left{width: 100%;}
    .contactview .left ul li{width: 100%;}
    .contactview .left ul li:nth-child(even){width: 100%;}
    .contactview .right{width: 100%;margin-bottom: 30px;}
}
@media (max-width:640px){
.contactview .left h3{font-size: 1.4rem;margin: 25px 0 0;}
.contactview .left ul li p{font-size: 1rem;line-height: 30px;}
}
.pagination{margin:30px auto 50px 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:#0e3482;color:#fff}
@media (max-width:768px){
    .pagination .nav-links .page-num{font-size:14px;width:30px;height:30px}
}

.yindao{background: url(../images/indexbg.jpg) top center no-repeat;background-size: cover;padding:70px 0;position: relative;height: 950px;overflow: hidden;}
.yindaotop{margin:0 auto 40px auto;text-align: center;}
.yindaotop img{max-width: 100%;max-height: 100%;width: auto;}
.yindaoleft{width: 1102px;height: 639px;background: url(../images/indexleft.png) left top no-repeat;position: absolute;left: 0;z-index: 99;    clip-path: polygon(0% 0, 100% 0, 78% 100%, 0 100%);}
.yindaoleft p{font-family: "MiSans-Semibold";font-size: 40px;color: #fff;position: absolute;bottom: 60px;text-align: center;left:50px;}
.yindaoleft abbr{display: block;width: 180px;height: 40px;line-height: 40px;background: #fff;border-radius: 20px;text-align: center;margin-top: 30px;}
.yindaoleft abbr>a{display: block;color: #004894;font-size:16px;}
.yindaoright{width: 1110px;height: 637px;background: url(../images/indexright.png) #fefefe right top no-repeat;position: absolute;right: 0;z-index:110;margin-top: 60px;clip-path: polygon(22% 0, 100% 0, 100% 100%, 0 100%);}
.yindaoright p{font-family: "MiSans-Semibold";font-size: 40px;color: #004894;position: absolute;bottom: 60px;text-align: center;right:50px;}
.yindaoright abbr{display: block;width: 180px;height: 40px;line-height: 40px;background: #004894;border-radius: 20px;text-align: center;margin-top: 30px;}
.yindaoright abbr>a{display: block;color: #fff;font-size:16px;text-transform:uppercase;}
.yindaobottom{background-color: #004894;position: absolute;}
.yindaobottom ul{padding: 60px 0;align-items: baseline}
.yindaobottom ul li{width: 50%;text-align: left;line-height: 30px;}
.yindaobottom ul li b{color: #fff;font-size: 20px;text-transform: uppercase;}
.yindaobottom ul li p{color: #fff;}
.yindaobottom ul li p span{text-transform: capitalize}
@media (max-width:1024px){
    .yindaoleft,.yindaoright{width: 80%;}
}
@media (max-width:768px){
    .yindao{height: 1100px;padding: 40px 0;}
    .yindaotop{padding: 0 20px;}
    .yindaoleft{clip-path: polygon(0% 0, 100% 0, 100% 100%, 0 100%);border-top-right-radius:25px;}
    .yindaoleft,.yindaoright{width: 90%;background-size: cover}
    .yindaoright{height:530px;margin-top: 45%;clip-path: polygon(0 14%, 100% 0, 100% 100%, 0 100%);border-bottom-left-radius: 30px;}
    .yindaoleft p{bottom: 10px;top: 30%;transform: translateY(-30%)}
    .yindaoright p{bottom: 10px;top: 30%;transform: translateY(-30%)}
    .yindaobottom{height: auto;}
    .yindaobottom ul{flex-wrap: wrap;padding: 40px 20px;}
    .yindaobottom ul li{width: 100%;}
    .yindaobottom ul li:nth-child(2){margin-top: 30px;}
}
@media (max-width:640px){
    .yindao{height:640px;}
   .yindaoleft,.yindaoright{height:280px;}
    .yindaoleft p{font-size: 22px;}
    .yindaoleft abbr{margin-top: 10px;width: 140px;height: 35px;line-height: 35px;}
    .yindaoright{margin-top: 50%}
    .yindaoright p{font-size: 22px;}
    .yindaoright abbr{margin-top: 10px;width: 140px;height: 35px;line-height: 35px;}
    .yindaoright abbr a{font-size: 14px;}
}