@charset "utf-8";
html, body, div, span, iframe, map, font, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:#fff; font:normal 12px/22px "微软雅黑"; overflow-x: hidden;  }
body::-webkit-scrollbar { width:2px; }

body::-webkit-scrollbar-track { background: rgba(232, 232, 232, 1);}
body::-webkit-scrollbar-thumb { background: red;}
img{ border:0; max-width: 100%; }
input,button,a { outline: none;}
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
.clearfix { zoom:1;}
.clearfix:after { content:''; display:block; height:0; clear:both;}
div { box-sizing:border-box;}
.dn { display: none;}
#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,0.5);}
.fcc {display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.fsc {display: flex;display: -webkit-flex;justify-content: flex-start;align-items: center;}
/*通用样式*/
.container { width: 1400px; margin: 0 auto;}
.logo { position: relative;}
.logo img {transition: all 0.5s;}
.logo img:nth-child(2) { position: absolute; left: 0; top: 0; opacity: 0; }
.header { transition: all 0.5s; position: fixed; left: 0; top: 0; width: 100%; z-index: 25; height: 120px; display: flex; padding: 0 45px; justify-content: space-between; align-items: center;}
.small-header .header { transform: translateY(-100%);}
.show-header .header { transform: translateY(0);}
.small-header .header{ height:96px; box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #ffffff;}
.small-header .header .logo img { opacity: 0;}
.small-header .header .logo img:nth-child(2) { opacity: 1;}
.small-header .header .nav li h2 a { line-height:96px;}
.small-header .header dl { top:96px;}
.headerRight { display: flex; gap: 55px;}
.header:hover { background: #ffffff;}
.header:hover .nav li h2 a,.small-header .header .nav li h2 a{ color: #333333;}
.header:hover .langChose h2,.small-header .header .langChose h2 { color: #333333; background: url(../images/blackEarth.png) left center no-repeat;}
.header:hover .searchEnter,.small-header .header .searchEnter { background: url(../images/blackSearch.png) center no-repeat;}
.header:hover .logo img { opacity: 0;} 
.header:hover .logo img:nth-child(2) { opacity: 1;}
.header .nav li h2 a:hover { color: red;}
.nav>ul{gap: 74px; display: flex; justify-content: center; align-items: center;}
.menuBtn { display: none;}
.nav li h2 { position: relative;}
.nav li h2::after { content: ''; height: 2px; position: absolute;bottom:50%; left: 50%; transform: translate(-50%,23px); transition: all 0.5s; width: 0; background: red;}
.nav li:hover h2::after { width:50px;}
.nav li h2 a { transition: all 0.5s; line-height: 120px; white-space: nowrap; font-size: 18px; color: #ffffff;}
.header .nav li.cur h2 a { color: red;}
.nav li { position: relative;}
.nav li dl { box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 0 0 10px 10px; box-sizing: border-box; display: none; width:166px; background: #ffffff; position: absolute;  padding: 17px 0 20px; left: 50%; transform: translateX(-50%); top: 120px;}
.nav li dt {text-align: center; font-size: 17px; line-height:42px;}
.nav li dt:last-child { border: none;}
.nav li dt a { display: block; transition: all 0.3s;}
.nav li dt:hover>a { color: red; }

.fcc {display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.fsc {display: flex;display: -webkit-flex;justify-content: flex-start; align-items: center;}
.searchBox { position: relative;}
.searchinput{z-index: 3; transition: all .5s; opacity: 0;pointer-events: auto;right:0; transform: scale(0); transform-origin: right center;  position: absolute; width: 350px; top:50%; margin-top: -23px;}
.searchinput.show {  transform: scale(1); opacity: 1;} 
.searchinput .hsform{width: 100%;border-radius: 30px;overflow: hidden;background-color: red;}
.searchinput .hsform .sinput{border: none; width: 100%;height: 44px;background-color: red;color: #fff;text-indent: 20px;font-size: 16px;}
.searchinput .hsform .sinput::placeholder{color: #fff;font-size: 16px;}
.searchinput .hsform .sbtn{border: none; width: 44px;height: 44px;background: url(../images/search.png) center center no-repeat;background-size: 17px;cursor: pointer;}
.searchinput .sclosebtn{width: 44px;height: 44px;position: relative;cursor: pointer;transition: 0.5s;}
.sclosebtn:hover { transform: rotate(180deg);}
.searchinput .sclosebtn:before{content: "";display: block;width: 30px;height: 2px;background-color: red;position: absolute;left: 7px;top: 21px;transform: rotateZ(45deg);}
.searchinput .sclosebtn:after{content: "";display: block;width: 30px;height: 2px;background-color: red;position: absolute;left: 7px;top: 21px;transform: rotateZ(-45deg);}
.searchEnter {  transition: all 0.5s;cursor: pointer; display: block; background: url(../images/search.png) center no-repeat; display: block; width: 22px; height: 22px;}
.menuControl { display: flex; gap: 26px; align-items: center;}
.langChose h2 {white-space: nowrap; transition: all 0.5s; line-height: 120px; position: relative;cursor: pointer; color: #ffffff; padding-left: 34px; position: relative;  background: url(../images/earth.png) left center no-repeat; transition: all .5s; font-size: 18px;}
.langChose { position: relative;}
.langChose dl { box-shadow:0 0 10px rgba(0,0,0,0.1); display: none; background: #ffffff; border-radius: 0 0 4px 4px; text-align: center; width: 84px; padding: 5px 0; position: absolute; top:120px; left: 50%; transform: translateX(-50%);}
.langChose dt a{ transition: all .5s; line-height:2; display: block; font-size: 14px; color: #393939;}
.langChose dt:hover a { color: red;}
.small-header .langChose h2 { line-height: 96px;}
.langChose.cur>dl { display: block;}
.header .langChose:hover h2{background: url(../images/earthon.png) left center no-repeat; color: red;}
.header .searchEnter:hover { background: url(../images/searchon.png) center no-repeat;}
/* .productSubs {box-shadow:0 0 10px rgba(0,0,0,0.2); display: none; border-radius: 0 0 10px 10px; width: 580px; position: absolute; top:120px; left: 50%; margin-left: -290px; padding: 30px 16px 35px 35px; background: #ffffff;} */
.productSubs {box-shadow:0 0 10px rgba(0,0,0,0.2); display: none; border-radius: 0 0 10px 10px; width: 230px; position: absolute; top:120px; left: 50%; margin-left: -66px; padding: 30px 16px 35px 35px; background: #ffffff;}
.small-header .productSubs { top: 96px;}
.subMenu h3 { position: relative; cursor: pointer; font-size: 17px; color: #555555; line-height: 1; margin-bottom:27.5px;}
.subMenu h3:last-child { margin-bottom: 0;}
.subMenu { padding-bottom: 16px; width: 191px; border-right: 1px solid #e2e2e2;}
.subMenu .productSlide.cur h3::after { content: ''; transition: all 0.3s; position: absolute; right: -1px; height:0; transition: all 0.3s; width: 1px; background: red;}
.subMenu .productSlide.cur h3::after { height: 100%;}
.subMenu .productSlide.cur h3,.subMenu .productSlide.cur h3 a { font-weight: bold;color: red;}
.secondList { display: none; bottom: 35px; position: absolute; right: 15px; padding-right: 22px; overflow-y: auto; width: 305px; top: 30px;}
.listSlide { margin-bottom: 16px; background: #f4f4f4; padding: 4px 18px 4px 26px; border-radius: 5px;  }
.listSlide h4 { position: relative; cursor: pointer; line-height: 46px; font-size: 17px; color: #333333; display: flex; justify-content: space-between;align-items: center;}
.listSlide h4 i { display: block; transform: rotate(180deg); background: url(../images/upArr.png) center no-repeat; transition: all 0.5s; width: 14px; height: 8px;}
.listSlide h4.act i { transform: rotate(0deg);}
.listSlide h4::after { content: ''; bottom:5px;  position: absolute; height: 2px; width: 0; background: red;transition: all .5s;}
.listSlide h4.act::after { width: 34px;}
.hideSub { display: none;}
.hideSub p a{ transition: all 0.3s; line-height: 1.5; font-size: 15px; color: #555555;}
.hideSub p { padding: 5px 0;}
.hideSub p a:hover { color: red;}
.productSlide:last-child h3 { margin-bottom: 0;}
.listSlide:last-child { margin-bottom: 0;}
.productSlide.cur .secondList { display: block;}
.secondTit { font-size: 17px; color: red;}
.linkSlide a { display: flex; justify-content: space-between; align-items: center;}
.linkPic { height: 52px; display: flex; justify-content: center; align-items: center; width: 83px;}
.linkPic img { display: block; max-height: 100%;}
.linkSlide { margin-top: 10px; padding: 15px 15px 15px 0; background: #f4f4f4;}
.linkText { flex: 1;}
.linkText h5 { margin-bottom: 8px; line-height: 1; font-size: 16px; color: #333333;}
.linkText h5 span.colorBlue { color: red;}
.linkText h5 span.colorPouple { color: #b732b2;}
.linkText h5 span.colorRed { color: #f84241;}
.linkText p { font-size: 16px; color: #555555; opacity: ;}
/*banner*/
.stickyBox { position: sticky; left: 0; top: 0; width: 100%;}
.coverPic {  background: #ffffff; position:absolute; flex-direction: column;  width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; z-index:21;}
.coverPic h2 { line-height: 1.15; font-weight: bold; font-size: 3.125vw; position: absolute; left: 0; top: 62vh; text-align: center; width: 100%;color: red;}
.coverPic.act { pointer-events: all;}
.coverPic a { font-size: 16px; color: red;}
.coverLogo img { display: block; margin: 0 auto; width: 30.88vw;}
.coverLogo { position: absolute; top: 14vh; width: 100%; left: 0;}
.coverPic p { position: absolute; left: 0; width: 100%; text-align: center; top: 76.36vh;}
.scrollBox { height:250vh; position: relative; z-index: 20;}
.banner { width: 100%; height: 100vh;}
.banner img{ display: block; height: 100%; width: 100%; object-fit: cover;}
.banner .swiper { width:100%; height: 100%;}
.banner .swiper-slide-active { z-index: 2;}

.banner .swiper-pagination { left: 0; bottom: 2.4vw; width: 100%;}
.banner .swiper-pagination span { position: relative; opacity: 1; transition: all 0.3s; box-sizing: border-box; background: #ffffff; outline: none; width: 10px; height: 10px; margin:0 21px!important;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: red;}
.banner .swiper-pagination span::after { content: ''; position: absolute; left: 50%; top:50%; box-sizing: border-box; width: 40px; height: 40px; border-radius: 50%;
border: 1px solid red; transform: translate(-50%,-50%) scale(0);}
.banner .swiper-pagination span.swiper-pagination-bullet-active::after {transform: translate(-50%,-50%) scale(1); transition: all 0.5s;}
.bannerText { position: absolute; width: 1600px; max-width: 92%; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.bannerText h2 { font-size: 2.91vw; color: #ffffff; line-height: 1.25;}
.bannerText h2 span { color: red;}
.bannerText h3 { font-size: 2.91vw; color: #ffffff; line-height: 1.25;}
.bannerText p { margin-bottom: 68px; font-size: 1.354vw; color: #ffffff; margin-top: 56px;}
.footer { background: #191a20;}
.footerTop { padding: 80px 0 8px; display: flex; justify-content: space-between;}
.footLink ul::after { content: ''; clear: both; display: block; height: 0;}
.footLink li { float: left; margin-right: 7.29vw;}
.enFooter .footLink li { margin-right: 3vw;}
.enFooter .footLink li:last-child { margin-right: 0;}
.footLink p a {  font-size: 15px; color: #ffffff;}
.footLink p {transition: all 0.3s; opacity: .5; line-height:35px;}
.footLink li h2 a { font-size: 18px; color: #ffffff;}
.footLink p:hover { opacity: 1; transform: translateX(5px); opacity: 1;}
.footLink li h2 { line-height: 1; margin-bottom: 20px;}
.footerContact h2 { color: #ffffff; font-size: 22px; line-height: 1; margin-bottom:17px;}
.contactLink { margin-bottom: 25px;}
.contactLink ul { display: flex; gap: 10px;}
.contactLink li { overflow: hidden; position: relative; background: #2f3741; align-items: center; justify-content: center; display: flex; transition: all 0.5s; border-radius: 50%; width: 40px; height: 40px;}
.contactLink li a { position: relative;display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;}
.contactLink li a::after { content: ''; border-radius: 50%; transition: all 0.5s; transform: scale(0); background: red; width: 100%; height: 100%; position: absolute;}
.contactLink li img { position: relative; z-index: 2; width: 60%; display: block;}
.contactLink li:hover a::after { transform: scale(1);}
.copyRight { margin-top: 40px; border-top: 1px solid #333b45; line-height:80px; text-align: center;}
.copyRight p,.copyRight a { transition: all 0.3s; font-size: 15px; color: #fff;}
.copyRight a:hover { color: red;}
.copyRight p br { display: none;}
.scaleEwm { border: 6px solid #ffffff; border-radius: 3px; transition: all 0.5s; transform: scale(0); transform-origin: bottom center; position: absolute; bottom: 50px; width: 100px;}
.menubox { display: none;}
.container { width: 1600px; margin: 0 auto; max-width: 92%;}
a.more { overflow: hidden; background: red; gap: 14px; align-items: center; border-radius: 48px; display: flex; justify-content: center; width: 150px; box-sizing: border-box; line-height:48px; position: relative; border: 1px solid red;
font-size: 16px; color: #ffffff;}
a.more i { transition: all 0.5s; display: block; background: url(../images/moreIconCur.png) center no-repeat; width: 13px; height: 14px; position: relative; z-index: 2;}
a.more b { transition: all 0.5s; position: relative; z-index: 2;}
a.more::after { content: ''; transition: all 0.5s; position: absolute; left: 0; height: 100%; width: 0; background: #ffffff;}
a.more:hover::after { width: 100%;}
a.more:hover b { color: red;}
a.more:hover i { transform: rotate(360deg); background: url(../images/moreIcon.png) center no-repeat;}

button.more { overflow: hidden; background: red; gap: 14px; align-items: center; border-radius: 48px; display: flex; justify-content: center; width: 150px; box-sizing: border-box; line-height:48px; position: relative; border: 1px solid red;
font-size: 16px; color: #ffffff;}
button.more i { transition: all 0.5s; display: block; background: url(../images/moreIconCur.png) center no-repeat; width: 13px; height: 14px; position: relative; z-index: 2;}
button.more b { transition: all 0.5s; position: relative; z-index: 2;}
button.more::after { content: ''; transition: all 0.5s; position: absolute; left: 0; height: 100%; width: 0; background: #ffffff;}
button.more:hover::after { width: 100%;}
button.more:hover b { color: red;}
button.more:hover i { transform: rotate(360deg); background: url(../images/moreIcon.png) center no-repeat;}
/**/

.homeBrand { padding: 8.33vw 0 10.4vw; background: url(../images/bg1.jpg) center no-repeat; background-size: cover;}
.brandText { width: 545px;}
.brandText span { margin-bottom: 20px; display: block; font-size: 18px; color: red;}
.brandText h2 { margin-bottom: 80px; font-weight: bold; font-size: 40px; line-height: 1.5;}
.brandText p { margin-bottom: 70px; font-size: 16px; color: #222222; line-height: 2;}
.brandCont { display: flex; gap: 97px; justify-content: space-between; align-items: center;}
.brandList { height: 550px; position: relative; flex: 1;}
.brandPic { transition: all 0.5s; position: absolute;}
.br1 { width: 22.5%; left: 61.77%; top: -16px;}
.br2 { width: 22.1875%; left: 29.68%; top: 56px;}
.br3 { width: 15.41%; left: 3.125%; top: 116px;}
.br4 { width: 16.35%; left: 83.64%; top: 118px;}
.br5 { width: 40.83%; left: 34.16%; top: 176px;}
.br6 {width: 34.7%;left: 5.79%;top: 209px;}
.br7 { width: 20.4%; left: 78.125%; top: 252px;}
.br8 { width: 18.22%; left: 0%; top: 348px;}
.br9 { width: 23.43%; left: 35.83%; top: 426px;}
.br10 { width: 14.27%; left: 82.81%; top: 406px;}
.br11 { width: 20.52%; left:15.2%; top: 468px;}
.br12 { width: 20.1%; left: 60.7%; top: 497px;}
.brandSub { transform-origin: center top; transition: all 0.5s; width: 270px; padding: 15px 25px; border-radius: 8px; position: absolute; left: 50%; top:100%; transform: translateX(-50%) scale(0); background: rgba(26,55,132,.86);}
.brandSub p {white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; position: relative; font-size: 16px; color: #ffffff; padding-left: 19px;}
.brandSub p::after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 6px;
background: #ffffff; border-radius: 50%;}
.brandPic:hover .brandSub { transform: translateX(-50%) scale(1);}
.brandSub p a { color: #ffffff; line-height: 42px;}
.brandPic:hover { z-index: 2;}
.application { background: url(../images/bg2.jpg) center no-repeat; background-size: cover; padding: 6.5625vw 0;}
.appText { width: 680px;}
.appText span { display: block; font-size: 18px; color: red; margin-bottom: 20px;}
.appText h2 { line-height: 1; margin-bottom: 65px; font-size: 40px; font-weight: bold; color: #ffffff;}
.appText ul { margin-bottom: 5.4vw; justify-content: space-between; display: flex;}
.appText li { cursor: pointer; text-align: center;}
.appIcon { text-align: center; position: relative;}
.appIcon img { position: relative; z-index: 2; display: block; margin: 0 auto;}
.appText li p { color: rgba(255,255,255,.48); font-size: 18px; line-height: 1; margin-top: 22px;}
.appText li.cur p { color: #ffffff;}
.appText li .appIcon::after { /* content: ''; */ width: 39px; height: 39px;transform: scale(0); transition: all 0.3s; position: absolute; left: 50%; top: -18px; margin-left: -8px; background: red; border-radius: 50%;}
.appText li.cur .appIcon::after {  transform: scale(1);}

.appSlide h3 { font-size: 34px; color: #ffffff; line-height: 1; margin-bottom: 20px;}
.appSlide p { margin-bottom: 80px; font-size: 16px; color: #ffffff; line-height: 34px;}
.appCont { display: flex; justify-content: space-between; align-items: center;}
.appImg { width: calc(100% - 865px);}
.appImg .swiper-pagination { text-align: right; bottom: 30px; padding-right: 30px;}
.appImg .swiper-pagination span { background: #ffffff;}
.homeNews { padding: 5.2vw 0;}
.titleCell span { font-size: 18px; display: block; color: red; margin-bottom: 18px;}
.titleCell h2 { line-height: 1; font-weight: bold; font-size: 40px; color: #222222;}
.bigNews { margin:50px 0 65px; align-items: center; gap: 68px; display: flex; justify-content: space-between;}
.newsText h2 { margin-bottom: 45px; font-size: 26px; font-weight: bold; color: #333333; line-height: 1.5;}
.newsText p { font-size: 16px; color: #999999; line-height: 1.625; margin-bottom: 3.8vw;}
.newsPic { width: 780px; max-width: 100%; overflow: hidden; border-radius: 28px;}
.newsPic img { display: block; width: 100%;}
.newsText { flex: 1;}
.newList { border-top: 1px solid #e5e5e5; padding: 45px 0 0;}
.newList ul { gap: 9.4vw; display: flex; justify-content: space-between;}
.newList li { gap: 2.08vw; align-items: center; justify-content: space-between; flex: 1; display: flex; }
.newsDate { width: 84px; height: 84px; border: 1px solid #e5e5e5; background: #f4f4f4; border-radius: 12px; display: flex; justify-content:center; align-items: center;
flex-direction: column;}
.newsDate p { font-size: 26px; line-height: 1; margin-bottom:4px;}
.newsDate span { font-size: 14px; color: #222222;}
.newsTit { flex: 1;}
.newsTit a p{ line-height: 1.5; font-weight: bold; color: #333333; font-size: 18px; transition: all 0.3s;}
.newList li:hover .newsTit a p{ color: red;}
.footerRight { display: flex; flex-direction: column; align-items: flex-end; text-align: right;}
.footerAdd { margin: 30px 0;}
.footerAdd p { line-height: 28px; max-width: 350px; font-size: 15px; color: #858585;}
.footerAdd p a { color:#858585;}
.footerAdd p a:hover { color:red ;}
.secondList::-webkit-scrollbar { width:3px;}
.secondList::-webkit-scrollbar-track { background: rgba(232, 232, 232, 1);}
.secondList::-webkit-scrollbar-thumb { background: red;}
.indeideBanner { position: relative;}
.indeideBanner img { display: block; width: 100%;}
.inBannerText { position: absolute; left: 0; width: 100%; text-align: center; top:50%; transform: translateY(-50%);}
.inBannerText h2 { font-size: 2.91vw; color: #ffffff; line-height: 1; margin-bottom: 25px;}
.inBannerText p { font-size: 18px; color: #ffffff;}
.productPage { padding: 4.1vw 0 5.2vw;}
.proMenu { width: 350px; background: #fbfbfb; padding: 35px;}
.proSearch { margin-bottom: 40px; background: #ffffff; width: 100%; height: 44px; display: flex; justify-content: space-between; border: 1px solid #c5c6ca; border-radius: 3px;}
.proSearch button{ background: url(../images/proSearch.png) center no-repeat; display: block; width: 44px; border: none; outline: none; cursor: pointer;}
.proSearch input { border: none; outline: none; flex: 1; background: none;}
.nameList p {border-bottom: 1px solid #e6e6e6; padding-right: 16px; transition: all 0.3s; line-height: 64px; position: relative;}
.nameList p a { transition: all 0.5s; color: #222222; font-size: 16px; z-index: 2; position: relative; display: flex; justify-content: space-between; align-items: center;}
.nameList p i { transition: all 0.5s; background: url(../images/proIcon2.png) center no-repeat; width: 7px; height: 11px;}
.nameList p:hover i,.nameList p.cur i { background: url(../images/proIcon1.png) center no-repeat;} 
.nameList p:hover,.nameList p.cur { padding-left: 20px;}
.nameList p::after { content: ''; top: 0; position: absolute; width: 0; left: 0; height: 100%; transition: all 0.5s; background: red;}
.nameList p:hover::after,.nameList p.cur::after { width: 100%;}
.nameList p:hover a,.nameList p.cur a{ color: #ffffff;}
.productDetail { width: calc(100% - 425px);}
.detailTitle { margin-bottom: 30px; align-items: center; display: flex; justify-content: space-between; line-height: 94px; border-bottom: 1px solid #e5e5e5;}
.detailTitle p { font-weight: bold; font-size: 32px; color: #222222;}
.productPageCont { display: flex; justify-content: space-between;}
.detailTitle img { display: block; height: 50px;}
.detailInt p { line-height: 2; font-size: 16px; color: #222222;}
.detailInt p a { color: #222222;}
.detailInt p a:hover { color:red ;}
.detailInt a.more { margin-top: 40px;}
.applicationList ul { gap: 4vw; display: flex;}
.applicationList .appIcon { margin-bottom: 20px; display: block; height: 36px; display: flex; align-items: center; justify-content: center;}
.applicationList .appIcon img { max-height: 100%;}
a.chatBtn { overflow: hidden; background: red; gap: 14px; align-items: center; border-radius: 48px; display: inline-flex; justify-content: center; box-sizing: border-box; line-height:48px; position: relative; border: 1px solid red;
font-size: 16px; color: #ffffff; padding: 0 30px;}
a.chatBtn i { transition: all 0.5s; display: block; background: url(../images/mailIcon.png) center no-repeat; width: 18px; height: 14px; position: relative; z-index: 2;}
a.chatBtn b { transition: all 0.5s; position: relative; z-index: 2;}
a.chatBtn::after { content: ''; transition: all 0.5s; position: absolute; left: 0; height: 100%; width: 0; background: #ffffff;}
a.chatBtn:hover::after { width: 100%;}
a.chatBtn:hover b { color: red;}
a.chatBtn:hover i { transform: rotate(360deg); background: url(../images/mailIconon.png) center no-repeat;}
.detailAside { margin-bottom: 40px;}
/**/
.proDetailPage { border-radius: 26px 26px 0 0; margin: -84px auto 0; background: #ffffff; position: relative; z-index: 2; padding: 85px 70px;}
.proName { margin-bottom: 48px; text-align: center;font-weight: bold; font-size: 48px; color: #222222; line-height: 90px;}
.proName span { font-weight: bold; color: red; margin-right: 18px;}
.tagDesc { margin-bottom: 2.8vw; font-size: 16px; color: #333333; line-height: 38px;}
.intList li { margin-bottom: 4vw; gap: 74px; display: flex; justify-content: space-between; align-items: center;}
.intPic { width: 38vw;}
.intPic img { display: block; width: 100%;}
.intText { flex: 1;}
.intList li:nth-child(2n) .intPic{order: 1;}
.intList li:last-child { margin-bottom: 0;}
.intText h2 { font-size: 26px; font-weight: bold; color: #222222; line-height: 1.5; margin-bottom: 18px;}
.intText p { margin-bottom:32px; font-size: 16px; color: #999999; line-height: 2;}
.intText h3 { font-size: 16px; line-height: 1.5; font-weight: bold; color: #222222; margin-bottom: 2.08vw;}
.cellCont { align-items: center; display: flex; justify-content: space-between;}
.textCell p { font-weight: bold; font-size: 32px; color: #ffffff; line-height: 1; margin-bottom: 16px;}
.textCell span { font-size: 20px; color: #ffffff;}
.cellBanner { background: url(../images/cellBanner.jpg) center no-repeat; background-size: cover; padding: 80px 0;}
.intList.container { margin: 5.2vw auto;}
/**/
.majorBannerText { position: absolute; width: 1600px; max-width: 92%; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.majorBannerText h2 { font-size: 2.29vw; color: #ffffff; line-height:1.3;}
.majorBannerText h2 span { font-weight: bold; color: #3661fd; margin-right: 16px;}
.majorBannerText p { display: flex; align-items: center; margin-top: 4vw; font-size: 1.45vw; color: #ffffff;}
.majorBannerText p span { font-weight: bold; font-size: 1.979vw; margin-right: 20px;}
.majorBannerText p span:last-child { margin-right: 0;}
.majorBannerText p span.colorBlue { color: #3661fd;}
.menuChose { line-height: 70px; border-bottom: 1px solid #e5e5e5; display: flex; justify-content: center; gap: 72px;}
.menuChose a { position: relative; display: block; font-size: 16px; color: #222222;}
.menuChose a:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); transition: all 0.3s;height: 2px; bottom: -1px; width: 0; background:red ;}
.menuChose a.cur::after,.menuChose a:hover::after { width: 100%;}
.menuChose a.cur,.menuChose a:hover { color: red;}
.majorPage { background: #fbfbfb; padding: 4vw 0 5.2vw;}
.majorList li { gap:65px; border-radius: 14px; margin-bottom: 60px; display: flex; justify-content: space-between; background: #ffffff; padding: 60px 70px;}
.majorList li:nth-child(odd) .majorPic { order:2}
.majorText h2{ font-size: 34px; color: #333333; gap: 18px; margin-bottom: 24px; display: flex; flex-wrap: wrap; align-items: center;}
.majorText p { margin-bottom: 2.6vw; line-height: 2; font-size: 18px; color: #555555;}
.majorPic { width: 47%; overflow: hidden;}
.majorText { padding-top: 2.08vw; flex: 1;}
.fpage { text-align: center;}
.fpage a { transition: all 0.3s; display: inline-block; margin: 0 5px; line-height: 44px; width: 44px; color: #555555; font-size: 16px; background: #ffffff; border-radius: 50%;}
.fpage a.cur { color: #ffffff; background: red;}
.fpage a:hover { color: red;}
/**/
.contactTop { margin: 10.4vw auto 5.2vw; position: relative;}
.contactTop::after { content: ''; clear: both; display: block; height: 0;}
.contactArt { position: absolute; left: 0; top: 0; width: 455px;}
.contactArt h2 { margin-bottom: 4.2vw; position: relative; font-weight: bold; font-size: 42px; line-height: 108px; color: #222222;}
.contactArt h2::after { content: ''; position: absolute; bottom: 0; left: 0; width: 62px; height: 3px; background: red;}
.contactArt p { margin-bottom: 26px; font-size: 18px; color: #222222; line-height: 2;}
.mapBox { float: right; width: 63.33vw; position: relative;}
.mapBox img { display: block; width: 100%;}
.mc_a1t_dian { position: relative;}
.mapBox li { position: absolute;}
.mapBox li:nth-child(4) a {flex-direction: row-reverse;}
.mapBox li:nth-child(4) {/* right: 23.8%!important; */}
.mc_a1t_dian { display: block; width: 0; height: 0; background: #fff; border: 5px solid #f21407; border-radius: 50%;box-sizing: border-box;}
.mc_a1t_dian::before { content: '';display: block; position: absolute; left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%); width: 12px; height: 12px; border-radius: 50%; background: rgba(202,20,7, 0.2);}
.mc_a1t_dian::after { content: ''; display: block; position: absolute; left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%); width: 12px; height: 12px; border-radius: 50%; background: rgba(202,20,7, 0.2);}
.mc_a1t_dian::before { animation: boderM 3s .75s infinite;}
.mc_a1t_dian::after { animation: boderM 3s infinite;}
.mc_a1t_li2 .mc_a1t_dian {border: 5px solid rgb(255,102,0);}
.mc_a1t_li2 .mc_a1t_dian::after { background: rgba(255,102,0, 0.2);}
.mc_a1t_li2 .mc_a1t_dian::before{background: rgba(255,102,0, 0.2);}
.mc_a1t_li3 .mc_a1t_dian {border: 5px solid rgb(88,115,254);}
.mc_a1t_li3 .mc_a1t_dian::after { background: rgba(88,115,254, 0.2);}
.mc_a1t_li3 .mc_a1t_dian::before{background: rgba(88,115,254, 0.2);}
.mc_a1t_title { white-space: nowrap; font-weight: bold; font-size: 12px; color: #222222;}
.mc_a1t_li1 .mc_a1t_title { font-weight: bold; font-size: 14px; color: #222222;}
.mc_a1t_li1 .mc_a1t_dian {border: 8px solid #f21407;}
.mc_a1t_li1 .mc_a1t_dian::before { content: '';display: block; position: absolute; left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%); width: 25px; height: 25px; border-radius: 50%; background: rgba(202,20,7, 0.2);}
.mc_a1t_li1 .mc_a1t_dian::after { content: ''; display: block; position: absolute; left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%); width: 25px; height: 25px; border-radius: 50%; background: rgba(202,20,7, 0.2);}

@keyframes boderM {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0
    }

    20% {
        opacity: 1
    }

    75% {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0
    }

    100% {
        opacity: 0
    }

}
.mc_a1t_a { display: flex; align-items: center; gap: 10px;}
.contactForm { background: #f6f6f6; padding: 3.645vw 0 5.729vw;}
.formTitl { font-size: 42px; font-weight: bold; text-align: center; position: relative; line-height: 108px;}
.formTitl::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 62px; height: 3px; background: red;}
.formInfor li { display: flex; border-bottom: 1px solid #dddddd; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.halfForm { border-top: 1px solid #ddd; width: calc(50% - 40px);}
.formInfor { display: flex; justify-content: space-between;}
.formInfor li p { width: 186px; text-indent: 20px; font-size: 18px; color: #222222; line-height: 65px;}
.formInfor li input {  outline: none; border: none; box-sizing: border-box; padding: 0; font-size: 16px; background: none; flex: 1;}
.formInfor li p span { margin-left: 8px; color: #ff0000;}
.halfForm textarea { resize: none; width: 100%; background: none; border: none; font-family: '微软雅黑'; font-size: 16px; box-sizing: border-box; padding: 0 20px;
height: 198px; outline: none;}
.formInfor { margin-top: 65px;}
.halfForm li img { display: block;}
.subButton { display: flex; margin-top: 85px; justify-content: center;}
.subButton button { cursor: pointer;}
.newsPage { background: #fbfbfb; padding: 3.8vw 0 5.2vw;}
.newsList li { transition: all 0.5s; gap: 3.645vw; border-radius: 15px; margin-bottom: 57px; display: flex; justify-content: space-between; background: #ffffff; padding: 52px 68px;}
.newsImg {overflow: hidden; width: 443px; height: 254px; border-radius: 18px;}
.newsImg img { transition: all 1s; width: 100%; height: 100%; object-fit: cover;}
.newsDesc {flex: 1; width: calc(100% - 443px - 3.645vw);}
.newsDesc span { display: block; font-size: 16px; color: #555555; margin: 20px 0 24px; line-height: 1;}
.newsDesc h2 { overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  font-weight: bold; font-size: 24px; color: #333333; line-height: 1; margin-bottom: 47px;}
.newsDesc p { overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  font-size: 16px; color: #555555; line-height: 1; margin-bottom: 47px;}
.newsList li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.newsList li:hover img { transform: scale(1.1);}
.newsList li a.more { overflow: hidden; background: #ffffff; gap: 14px; align-items: center; border-radius: 48px; display: flex; justify-content: center; width: 150px; box-sizing: border-box; line-height:48px; position: relative; border: 1px solid red;
font-size: 16px; color: red;}
.newsList li a.more i { transition: all 0.5s; display: block; background: url(../images/moreIcon.png) center no-repeat; width: 13px; height: 14px; position: relative; z-index: 2;}
.newsList li a.more b { transition: all 0.5s; position: relative; z-index: 2;}
.newsList li a.more::after { content: ''; transition: all 0.5s; position: absolute; left: 0; height: 100%; width: 0; background: red;}
.newsList li a.more:hover::after { width: 100%;}
.newsList li a.more:hover b { color: #ffffff;}
.newsList li a.more:hover i { transform: rotate(360deg); background: url(../images/moreIconCur.png) center no-repeat;}
/*详情页*/
.articleBox { padding: 80px 70px 65px; margin: -84px auto 0; position: relative; z-index: 2; background: #ffffff; border-radius: 26px 26px 0 0;}
.articleDesc h2 { line-height: 46px; margin-bottom: 26px; font-size:26px; font-weight: bold; color: #222222;}
.articleDesc p { margin-bottom: 26px; font-size: 16px; color: #333333; line-height: 36px;}
.articleDesc img { max-width: 100%; margin:0 auto 26px;}
.articleDetail { float: left; width: calc(100% - 445px);}
.articleTitle h2 { font-weight: bold; font-size: 48px; line-height: 62px; color: #222222;}
.articleTag { margin: 40px 0 34px; display: flex; gap: 80px;}
.articleTag span { font-size: 15px; color: #999999;}
.aboutArticle { float: right; width: 300px;}
.aboutArticle h3 { font-size: 24px; color: #222222;}
.aboutArticle li span { line-height: 21px; padding: 0 7px; color:#1f75fe; font-size:16px; display: inline-block; border: 1px solid #1f75fe; margin-bottom: 15px; border-radius: 3px;}
.aboutArticle li h2 { transition: all 0.5s; font-size: 22px; font-weight: bold; color: #222222; line-height: 28px; margin-bottom: 42px;}
.aboutArticle li { position: relative; margin-top: 36px; border-bottom: 1px solid #e6e6e6; padding-bottom: 32px}
.aboutArticle li p { font-size: 15px; line-height: 1; color: #999999;}
.aboutArticle li::after { content: ''; background: #1f75fe; position: absolute; bottom: -1px; left: 0; height: 1px; width: 0; transition: all 0.5s;}
.aboutArticle li:hover::after { width: 100%;}
.aboutArticle li:hover h2 { color: #1f75fe;}
.articlePage { border-top: 1px solid #e9e9e9; padding-top: 18px; display: flex; justify-content: space-between;align-items: center;}
.pageLink { max-width: calc(100% - 140px);}
.pageLink p { max-width: 500px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  font-size: 15px; color: #222222; line-height: 38px;}
.backMenu { overflow: hidden; padding: 0 34px 0 38px; border: 1px solid red; border-radius: 54px; position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 7px; line-height: 54px;}
.backMenu::after { content: ''; position: absolute; left: 0; width:0; height: 100%; background:red; transition: all 0.5s;}
.backMenu:hover::after { width: 100%;}
.backMenu span { font-size: 16px; color: red; position: relative; z-index: 2; transition: all 0.5s;}
.backMenu:hover span { color: #ffffff;}
.backMenu i { position: relative; z-index: 2; background: url(../images/refuseRed.png) center no-repeat; width: 14px; height: 16px; display: block; transition: all 0.5s;}
.backMenu:hover i { transform: rotate(360deg); background: url(../images/refuse.png) center no-repeat;}
.articleTitle { margin-bottom: 40px; border-bottom: 1px solid #e9e9e9;}
.pageLink p a { transition: all 0.5s; font-size: 15px; color: #222222;}
.pageLink p a:hover { color: #1f75fe;}
/**/
.jobAbout { padding:2.6vw 0 8.85vw; background: url(../images/jobBg1.jpg) center no-repeat; background-size: cover;}
.aboutPic { max-width: 100%; width: 902px;}
.aboutPic img { display: block; width: 100%;}
.aboutDesc { position: absolute; right: 0; bottom: 60px; width: 773px;}
.aboutCont { position: relative;}
.aboutDesc .swiper-slide { border-radius: 8px; background: #ffffff; padding: 43px 47px;}
.aboutDesc .swiper-slide p { font-size: 16px; color: #222222; line-height: 2.25;}
.intIcon { position: absolute; display: block; right: 16px; top: -40px; z-index: 2;}
.aboutCont .swiper-pagination { display: flex; background: #e4e4e4; bottom: -75px;}
.aboutCont .swiper-pagination span { background: none; width: auto; flex: 1; border-radius: 0; margin: 0!important; height: 4px;}
.aboutCont .swiper-pagination span.swiper-pagination-bullet-active { background: red;}
.jobCont { position: relative; padding: 8.75vw 0 3.645vw;}
.jobBar { background: #ffffff; border-radius: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.2); padding: 55px 4vw 75px; position: relative; z-index: 2;}
.jobCont::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 72%; background: url(../images/jobBg2.jpg) center no-repeat; background-size: cover;
background-attachment: fixed;}
.jobSearch { margin-top: 45px; display: flex; justify-content: center; gap: 16px; padding: 20px 0; background: #f9f9f9;}
.selectSearch {border-radius: 56px; position: relative; width:310px; background: #ffffff;}
.selectSearch select { display: block; transition: all 0.3s; box-sizing: border-box; border: none; width: 100%; height: 56px; padding-left: 32px; font-size: 16px; color: #999999;
outline: none;border: 1px solid #ffffff;  border-radius: 56px; background: none; appearance: none;}
.selectSearch::after { content: ''; position: absolute; width: 12px; height: 8px; background: url(../images/aboutIcon3.png) center no-repeat;
right: 32px; top: 50%; transform: translateY(-50%);}
.selectSearch select:focus,.inputSearch input:focus { border: 1px solid red;}
.inputSearch { position: relative; width: 310px;}
.inputSearch input {display: block; background: #ffffff; transition: all 0.3s; box-sizing: border-box; border: none; width: 100%; height: 56px; padding-left: 32px; font-size: 16px; color: #999999;
outline: none;border: 1px solid #ffffff;  border-radius: 56px;}
.inputSearch button { position: absolute; background: url(../images/aboutIcon2.png) center no-repeat; right: 30px; width: 17px; height: 100%;
 border: none; outline: none; cursor: pointer;top: 0;}
.jubList ul { margin: 40px auto; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px;}
.jubList li a { line-height: 68px; padding: 0 45px 0 68px; display: flex; justify-content: space-between;}
.jubList li{ box-sizing: border-box; border: 1px solid #dddddd; border-radius: 5px; width: calc(50% - 10px); background: url(../images/aboutIcon4.png) 31px center no-repeat;}
.jubList li p { font-size: 18px; transition: all 0.3s; font-weight: bold; color: #333333;}
.jubList li span { font-size: 16px; color: #333333;}
.jubList li:hover p{ color: red;}
.descJob { text-align: center; font-size: 16px; color: #555555;}
.aboutCont { margin-top: 2.6vw;}
.welfareList { margin: 5.2vw auto 2vw;}
.welfareList ul { padding: 0 3.645vw; display: flex; justify-content: space-between;}
.welfareList li { text-align: center; }
.welfareList li img { display: block; position: relative; z-index: 2; margin: 0 auto; transition: all 0.5s;}
.welfareList li p { font-size: 18px; color: #222222;}
.welfareList li:hover img { transform: rotateY(360deg);}
.welfareIcon{ margin-bottom: 32px; position: relative;}
.welfareIcon::after { content: ''; transition: all 0.5s; transform: scale(0); position: absolute; left: 50%; top: -22px; width: 72px; height: 72px; border-radius: 50%; background: red;}
.welfareList li:hover .welfareIcon::after { transform: scale(1);}
.welfareSwiper .swiper-slide { transition: all 0.5s; opacity: .5; position: relative; padding: 80px 0;}
.welfareNotice { opacity: 0; transition: all 0.5s; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; position: absolute; bottom:30px; left: 0; width: 100%;}
.welfareNotice p { font-size: 20px; color: #222222;}
.welfareNotice span { font-size: 14px; color: #999999;}
.welfareSwiper .swiper-slide-active .welfareNotice { opacity: 1;}
.welfareSwiper .swiper-slide-active { opacity: 1; z-index: 2; transform: scale(1.1);}
.welfareSwiper { margin-bottom: 5.2vw;}
.welfareSwiper .swiper-button-prev { transition: all 0.3s; color: #535250; left: 25%; }
.welfareSwiper .swiper-button-prev::after {font-size: 30px; font-weight: bold;}
.welfareSwiper .swiper-button-next { color: #535250; right: 25%; }
.welfareSwiper .swiper-button-next::after {font-size: 30px; font-weight: bold;}
.swiper-button-prev,.swiper-button-next {outline: none; transition: all 0.3s;}
.welfareSwiper .swiper-button-prev:hover,.welfareSwiper .swiper-button-next:hover { color: red;}

.aboutIntroduce {padding: 4.8vw 0 8.958vw; background: url(../images/earth.jpg) center bottom no-repeat;}
.aboutIntroduce img { width: 41vw; margin: 0 0 35px 65px;}
.aboutIntroduce h2,.history h2 { margin-top: 10px; font-size: 42px; margin-bottom: 45px; position: relative; font-weight: bold; line-height: 2.38;}
.aboutIntroduce h2::after,.history h2::after { content: ''; position: absolute; left: 0; bottom: 0; width: 62px; height: 3px; background: red;}
.aboutIntroduce p { margin-bottom: 20px; font-size: 18px; color: #555555; line-height: 2;}
.companyData { margin-top: 4.16vw;}
.companyData ul { display: flex; justify-content: space-between; text-align: center;}
.companyData li h3 { line-height: 1; font-size: 4.843vw; color: red;}
.companyData li i { display: block; font-style: normal; font-size: 15px; color: #999999;}
.companyData li b { font-size: 15px; color: #555555;}
.companyData li { flex: 1; border-right: 1px solid #dddddd;}
.companyData li:last-child { border: none;}
.cluture img { display: block; width: 100%;}
.clutureSwiper { border-radius: 14px; background: rgba(0,74,151,.94); padding: 77px 80px 140px; width: 614px; position: absolute; top: -80px; left: 0;}
.cluture .container { position: relative;}
.clutureSwiper p { font-size: 18px; line-height: 1; margin-bottom: 16px; color: rgba(255,255,255,.68);}
.clutureSwiper span { display: block; margin-bottom: 35px; color: #ffffff; font-size: 30px;line-height: 36px;}
.clutureControl { gap: 8px; bottom: 54px; position: absolute; display: flex; align-items: center;}
.clutureControl div { color: #ffffff; border-radius: 50%; transition: all 0.3s; width: 40px; height: 40px; position: static; border: 1px solid #ffffff;}
.clutureControl div::after { font-size: 14px;}
.clutureControl div:hover { background: #ffffff; color: red;}
.history { padding: 4.16vw 0 6.25vw; background: url(../images/aboutPic3.jpg) center no-repeat; background-size: cover;}
.timeLine { margin-top: 5.2vw; margin-bottom: 25px; background: url(../images/timeLine.png) center no-repeat; height: 9px;}
.timeChose .swiper-slide { cursor: pointer; line-height: 60px; font-size: 18px; color: #222222; width: auto;}
.timeChose .swiper { width: 100%;}
.timeChose .swiper-slide.cur { background: url(../images/timeAct.png) center no-repeat;}
.historySlide h3 { font-size: 4.16vw; color: red; line-height: 1; margin-bottom: 40px;}
.historyList { margin-top: 4.42vw;}
.historySlide li p { font-size: 18px; color: #999999; margin-bottom: 20px;}
.historySlide li span { font-size: 24px; color: #222222;}
.historySlide li:not(:last-child) { margin-bottom: 45px;}
.honorTit { text-align: center; margin-top: 10px; font-size: 42px; margin-bottom: 45px; position: relative; font-weight: bold; line-height: 100px;}
.honorTit::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 62px; height: 3px; background: red;}
.honor .welfareSwiper .swiper-slide { border-radius: 28px; padding: 0;  background-size: cover;}
.honor .welfareSwiper .swiper-slide img { display: block; width: 100%;}
.honor .welfareSwiper .swiper-slide-active { transform: scale(1.25);}
.honor .welfareSwiper .swiper { padding: 60px 0;}
.honorSlide { gap: 44px; align-items: center; justify-content: space-between; display: flex; padding: 30px;}
.honor .welfareSwiper .swiper-button-prev { left: 20%;}
.honor .welfareSwiper .swiper-button-next { right: 20%;}
.honorPic { width: 12.76vw; border-radius: 22px; overflow: hidden;}
.honorText p { line-height: 3.33; font-size: 18px; color: #222222;}
.honorText p b { margin: 0 18px;}
.honorText { flex: 1;}
.honorPic img { width: 100%; display: block;}
.menuEnter { display: none;}

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

.container{ max-width:1440px;}
.honorSlide { padding: 20px; gap: 20px;}
.honorText p { font-size: 16px;}
}
@media screen and (max-width: 1600px) {
.nav>ul {gap: 35px;}
.container { max-width:1440px;}
.honorText p { font-size: 14px; line-height: 2;}
.appSlide h3 { font-size: 26px;}
.newsText h2 { font-size: 20px;}
}

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

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

.aboutIntroduce h2, .history h2,.honorTit,.contactArt h2,.formTitl,.articleTitle h2,.proName { font-size: 32px;}
.contactArt p { font-size: 16px;}
.mc_a1t_title { font-size: 14px;}
.mc_a1t_a { gap: 5px;}
.mc_a1t_li1 .mc_a1t_title,.formInfor li p { font-size: 16px;}
.mc_a1t_li1 .mc_a1t_dian { border:6px solid #f21407;}
.container{ max-width:92%;}
.header { padding: 0 3%;}
.articleDetail { width: calc(100% - 360px);}
.articleBox { padding: 80px 40px;}
.brandText h2 { font-size: 30px; margin-bottom: 60px;}
.appText h2,.titleCell h2 { font-size:30px;}
.appImg  { width: calc(100% - 725px);}
.appText li p { font-size: 16px;}
.aboutIntroduce p { font-size: 16px; margin-bottom: 16px;}
.aboutIntroduce img { margin:  0 0 20px 20px;}
.formInfor li p { width: 160px;}
.jubList li p { font-size: 16px;}
.jubList li span { font-size: 14px;}
.welfareList li img {  height: 60px;}
.welfareIcon  { margin-bottom: 20px;}
.welfareNotice p { font-size: 16px;}
.majorText p { font-size: 16px;}
.majorText h2 { font-size: 26px;}
.intText h2 { font-size: 20px;}
.detailTitle p { font-size: 26px;}
}
@media screen and (max-width: 1280px) {
	.nav>ul {gap: 20px;}
	.articleTitle h2 { font-size: 26px;}
	.footLink li { margin-right: 4vw;}
}
@media screen and (max-width: 1200px) {
	.header .langChose h2 { font-size: 14px;}
	a.chatBtn b { font-size: 14px;}
	a.chatBtn { height: 32px; padding: 0 15px;}
	.detailInt a.more { margin-top: 20px;}
	.detailAside { margin-bottom: 20px;}
	.productDetail { width: 100%;}
	.menuEnter { display: block; background: url(../images/searchMenu.png) center no-repeat; width: 37px; height: 30px; }
	.proSearch { margin: 0; width: auto; flex: 1;}
	.proMenu {display: flex; justify-content: space-between; padding: 10px; align-items: center; gap:20px; width: 100%;}
	.nameList p { line-height:42px; padding-left: 20px;}
	.nameList p a { font-size: 14px;}
	.nameList { position: fixed; right: -100%; top:60px; bottom: 0; width: 200px; background: #ffffff; overflow-y:auto; z-index: 10;}
	.detailTitle img { height: 32px;}
	.detailTitle p {  line-height: 3; font-size: 20px;}
	.detailInt p { font-size: 14px;}
	.detailTitle { margin-bottom: 20px;}
	.intText p { font-size: 14px; margin-bottom: 10px;}
	.contactTop  { flex-direction: column;}
	.contactArt { width: 100%; position: static;}
	.formInfor li p { width:80px; text-indent: 0;}
	.halfForm textarea { height: 100px; padding: 0;}
	.menuChose a { font-size: 14px;}
	.menuChose {  gap: 12px; line-height:50px; white-space: nowrap; overflow-x: auto;}
	.menuChose::-webkit-scrollbar { display: none;}
	.newsTit a p { font-size: 16px;}
	.newsDate { width: 60px; height: 60px;}
	.newsDate span { font-size: 12px;}
	.newsDate p { font-size:18px; margin: 0;}
	.newList { padding: 20px 0;}
	.newList ul { flex-direction: column; gap: 20px;}
	.bigNews { flex-direction: column; gap: 20px; margin: 20px 0;}
	.newsText h2 { font-size: 18px; margin-bottom:10px;}
	.newsText p { font-size: 14px; margin-bottom: 20px;}
	.appText ul { flex-wrap: wrap;}
	.appText li { width: 30%; margin-bottom: 10px;}
	.appText li p { font-size: 14px; margin-top: 10px;}
	.aboutArticle { float: none; width: 100%; margin-top: 20px;}
	.aboutArticle h3 { font-size: 18px;}
	.aboutArticle li {padding-bottom: 10px; margin-top: 10px;}
	.aboutArticle li h2 { margin-bottom: 5px;font-size: 16px; margin-top: 5px;}
	.aboutArticle li span { font-size: 14px; margin-bottom: 0;}
	.aboutArticle li p { font-size: 13px;}
	.header,.small-header .header { height: 60px;background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
	.header .logo img { opacity: 0;}
	.header .logo img:nth-child(2) { opacity: 1;}
	.header .nav li h2 a { line-height: 80px;}
	.langChose h2 { line-height: 60px;}
	.header .nav li h2 a{ color: #333333;}
	.header .langChose h2 { color: #333333; background: url(../images/blackEarth.png) left center no-repeat;}
	.header .searchEnter { background: url(../images/blackSearch.png) center no-repeat;}
	.header .logo img {height: 16px;}
	.nav { height: calc(100vh - 60px); position: fixed; left: -110%; overflow-y: auto; top:60px; width:300px; background: #ffffff; bottom: 0;}
	.nav ul { display: block;}
	.nav li { border-bottom: 1px solid #eee; float: none; margin: 0!important;}
	.nav li h2{position: relative; text-indent: 20px;}
	.nav li h2 i { transition: all .5s; background: url(../images/menuEnter.png) center no-repeat;
	width: 8px; height: 14px; background-size: 100% auto; position: absolute; right:15px; top: 50%; margin-top: -7px;}
	.nav li h2 a {  line-height: 40px; color: #333333;}
	.nav li.cur h2 i{ background: url(../images/menuEntero.png) center no-repeat; background-size: 100% auto; transform: rotate(90deg);}
	.nav li:last-child h2 i { display: none!important;}
	.nav li:nth-child(4) h3::after { display: none!important;}
	.nav li:nth-child(4) .secondList { display: none!important;}
	.menubox{ display: block; position: absolute;right: 4%; top: 10px; width:45px; height: 40px;opacity: 1;pointer-events: auto;transition: 0.3s;}
	.menubox div{position: absolute;left: 20px;width: 30px;height: 2px;background-color: red;transition: 0.6s;}
	.menubox div:nth-child(1){top: 9px;}
	.menubox div:nth-child(2){top: 19px;}
	.menubox div:nth-child(3){top: 29px;}
	.menubox.on div:nth-child(1){top: 19px;transform: rotateZ(45deg);}
	.menubox.on div:nth-child(2){top: 19px;opacity: 0;}
	.menubox.on div:nth-child(3){top: 19px;transform: rotateZ(-45deg);}
	.langChose { margin-right: 50px;}
	.nav li dl { box-shadow: none; position: static; width: 100%; padding: 0; transform: translateX(0); text-align: left;}
	.nav li dl dt { font-size: 14px; text-align: left; text-indent:30px;}
	.productSubs { box-shadow: none;}
	.nav li h2::after { display: none!important;}
	.mobSub dl { display: block!important;}
	.nav li dl dt dt { text-indent: 40px;}
	.nav li dt h3 a { font-size: 16px;}
	.nav li dt dt a { font-size: 14px;}
	.header .nav li h2 a,.small-header .header .nav li h2 a { line-height: 50px;}
	body { padding-top: 60px;}
	.langChose dl { top: 60px; border-radius: 0 0 6px 6px;}
	.productSubs { padding:0 10px; display: none; position: static; margin: 0; width: 100%;}
	.subMenu { width: 100%; border: none;}
	.secondList { position: static; width: 100%; padding: 0;}
	.listSlide { margin-bottom: 10px; padding: 4px 10px;}
	.subMenu h3 { font-size: 14px; text-indent:10px; margin-bottom: 0; line-height: 2.5;}
	.listSlide h4 { font-size: 14px;}
	.subMenu .productSlide h3::after { content: ''; transition: all .5s;
    background: url(../images/menuEnter.png) center no-repeat!important;
    width: 8px!important;
    height: 14px!important;
    background-size: 100% auto!important;
    position: absolute;
    right: 15px!important;
    top: 50%!important;
    margin-top: -7px!important }
	.subMenu .productSlide.cur h3::after { transform: rotate(90deg);}
	.listSlide:last-child { margin-bottom: 10px;}
	.secondTit,.linkText h5,.linkText p { font-size: 14px;}
	.brandText { margin-bottom: 20px; width: 100%;}
	.brandCont { gap: 0; flex-direction: column;}
	.brandList { width: 100%; flex: auto; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
	.brandPic { margin-bottom: 3%; position: static; width:26%; text-align: center;}
	.stickyBox { position: static;}
	.scrollBox { height: auto;}
	.banner { height: auto;}
	.bannerText p { margin:10px 0; font-size: 14px;}
	.banner .swiper-pagination span::after { display: none;}
	.banner .swiper-pagination span { width: 8px; height: 8px; margin:0 5px!important;}
	.bannerText h2,.bannerText h3 { font-size: 16px;}
	.bannerText h2 span {font-size: 16px;}
	.banner .swiper-pagination { bottom: 3px;}
	a.more,button.more { font-size: 14px; width: 120px; height: 32px; gap: 8px;}
	.brandText h2 { font-size: 20px; margin-bottom: 20px;}
	.appText h2,.titleCell h2 { font-size:18px; margin-bottom: 20px;}
	.brandText p { margin-bottom: 20px; font-size: 14px;}
	.brandText span { font-size: 14px; margin-bottom:10px;}
	.brandSub p { padding: 0; font-size: 14px; margin: 0; text-align: left; line-height: 2;}
	.brandSub { line-height: 1.5; width: 100%; padding: 4px 6px;}
	.brandSub p::after { display: none;}
	.brandSub p a { line-height: 1.5;}
	.appCont { flex-direction: column;}
	.appText { max-width: 100%;}
	.appImg { width: 680px; max-width: 100%; margin: 20px auto 0;}
	.appSlide p { margin-bottom: 20px;}
	.appText li.cur .appIcon::after { width: 30px; height: 30px; margin: 0; top: -12px;}
	.appSlide h3 { font-size: 18px; margin-bottom: 10px;}
	.titleCell span { font-size: 14px; margin-bottom: 10px;}
	.aboutIntroduce h2, .history h2,.honorTit,.formTitl,.contactArt h2,.proName { line-height:3; font-size: 20px;}
	.contactArt h2::after,.formTitl::after { height: 2px;}
	.formInfor { margin-top: 20px; flex-direction: column; gap:0;}
	.halfForm { width: 100%;}
	.honorTit { line-height: 3; margin-bottom: 20px;}
	.aboutIntroduce h2::after, .history h2::after { height: 2px; width: 32px;}
	.aboutIntroduce h2, .history h2 { margin-bottom: 20px;}
	.aboutIntroduce p { font-size: 14px; margin-bottom:14px;}
	.aboutIntroduce br { display: none;}
	.clutureSwiper { padding: 20px; position: relative; top: auto; z-index: 2; margin: 0 auto; width: 100%;}
	.cluture img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
	.cluture { position: relative; padding: 20px 0;}
	.clutureControl { margin-top: 20px; position: static;}
	.clutureSwiper p { font-size: 14px;}
	.clutureSwiper span { font-size: 18px;}
	.clutureSwiper span { margin-bottom: 20px;}
	.timeChose .swiper-slide { font-size: 14px;}
	.historySlide h3 { font-size: 18px; margin: 30px 0 10px;}
	.historySlide li p { font-size: 16px; margin-bottom: 10px;}
	.historySlide li span { font-size: 16px;}
	.historySlide li:not(:last-child) { margin-bottom: 20px;}
	.mapBox { float: none;}
	.contactArt p { font-size: 14px; margin-bottom: 14px;}
	.subButton { margin-top: 20px;}
	.contactTop { margin-top: 0;}
	.aboutDesc { margin-top: 20px; position: relative; top: auto; bottom: auto; width: 100%;}
	.aboutDesc .swiper-slide { padding:30px 20px 20px;}
	.aboutDesc .swiper-slide p { font-size: 14px;}
	.aboutCont .swiper-pagination { bottom: 0;}
	.intIcon { width: 30px; top: 10px; right: 10px;}
	.jobBar { padding:10px 20px 20px;}
	.welfareList li p { font-size: 14px;}
	.welfareList li img { height: 40px;}
	.welfareIcon { margin-bottom: 10px;}
	.welfareList li {margin-bottom: 10px;}
	.welfareSwiper .swiper-button-prev { left:6%;}
	.welfareSwiper .swiper-button-next { right:6%;}
	.welfareNotice p { font-size: 14px;}
	.welfareSwiper .swiper-slide { padding: 20px 0 40px;}
	.welfareSwiper .swiper-slide-active .welfareNotice { bottom: 10px;}
	.descJob { font-size: 14px;}
	.jubList ul { margin: 20px 0; gap:10px; flex-direction: column;}
	.jubList li {  width: 100%;}
	.jubList li a { line-height: 40px; padding: 0 10px 0 40px;}
	.jubList li p { font-size: 14px;}
	.jubList li { background-position:  10px center!important;}
	.jobSearch { flex-direction: column; margin-top: 20px; justify-content: center; align-items: center;}
	.selectSearch select,.inputSearch input { height: 42px; font-size: 14px;}
	.majorBannerText h2 { font-size: 16px;}
	.majorBannerText p { font-size: 12px;}
	.majorBannerText p span { font-size: 20px;}
	.proDetailPage { padding:0; margin: 0 auto 20px;}
	.tagDesc { line-height: 2; margin-bottom: 20px;}
	.proName { margin-bottom: 0;}
	.intList li { margin-bottom:20px; gap: 10px; flex-direction: column;}
	.intText { order: 2;}
	.intText h3 { font-size: 14px; margin-bottom: 10px;}
	.productPageCont { flex-direction: column;}
}
@media screen and (max-width: 1080px) {
	
	.intText h2 { font-size: 16px; margin-bottom: 10px; margin-top: 10px;}
	.intPic {width: 100%;}
	.majorText h2 img { max-height: 32px;}
	.majorText p { font-size: 14px; text-align: justify;}
	.majorText h2 { font-size: 16px; margin-bottom: 10px;}
	.majorPic { width: 100%;}
	.majorList li:nth-child(odd) .majorText { order:2;}
	.majorList li { margin-bottom: 10px; gap: 20px; padding: 20px; flex-direction: column;}
	.aboutIntroduce img { float: none; margin: 0 auto; width: 100%;}
	.welfareList li { width: 33.33%;}
	.welfareList ul { flex-wrap: wrap;}
	.honor .welfareSwiper .swiper-slide-active { transform: scale(1);}
	.honorSlide { flex-direction: column;}
	.honorPic { width: 100%;}
	.footerContact { text-align: center;}
	.footerAdd p { font-size: 14px;}
	.footerAdd { margin: 20px 0; text-align: center;}
	.footerRight { align-items: center;}
	.footerTop { text-align: center;}
	a.more i {width: 9px!important; height: 10px!important; background-size: 100% auto!important;}
	.articleTitle h2 { font-size: 18px; line-height: 1.5;}
	.searchinput { width: 100%; top: 60px; margin: 0; background: #ffffff; padding: 10px; transform-origin: center; top: ;}
	.searchBox { position: static;}
	.footLink { display: none;}
	.footerTop { justify-content: center; padding: 30px 0 20px;}
	.copyRight { margin-top: 0; display: block; line-height: 1.5; text-align: center; padding: 20px 6%;}
	.copyRight p, .copyRight a { font-size: 14px;}
	.footerContact p { font-size: 14px;}
	.copyRight br { display: block;}
	.footerContact h2 { font-size: 16px; margin-bottom: 10px;}
	.contactLink ul { justify-content: center;}
	.footer { text-align: center;}
	.contactLink { margin-bottom: 10px;}
	.articleTitle { margin-bottom:10px;}
	.articleBox { margin: 20px auto; padding: 0;}
	.articleDetail { float: none; width: 100%;}
	.articleTitle h2 { line-height: 1.5;}
	.articleTag {display: block;}
	.articleTag span { display: inline-block; font-size: 14px;}
	.articleTag { margin:10px 0;}
	.articleDesc p { font-size: 14px; line-height: 1.75; margin-bottom: 14px;}
	.articleDesc img { margin-bottom: 14px;}
	.articleDesc h2 { font-size: 16px; line-height: 1.75; margin-bottom: 14px;}
	.backMenu span { font-size: 14px;}
	.pageLink p { font-size: 14px; line-height: 1.75;}
	.backMenu { padding: 0 10px; line-height: 30px;}
	.newsList li { gap: 10px; margin-bottom: 10px; flex-direction: column; padding:14px;}
	.newsDesc { width: 100%;}
	.newsImg { width: 100%; height: auto;}
	.newsDesc span { margin: 10px 0;}
	.newsDesc h2 { font-size: 18px; margin-bottom: 10px;}
	.newsDesc p { font-size: 14px; margin-bottom: 20px;}
	.newsList li a.more { font-size: 14px; line-height: 36px; width: 120px;}
	.fpage a { font-size: 12px;}
	.fpage a { width: 28px; height: 28px; line-height: 28px; margin: 0 2px;}
	.proMenu form{ flex: 1; }
}

@media screen and (max-width: 780px){
	.contactForm.enForm .halfForm:last-child li:last-child { flex-direction: column; align-items: start;}
	.contactForm.enForm .halfForm:last-child li:last-child p { width: 100%;}
	.contactForm.enForm .halfForm:last-child li:last-child input { flex: auto; width: 100%; font-size: 15px; height: 52px;}
	.contactForm.enForm .halfForm:last-child li:last-child img { top: auto; bottom: 0;}
	.newsDesc h2 { font-size: 16px;}
	.indeideBanner { height: 200px;}
	.indeideBanner img { height: 100%; object-fit: cover;}
	.menuChose a { font-size: 13px;}
	.honor .welfareSwiper .swiper { padding: 0 0 30px;}
	.companyData ul { flex-wrap: wrap;}
	.companyData li { margin-bottom: 20px; width: 33%; flex: auto;}
	.companyData li:nth-child(3) { border: none;}
	.header .nav li h2 a, .small-header .header .nav li h2 a { font-size: 16px;}
	.inBannerText h2 { font-size:18px; margin-bottom: 10px;}
	.inBannerText p { font-size: 14px;}
	.footLogo img { height: 20px;}

	.subEwm { width: 100px; top: 40px;}
	.aboutArticle li h2 { font-size: 14px;}
	.aboutArticle li span { font-size: 14px; margin-bottom: 0px;}
	.aboutArticle h3 { font-size: 16px;}	
	.honorPic img { width: 80%; margin: 0 auto; border-radius: 12px;}
	.honor .welfareSwiper .swiper-button-prev { left:9%;}
	.honor .welfareSwiper .swiper-button-next { right:9%;}
	.honorText p b { margin: 0 5px;}
	.mc_a1t_title{font-size: 9px;}
	.mapBox { width: 90%;}
	.mc_a1t_li1 .mc_a1t_title { font-size: 12px;}
	.mc_a1t_li2 .mc_a1t_dian { border:2px solid rgb(255,102,0);}
	.mc_a1t_li3 .mc_a1t_dian { border:2px solid rgb(88,115,254);}
	.mc_a1t_li1 .mc_a1t_dian {border:3px solid #f21407;}
	.menuChose { display: block;}
	.menuChose a { display: inline-block; margin: 0 12px;}
	.textCell p { font-size: 18px;}
	.cellCont { flex-direction: column; gap:20px ;}
	.textCell span { font-size: 14px;}
	.cellBanner { padding: 40px 0;}
	.halfForm li img { position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
	.formInfor li { position: relative;}
	.coverPic { height: auto; gap: 20px; padding: 30px 0;}
	.coverPic>* { position: static!important;}
}