/**首页头部与底部**/
html, body {scroll-behavior: smooth; -webkit-transition: scroll-behavior .5s ease; transition: scroll-behavior .5s ease; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}
.header{width: 100%; background:#fff; border-bottom: 1px solid #ddd; position: fixed; left:0; top:0; z-index: 99; -webkit-transition:all .5s ease; transition:all .5s ease}
.header .logo{width:225px; height: 75px; background:url(../images/logo.png) no-repeat left center; background-size: 100%; display: block;}
.header .wrapper{display:-webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; height: 95px; width:auto; padding:0 4%;}
.header-rt{display:-webkit-flex; display: -ms-flexbox; display: flex;}
.header-nav{display:-webkit-flex; display: -ms-flexbox; display: flex;}
.header-nav li{display: block; margin:0 1.6666vw; position: relative;}
.nav-a{display: block;font-size: 16px; font-weight: bold; line-height: 95px;position: relative; text-transform: uppercase; transition: all .5s; -webkit-transition: all .5s;}
.nav-a:after{content: '';width: 0%;height: 2px;background: #0583c9;position: absolute;left: 0;bottom: 30px;transition: all .5s;-webkit-transition: all .5s;}
.nav-a:hover{color: #0583c9; text-decoration:none; transition: all .5s;-webkit-transition: all .5s;}
.nav-a:hover:after{width: 100%; transition: all .5s;-webkit-transition: all .5s;}
.nav-a.active{color:#0583c9}
.header-sub{width: 210px; height: auto; position: absolute; z-index: 99; transform: translateX(-20px); top: 95px; background: rgba(255,255,255,1); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .15); display: none; text-align: center;}
.header-sub.on{display: block;}
.header-sub{padding:10px 0; text-align: left;}
.header-sub a{display:block; font-size: 14px; padding:7px 0 7px 15px; color: #333; line-height: 20px; transition: all .5s; -webkit-transition: all .5s;}
.header-sub a:hover{background: #0583c9; color:#fff;}

.mob-btn{width: 26px; overflow: hidden; display: none; cursor: pointer; position:fixed; top:16px; right:3%;}
.mob-btn1,.mob-btn2,.mob-btn3{width: 100%;height: 3px;margin-bottom: 5px;background: #0583c9;}
.mob-btn2{}
.mob-btn div{transition: all .5s;}
.mob-btn.cli .mob-btn1{-webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); transform-origin:0%; -ms-transform-origin:0%; -webkit-transform-origin:0%; -moz-transform-origin:0%; transition: all .5s;}
.mob-btn.cli .mob-btn2{ opacity: 0; transition: all .5s;}
.mob-btn.cli .mob-btn3{-webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); position: relative; transform-origin:0%; -ms-transform-origin:0%; -webkit-transform-origin:0%; -moz-transform-origin:0%; transition: all .5s;}
.header .header-right{position: relative;line-height: 95px; margin-left:1.6666vw;}
.header .head-lang-top {display: flex; align-items: center; cursor: pointer; font-size:16px; color: #0583c9; font-weight: bold; background: url(../images/language.png) no-repeat left 50%; background-size: 20px 20px; padding-left: 30px;}
.head-lang-btm {margin-top:-1px; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: #fff; width: 120px; padding:0; display: none; z-index: 999;}
.head-lang-btm{background: #eee;}
.head-lang-btm a { padding: 10px 0; font-size:14px; line-height: 1.5; display: block; color: #333; text-align: center; display: flex; align-items: center; justify-content: center;}
.head-lang-btm a img {margin-right: 8px; width:20px;}

.head-lang-btm a:hover{background: #0583c9; color:#fff;}
.head-lang-top.act .head-lang-icon .iconfont {transform: rotate(180deg);}
.topblank{height: 95px;}
.problank{height: 95px;}
/**内容**/
.PC_ban{display: block;}
.Mob_ban{display: none;}
.banner{width: 100%;position: relative;}
.banner .swiper-button-next,.banner .swiper-button-prev{width: 40px;height: 40px; border-radius:50%; border:1px solid #fff; right:0px; display: none;}
.banner .swiper-button-next i,.banner .swiper-button-prev i { position: absolute; left:10px; top:8px; font-size: 18px; line-height: 1; color:#fff}
.banner .swiper-button-prev{left:0px;}
.banner .swiper-button-next {transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
.banner .swiper-slide {overflow: hidden;text-align: center;position: relative;}
.banner .swiper-slide:before{content: ''; background:rgba(0,0,0,.2); width:100%; height:100%; position:absolute; left:0; top:0; display: none;}
.banner .swiper-slide img{width:100%;}
.banner .swiper-pagination{bottom:10px;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet{height: 10px;width:10px;border-radius: 12px;margin: 0 3px;opacity:1;background-color: #fff;}
.banner .swiper-pagination-bullet-active{width:25px !important; height: 10px; border-radius: 12px; background: #ffbe00 !important;opacity: 1 !important;}
.banner .swiper-button-next{right: 20px!important;left: auto!important;}
.banner .swiper-button-prev{left: 20px!important;}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'; display: none;}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'; display: none;}
@media all and (max-width:1100px){
.banner .swiper-pagination{bottom:0;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet{height: 5px;width:5px;}
.banner .swiper-pagination-bullet-active{width:15px !important; height: 5px;}
}

.advantage{background: no-repeat center/cover; position: relative;}
.advantage-d li{cursor: pointer;transition: all .5s ease;-webkit-transition:all .5s ease;}
.advantage-d li:after{content: '';width: 20px;height: 1px;background: #4c4c4c;position: absolute;left: 20px;top: 50%;transition: all .5s ease;-webkit-transition:all .5s ease;}
.advantage-d li.on{background: #0583c9;color: #fff;transition: all .5s ease;-webkit-transition:all .5s ease;}
.advantage-d li.on:after{background: #fff;transition: all .5s ease;-webkit-transition:all .5s ease;}
.advantage-swiper{width:100%;}
.advantage-span{display: none;}
.advantage .swiper-slide::before{content: ''; background-image: -webkit-linear-gradient(90deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 60%); width:100%; height:100%; position:absolute; left:0; top:0; z-index: 1;}

.faitem{height:clamp(12.5rem, 7.5rem + 26vw, 37.5rem);width:15%;overflow:hidden;position:relative;transition:all .5s}
.faitem:after{content:'';background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 40%);position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}
.faitem img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:1;}
.faitem.on{width:calc(100% - 30%)}
.faitem .faitemdesc{display: none;}
.faitem.on .faitemdesc{display: block;}

.honor_swiper { position: relative; overflow: hidden;}
.honor_swiper .swiper-slide{overflow: hidden; background: #fff; border: 1px solid #ddd;}
.honor_swiper .swiper-slide img{transition: all .5s ease;}
.honor_swiper .swiper-slide:hover img{transform: scale(1.05); opacity: .8;}
.honor_swiper .swiper-button-prev i,.honor_swiper .swiper-button-next i{display: block; width: 12px; height: 12px; border-right: 2px solid #aaa; border-top: 2px solid #aaa; border-left: 0; border-bottom: 0; transform: rotate(45deg); margin-left: -3px;}
.honor_swiper .swiper-button-prev{z-index: 9; top:48%;width: 40px; height: 40px; border: 1px solid #aaa; background:#fff; border-radius: 50px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.honor_swiper .swiper-button-next{z-index: 9; top:48%; width: 40px; height: 40px; border: 1px solid #aaa; background:#fff; border-radius: 50px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.honor_swiper .swiper-button-prev:hover,.swiper-button-next:hover{background: #0583c9; border: 1px solid #0583c9;}
.honor_swiper .swiper-button-prev i{transform: rotate(225deg); margin-left: 5px;}

#m4 .swiper-container{margin-left: 170px;}
#m4 .swiper-slide a,.newslist a{display: block;}
#m4 .swiper-slide a .img,.newslist a .img{height: 0; padding-bottom: 65%; background: #eee; position: relative; overflow: hidden;}
#m4 .swiper-slide a .img>.focus,.newslist a .img>.focus{position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all .55s; background: #eee no-repeat center/cover;}
#m4 .swiper-slide a:hover .img>.focus,.newslist a:hover .img>.focus{transform: scale(1.09);}
#m4 .swiper-slide a .img .date,.newslist a .img .date{position: absolute; left: 0; right: 0; bottom: -40px; height: 40px; background: #0583c9; margin: auto; text-align: center; line-height: 40px; color: #fff; transition: all .35s;}
#m4 .swiper-slide a:hover .img .date,.newslist a:hover .img .date{bottom: 0;}
#m4 .pagination{position: absolute; left: 0; top: 0px; padding:0; color: #bbb; font-size:30px;}
#m4 .swiper-pagination-current{font-size:30px; color: #5f8cec; display: inline-block; width:40px;}
#m4 .right,#m4 .left{position: absolute; left: 50px; top: 60px; background: #bfbfbf; width: 45px; height: 45px; text-align: center; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all .3s;}
#m4 .left{left: 0;}
#m4 .right:hover, #m4 .left:hover{background: #0583c9;}
#m4 .left i,#m4 .right i{display: block; width: 14px; height: 14px; border-right: 2px solid #fff; border-top: 2px solid #fff; border-left: 0; border-bottom: 0; transform: rotate(45deg);}
#m4 .left i{transform: rotate(225deg);}

.aboutcontent p{padding:8px 0;}

.idx_honor .pro_swiper { overflow: hidden; position: relative;}
.idx_honor .pro_swiper .swiper-slide{text-align: center;position: relative;z-index: 1;}

.idx_honor .swiper-button-prev{ top:48%;width: 45px;height: 45px; background: rgba(0,0,0,0.5); border-radius: 50%; transition: all 0.5s ease;}
.idx_honor .swiper-button-next{top: 48%;width: 45px;height: 45px; background: rgba(0,0,0,0.5); border-radius: 50%; transition: all 0.5s ease;}
.idx_honor .swiper-button-prev:hover,.idx_honor .swiper-button-next:hover{background: #005e9e;}
.idx_honor .img {overflow: hidden; border: 3px solid #ddd;}
.idx_honor .img img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.idx_honor .swiper-slide:hover .img img{transform: scale(1.05);}
.idx_honor h2{ text-align: center; font-size:16px; line-height: 1.6; padding: 20px 0 0;}
.idx_honor .swiper-pagination{bottom:-40px;}
.idx_honor .swiper-pagination-clickable .swiper-pagination-bullet{height: 12px;width:12px;border-radius: 10px;margin: 0 3px;opacity:1;background-color: #ccc;}
.idx_honor .swiper-pagination-bullet-active{width:20px !important;background: #005e9e !important;opacity: 1 !important;}

.idx_factory .factory_swiper { overflow: hidden; position: relative;}
.idx_factory .factory_swiper .swiper-slide{text-align: center;position: relative;z-index: 1;}
.idx_factory .swiper-button-prev i,.idx_factory .swiper-button-next i,.idx_honor .swiper-button-prev i,.idx_honor .swiper-button-next i{display: block; width: 14px; height: 14px; border-right: 2px solid #fff; border-top: 2px solid #fff; margin-left: 6px; border-left: 0; border-bottom: 0; transform: rotate(225deg);}
.idx_factory .swiper-button-next i,.idx_honor .swiper-button-next i{margin-left: -6px; transform: rotate(45deg);}

.idx_factory .swiper-button-prev{ top:48%;width: 45px;height: 45px; background: rgba(0,0,0,0.5); border-radius: 50%; transition: all 0.5s ease;}
.idx_factory .swiper-button-next{top: 48%;width: 45px;height: 45px; background: rgba(0,0,0,0.5); border-radius: 50%; transition: all 0.5s ease;}
.idx_factory .swiper-button-prev:hover,.idx_factory .swiper-button-next:hover{background: #005e9e;}
.idx_factory .img {overflow: hidden;}
.idx_factory .img img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.idx_factory .swiper-slide:hover .img img{transform: scale(1.05);}
.idx_factory .swiper-pagination{bottom:-40px;}
.idx_factory .swiper-pagination-clickable .swiper-pagination-bullet{height: 12px;width:12px;border-radius: 10px;margin: 0 3px;opacity:1;background-color: #ccc;}
.idx_factory .swiper-pagination-bullet-active{width:20px !important;background: #005e9e !important;opacity: 1 !important;}

.problem li h3 {position: relative; padding: 18px 40px 18px 5px; cursor: pointer;}
.problem li h3:after { position: absolute; content: ""; display: block; width: 10px; height: 10px; top: 50%; right: 20px; margin-top: -6px; border-left: 2px solid #a98f79; border-top: 2px solid #a98f79; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); transition: all 0.5s ease;}
.problemcoment {line-height: 1.8; display: none; padding:5px 5px 20px;}
.problem li.cur h3 {color: #0583c9;}
.problem li.cur h3:after { border-color: #40352f; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.miaodian{position: relative; top: -90px; visibility: hidden;}

.nav-left{position: relative;display: block;}
.nav-left::before {position: absolute; bottom: -2px; content: ""; display: block; width: 0; height: 2px; left: 50%; transform: translateX(-50%); background: #0583c9; transition:all .5s ease;}
.nav-left:hover::before{width:100%;}
.nav-left:hover{color:#0583c9}
.nav-left.active,.nav-left.active::before{color: #0583c9;width:100%;}
.prokuang{position: relative;}
.prokuang::before {position: absolute; bottom: -1px; content: ""; display: block; width: 0; height: 3px; left: 0; background: #0583c9; transition:all .5s ease;}
.prokuang:hover::before{width:100%;}

.nybanner{height:45vh;position:relative;overflow:hidden}
.nybanner img{width:100%;height:100%;object-fit:cover}
.downjt{background: url(../images/down.png) no-repeat right 10px center #eff1fa; background-size: 60px;}

@media all and (max-width:1024px){
.header .logo{width:120px; height: 40px; background: url(../images/logo.png) no-repeat; background-size: 100%;}
.header .wrapper{height: 55px; position: static; padding:0 3%;}
.header.blue{background-color: #f6f7fb;}
.header{background:#fff;}
.header .header-right{position: fixed;line-height: 55px; right:calc(3% + 40px)}
.header .head-lang-top {color:#333;}
.head-lang-btm a { padding: 5px 5px;}
.header .header-right .iconfont{color: #005e9e;}
.header:hover .header-right .iconfont{color: #005e9e;}
.header:hover .logo,.header.scroll .logo{width:120px; height: 40px; background:url(../images/logo.png) no-repeat; background-size: 100%; display: block;}
.header.sticky{ transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
.header::after{display: none;}
.topblank{height: 55px;}
.problank{height: 55px;}
.PC_ban{display: none;}
.Mob_ban{display: block;}
.header-nav{width: 100%;height: calc(100% - 55px);position: fixed;top: 55px;left: 0;background: rgba(240, 240, 240, 1);padding:10px 3%;box-sizing: border-box; box-sizing: -webkit-border-box;display: none;}
.header-nav li{width: 100%;	margin: 0; position: relative;}
.mob-btn{display: block;}
.nav-cover{width: 30%;height: 48px; z-index: 10; position: absolute;top: 0;right: 0; cursor:pointer}
.nav-a{width: 100%;border-bottom: 1px solid #bbb; color:#333; line-height: 48px;padding:0 5px;box-sizing: border-box; box-sizing: -webkit-border-box;position: relative;}
.nav-a:hover{color:#eb3e02}
.nav-a:after{display: none;}
.nav-a:before{content: ""; position: absolute; top: 20px; right: 13px; width: 8px; height: 8px; border-right: 2px solid #7c8287; border-top: 2px solid #7c8287; border-left: 0; border-bottom: 0; transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); transition: all .5s ease; -webkit-transition: all .5s ease;}
.arrow.nav-a:before{display: none; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.header-nav li.on .nav-a:before{top: 23px; transform: rotate(315deg); -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); -o-transform: rotate(315deg); -webkit-transform: rotate(315deg); transition: all .5s ease; -webkit-transition: all .5s ease;}
.header-sub{/*display: block;*/width:100%; position: relative;top: initial;left: inherit;background: initial;transform: translateX(0);padding:5px 0;border-bottom: 1px solid #bbb; background:none;}
.head-lang-btm{background: #ddd;}
.header-sub{box-shadow: none;}
.header-sub a{color: #555; font-size:14px;padding: 4px 10px;text-align: left; display: block;}
.header-sub a:hover{background:none; color:#222;}

.header .header-right{position: relative;line-height: 55px; margin-left:0;}
.header .head-lang-top {font-size:14px; font-weight: normal; background-size: 16px 16px; padding-left: 20px;}
.head-lang-btm {width: 110px;}
.head-lang-btm a { padding: 6px 0;}

.advantage{background: no-repeat center/cover; position: relative;}
.advantage-d li{cursor: pointer;transition: all .5s ease;-webkit-transition:all .5s ease;}
.advantage-d li:after{content: '';width: 20px;height: 1px;background: #4c4c4c;position: absolute;left: 20px;top: 50%;transition: all .5s ease;-webkit-transition:all .5s ease;}
.advantage-span{display: block;}

.faitem{height:clamp(12.5rem, 7.5rem + 26vw, 37.5rem);width:100%;}
.faitem.on{width:100%}
.faitem .faitemdesc{display: block; padding-right:3%; font-size:14px;}
.faitem:after{content:'';background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 60%);}

.honor_swiper .swiper-slide{overflow: hidden; padding:0px; background: #fff; border: 0px solid #ddd;}
.honor_swiper .swiper-button-prev i,.honor_swiper .swiper-button-next i{display: block; width: 10px; height: 10px; border-right: 1px solid #999; border-top: 1px solid #999; border-left: 0; border-bottom: 0; transform: rotate(45deg); margin-left: -3px;}
.honor_swiper .swiper-button-prev{left:0; z-index: 9; top:48%;width: 34px; height: 34px;}
.honor_swiper .swiper-button-next{right:0; z-index: 9; top:48%; width: 34px; height: 34px;}
.honor_swiper .swiper-button-prev i{transform: rotate(225deg); margin-left: 5px;}

#m4 .swiper-container{margin-left: 0px; padding-bottom:30px;}
#m4 .pagination{position: absolute; left: 0; top: auto; bottom:0; padding-left:48%; color: #bbb; font-size:18px;}
#m4 .swiper-pagination-current{font-size:18px; width:16px;}
.aboutcontent p{padding:8px 0;}

.idx_honor .swiper-button-prev{ width: 34px;height: 34px;}
.idx_honor .swiper-button-next{ width: 34px;height: 34px;}
.idx_honor .img {overflow: hidden; border: 1px solid #ddd;}
.idx_honor h2{ font-size:14px; padding: 10px 0 0;}

.idx_factory .swiper-button-prev i,.idx_factory .swiper-button-next i,.idx_honor .swiper-button-prev i,.idx_honor .swiper-button-next i{ width: 10px; height: 10px; border-right: 2px solid #fff; border-top: 2px solid #fff; margin-left: 0px;}
.idx_factory .swiper-button-prev{ top:48%;width: 34px;height: 34px;}
.idx_factory .swiper-button-next{top: 48%;width: 34px;height: 34px;}

.problem li h3 {position: relative; padding: 18px 40px 18px 5px; cursor: pointer;}
.problem li h3:after {width: 8px; height: 8px; right: 10px; margin-top: -4px;}
.problemcoment {line-height: 1.8; display: none; padding:5px 5px 12px;}
.miaodian{position: relative; top: -55px; visibility: hidden;}

.nav-left{position: relative;display: block;}
.nav-left::before {position: absolute; bottom: -2px; content: ""; display: block; width: 0; height: 2px; left: 50%; transform: translateX(-50%); background: #0583c9; transition:all .5s ease;}
.nav-left:hover::before{width:100%;}
.nav-left:hover{color:#0583c9}
.nav-left.active,.nav-left.active::before{color: #0583c9;width:100%;}
.prokuang{position: relative;}
.prokuang::before {position: absolute; bottom: -1px; content: ""; display: block; width: 0; height: 3px; left: 0; background: #0583c9; transition:all .5s ease;}
.prokuang:hover::before{width:100%;}

.nybanner{height:20vh;position:relative;overflow:hidden}
.nybanner img{width:100%;height:100%;object-fit:cover}

.downjt{background-size: 36px;}
}

/*分页样式*/
.propage{ text-align:center; padding:10px 0 0;}
.pagination { display: inline-block; padding: 30px 0 0; font-size: 14px;}
.pagination > li { display: inline;}
.pagination > li > a,
.pagination > li > span { position: relative; float: left; padding: 8px 14px; margin-left: 5px; line-height: 1.2; color: #000; text-decoration: none; border-radius: 4px; background-color: #fff; border: 1px solid #ccc;}
.pagination > li:first-child > a,
.pagination > li:first-child > span { margin-left: 0;}
.pagination > li:last-child > a,
.pagination > li:last-child > span {}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus { color: #fff; background-color: #005e9e; border: 1px solid #005e9e;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { z-index: 2; color: #fff; cursor: default; background-color: #005e9e; border: 1px solid #005e9e;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus { color: #000; cursor: not-allowed; background-color: #fff; border: 1px solid #ccc;}