@charset "utf-8";
/*通用样式*/
*,a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
html, body, div, span, iframe, map, font, img, a img, samp, strong, 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%;}
input,textarea { outline: none; border: none; box-sizing: border-box; background: none;}
body{ overflow-x: hidden; background:#fff; font:normal 12px/22px "微软雅黑";  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
div { box-sizing:border-box;}
.dn { display: none;}
.clearfix::after { content: ''; clear: both; display: block; height: 0;}
#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 10;}
/* CSS Document */
.langChose {background: url(../images/lang.png) left center no-repeat; color: #666666;padding-left: 30px; color: #666666; margin-right: 20px; background-size: 24px auto;}
.langChose a { font-size: 16px; color: #666;}
.langChose a.cur { font-weight: bold;}
.scrollBox { position: relative; z-index: 10;}
.menubox { display: none;}
.header { box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #ffffff; align-items: center; transition: all 0.5s; position: fixed; left: 0; top: 0; width: 100%; z-index: 20; height:80px; display: flex; padding: 0 0 0 45px; justify-content: space-between; align-items: center;}
.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:0; left: 50%; transform: translate(-50%,0); transition: all 0.5s; width: 0; background: #e61e1a;}
.nav li:hover h2::after,.nav li.cur h2::after { width:50px;}
.nav li h2 a { transition: all 0.5s; display: flex; align-items: center; justify-content: center; height: 80px; flex-direction: column; white-space: nowrap; font-size: 18px; color: #ffffff;}
.nav li h2 a p { font-size: 18px; color: #333333;}
.nav li h2 a span { color: #999999; text-transform: uppercase; font-size: 12px;}
.header .nav li.cur h2 a,.header .nav li.cur h2 a p,.header .nav li.cur h2 a span,.header .nav li:hover h2 a p,.header .nav li:hover h2 a span { color: #e61e1a;}
.header .nav li:hover h2 a p,.header .nav li.cur h2 a p { font-weight: bold;}
.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: 80px;}
.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: #e61e1a; }
.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 { line-height: 80px; padding: 0 30px 0 23px; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; position: relative;}
.searchinput{ background: #ffffff; 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: #e61e1a;}
.searchinput .hsform .sinput{border: none; width: 100%;height: 44px;background-color: #e61e1a;color: #fff;text-indent: 20px;font-size: 16px;}
.searchinput .hsform .sinput::placeholder{color: #fff;font-size: 16px;}
.searchinput .hsform .sbtn{ font-size: 0; border: none; width: 44px;height: 44px;background: url(../images/searchon.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: #e61e1a;position: absolute;left: 7px;top: 21px;transform: rotateZ(45deg);}
.searchinput .sclosebtn:after{content: "";display: block;width: 30px;height: 2px;background-color: #e61e1a;position: absolute;left: 7px;top: 21px;transform: rotateZ(-45deg);}
.searchEnter { font-size: 16px; color: #333333; transition: all 0.5s;cursor: pointer; display: block; background: url(../images/search.png) left center no-repeat; padding-left: 32px; display: block;}
.menuControl { display: flex; align-items: center;}
.mailEnter a { gap: 8px; padding: 0 26px; display: flex; justify-content: space-between; align-items: center; font-size: 16px; color: #333333;}
.stickyBox { position: sticky; left: 0; top: 0; width: 100%;}
.coverPic { opacity: 0; overflow: hidden; pointer-events: none; background: #ffffff; position: absolute; left: 0; top: 0;  flex-direction: column;  width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; z-index: 24;}
.coverPic h2 { font-weight: bold; font-size: 3.125vw; position: absolute; left: 0; top: 58.54vh; text-align: center; width: 100%;}
.coverPic a { font-size: 16px; color: #e61e1a;}
.coverLogo img { display: block; margin: 0 auto; width: 30.88vw;}
.coverLogo { position: absolute; top: 26.9vh; width: 100%; left: 0;}
.coverPic p { position: absolute; left: 0; width: 100%; text-align: center; top: 76.36vh;}
.scrollBox { height:150vh;}
.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: 4.4vw; width: 100%;}
.banner .swiper-pagination span { position: relative; opacity: 1; transition: all 0.3s; box-sizing: border-box; background:none; border: 1px solid #ffffff; outline: none; width: 10px; height: 10px; margin:0 8px!important;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #ffffff;}
.bannerText { position: absolute; width: 1360px; max-width: 92%; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.bannerText h2 { text-shadow: 0 0 10px rgba(0,0,0,0.2); margin-bottom: 25px; font-weight: bold; color: #ffffff; font-size: 3.75vw; line-height: 1.38;}
.bannerText p { font-weight: bold; text-shadow: 0 0 10px rgba(0,0,0,0.2); font-size: 1.562vw; color: #ffffff;}
.container { width: 1360px; margin: 0 auto; max-width: 92%;}
.introduce { background: url(../images/build.jpg) center bottom no-repeat #ffffff; padding: 5.2vw 0 12.8vw;}
.titleCell { font-weight: bold; font-size: 2.6vw; color: #333333; line-height: 1; text-align: center;}
.intDesc { text-align: center; font-size: 20px; color: #666666; line-height: 1.8; margin: 45px 0 65px;}
.introduceDeta ul { gap: 5.2vw; display: flex; justify-content: center; align-items: center;}
.introduceDeta li { position: relative;}
.introduceDeta li p{ margin-bottom: 24px; padding-bottom: 32px; position: relative; font-size: 16px; color: #333333;}
.introduceDeta li p span { width: 57px; display: inline-flex; margin-right: 14px; font-family: arial; font-style: italic; font-weight: bold; font-size: 52px; color: #e61e1a;}
.introduceDeta li p::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 3px; background: #e61e1a;}
.introduceDeta li b { display: block; font-size: 18px; color: #333333;}
.importantPorduct ul { margin: 55px auto 65px; gap: 20px; display: flex; padding: 0 20px;}
.importantPorduct li { position: relative; overflow: hidden; border-radius: 18px; width: calc(33.33% - 13.333px); height: 30.2vw;}
.importantPorduct li img { width: 100%; height: 100%; display: block; object-fit: cover; transition: all .5s;}
.importantPorduct li:hover img { transform: scale(1.1);}
.importantPorduct li::after { content: ''; width: 100%; position: absolute; bottom: 0; left: 0; height: 190px; background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.8));}
.proTag { z-index: 3; position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 25px 35px;}
.proTag h2 { margin-bottom: 10px; line-height: 1; font-weight: bold; line-height: 1; font-size: 30px; color: #ffffff;}
.proTag p { font-size: 18px; opacity: .8; color: #ffffff; line-height: 1.66; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.importantPorduct { padding: 70px 0 55px;}
a.more { display: block; font-size: 16px; transition: all 0.5s; width: 152px; border: 1px solid #e61e1a; color: #e61e1a; margin: 0 auto; text-align: center; line-height: 40px; border-radius: 40px;}
a.more:hover { color: #ffffff; background: #e61e1a;}
.homeNews { background: url(../images/newsBgh.jpg) right bottom no-repeat; background-size: cover; padding: 5.2vw 0 4vw;}
.generalPic { float: left; width: calc(100% - 560px); height:560px; overflow: hidden;}
.generalPic .swiper { width: 100%; height: 100%;}
.generalPic img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.generalPic .swiper-slide:hover img { transform: scale(1.1);}
.generalPic .swiper-button-next,.generalPic .swiper-button-prev { background:rgba(0,0,0,0.5); color: #ffffff; opacity: 0; transition: all 0.3s;}
.generalPic .swiper-button-next::after,.generalPic .swiper-button-prev:after { font-size: 16px;}
.generalPic:hover .swiper-button-next,.generalPic:hover .swiper-button-prev { opacity: 1;}
.generalPic .swiper-button-next:hover,.generalPic .swiper-button-prev:hover { background:#184da6 ;}
.generalCont { border-radius: 18px; overflow: hidden; margin-top:70px; margin-bottom: 4vw;}
.generalText { float: right; width: 560px;}
.generalText li { margin-bottom: 5px; transition: all 0.5s; padding: 18px 0 15.5px 40px; border-left: 6px solid #fff;}
.generalText li span { line-height: 1; font-size: 18px; color: #999999; display: block; transition: all 0.3s;}
.generalText li p {overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  transition: all 0.5s; font-size: 18px; color: #333333; line-height: 1;
margin-bottom: 16px;}
.generalText li:hover { background: #fff2f2; border-left: 6px solid #e61e1a;}
.generalCont { background: #ffffff;}
.generalText li:last-child { margin-bottom: 0;}
.generalPic .swiper-pagination { text-align: right;}
.newsDate { background: #e61e1a; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; display: flex; flex-direction: column; width: 100px; height: 80px; color: #ffffff; text-align: center;}
.newsDate p { line-height: 1; margin-bottom: 10px; font-size: 30px;}
.newsDate span { font-size: 14px;}
.generalPic .swiper-pagination { right: 0; width: auto!important; left: auto!important; bottom: 40px!important; padding-right: 30px;}
.generalPic .swiper-pagination span { position: relative; opacity: 1; transition: all 0.3s; box-sizing: border-box; background:none; border: 1px solid #ffffff; outline: none; width: 10px; height: 10px; margin:0 8px!important;}
.generalPic .swiper-pagination span.swiper-pagination-bullet-active{ background: #ffffff;}
.picText { position: absolute; left: 40px; right: 40px; bottom: 40px;}
.picText p { font-size: 24px; color: #ffffff; line-height: 1; margin-bottom: 25px;overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.picText span { font-size: 16px; color: #ffffff; text-decoration: underline;}
.generalChose { margin-bottom: 25px; padding:15px 0 0 40px;}
.generalChose span { margin-right: 45px; display: inline-block; line-height: 58px; font-size: 22px; color: #333333; cursor: pointer; position: relative;}
.generalChose span.cur::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 3px; background: #e61e1a;}
.generalChose span.cur::after { width: 50px;}
.VideoBox { position: relative; z-index: 2; padding: 5.2vw 0;}
.VideoBox video { display: block; width: 100%; }
.videoTitle { width: 7.5vw; position: absolute; left: 3.75vw; top: 50%; transform: translateY(-50%);}
.videoTitle img { width:100%;}
.homeVideo { position: relative;}
.footer { background: #f4f4f4;}
.footerTop { padding: 50px 0 8px; display: flex; justify-content: space-between;}
.footLink ul::after { content: ''; clear: both; display: block; height: 0;}
.footLink li { float: left; margin-right: 20px;}
.footLink p a {  font-size: 14px; color: #666666;}
.footLink p {transition: all 0.3s; line-height:40px;}
.footLink li h2 a { font-size: 18px; color: #333333;}
.footLink p:hover { opacity: 1; transform: translateX(5px); opacity: 1;}
.footLink p:hover a{ color: #e61e1a;}
.footLink li h2 { line-height:1; margin-bottom:10px; position: relative; padding-bottom: 13px;}
.footLink li h2::after { content: ''; background: #000; position: absolute; left: 0; bottom: 0; width: 20px; height: 2px;}
.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: #0874d9; 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 { background: #000000; margin-top: 40px; border-top: 1px solid #333b45; line-height:80px; display: flex;  text-align: center;}
.copyRight p,.copyRight a { transition: all 0.3s; font-size: 14px; color: #939b98;}
.copyRight a:hover { color: #e61e1a;}
.copyRight p br { display: none;}
.copyRight .container { display: flex; align-items: center;}
.footerEwm { display: flex; gap: 16px;}
.scanPic img { width: 100px; display: block;}
.scanCont { text-align: center;}
.scanCont p { font-size: 14px; color: #333333; line-height: 1; margin-top: 15px;}
.footerAdd p { line-height: 1.5; font-size: 18px; color: #333333;}
.footerAdd span { margin-bottom: 15px; font-size: 24px; display: block;}
.footerAdd a { transition: all 0.3s; color: #333333;}
.footerAdd a:hover { color: #e61e1a;}
.footLogo { display: block; margin-bottom: 35px;}
.copyRight .container a,.copyRight .container p{ text-align: center; display:flex; align-items: center;}
.copyRight .container img { margin: 0 10px 0 20px; display: block;}
.copyRight .container>p:last-child { flex: 1; text-align: right; justify-content: end;}
/*about*/
.mainCont { padding-top: 80px;}
.insideBanner { position: relative; height: 420px;}
.insideBanner img { width: 100%; height: 100%; object-fit: cover;}
.inbannerText { text-align: center; position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%);}
.inbannerText p { font-size: 2.5vw; font-weight: bold; color: #ffffff; line-height: 1; margin-bottom:30px;}
.inbannerText span { font-size: 1.45vw; color: #ffffff;}
.linkChose { line-height: 68px; border-bottom: 1px solid #eeeeee; display: flex; align-items: center; justify-content: center;}
.linkChose a { transition: all 0.3s; display: inline-flex; padding: 0 64px; font-size: 18px; color: #333333;}
.linkChose a:hover { color: #e61e1a;}
.linkChose a.cur { color: #ffffff; background: #e61e1a;}
.aboutTit p { font-size: 42px; font-weight: bold; color: #333333; line-height: 1; margin-bottom: 25px;}
.aboutTit span { text-transform: uppercase; font-size: 16px; display: block; line-height: 1; color: #999999;}
.aboutArt p { font-size: 20px; color: #333333; line-height: 1.9;}
.aboutArt,.aboutArten { margin: 25px 0;}
.aboutArten p { font-size: 16px; color: #999999; line-height: 1.9;}
.aboutPage { background: url(../images/newsBgh.jpg) right bottom no-repeat; padding:5vw 0 4vw; background-position:center 160%;}
.aboutVideo { margin: 50px auto 0;}
.aboutArt img { max-width: 100%; display: block; margin: 0 auto;}
.culturePage { padding: 5vw 0 4vw;}
.culturePage .aboutArt { margin-top: 40px;}
.historyCont { position: relative; margin-top: 55px;}
.historyCont::after { content: ''; display: none; }
.growUp { background: url(../images/growBg.jpg) center no-repeat; background-size: cover; padding: 5vw 0 5.2vw;}
.historyCont .growSlide span { box-sizing: border-box; position: absolute; left: 50%; z-index: 4; top: 32px; margin-left: -11px; border: 4px solid #e61e1a; border-radius: 50%; background: #ffffff; display: block; width: 22px; height: 22px; border-radius: 50%; background: ;}
.historyCont .growSlide { margin-bottom: 10px; position: relative;}
.growCont {width: 300px; margin-left: calc(50% + 46px); border-radius: 10px; border-radius: 10px; padding: 30px 20px 30px; background: #ffffff;}
.historyCont .growSlide:nth-child(2n) .growCont { margin-left: calc(50% - 346px);}
.growCont { position: relative;}
.historyCont .growCont::after { content: ''; background: #ffffff; position: absolute; width: 15px; height: 15px; top: 32px; transform: rotate(45deg); left: -6px; }
.historyCont .growSlide:nth-child(2n) .growCont::after { left: auto; right: -6px;}
.historyCont .growSlide::after { content: ''; position: absolute; left: 50%; width: 2px; top: 0; bottom: -10px; margin-left: -1px; background: #000;}
.historyCont .swiper span::after { content: ''; background: url(../images/growIcon.png) center no-repeat; width: 19px; height: 19px; position: absolute;
left: 0; top: -40px; background-size: 100% auto;}
.historyCont .swiper .swiper-slide:nth-child(2n) span:after { top: auto; bottom: -40px;}
.historyCont .swiper-slide:nth-child(2n) .growCont { top: auto; bottom: 0;}
.growCont h2 { font-size: 28px; font-weight: bold; color: #e61e1a; line-height: 1; margin-bottom:10px;}
.growCont p { font-size: 20px; color: #333333; line-height: 1.2; margin-bottom: 14px;}
.growCont p:last-child { margin-bottom: 0;}
.historyCont .swiper-slide:last-child { margin-right:80px;}
.historyCont .swiper { margin-top: 50px;}
.honorPage .intDesc { text-align: left;}
.honorPage .introduceDeta ul { justify-content: space-between; box-sizing: border-box; padding: 0 50px; }
.honorPage { padding: 4vw 0;}
.honorHd { border-top: 1px solid #eeeeee; background: #ffffff;}
.honorHd span { margin-right: 4.68vw; font-size: 22px; color: #333333; display: inline-flex; line-height: 66px; cursor: pointer; position: relative;}
.honorInfor { background: #f2f8ff;}
.honorHd span.cur::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #e61e1a;}
.honorBd li { border-radius: 16px; padding: 28px 28px 33px; background: #ffffff; float: left; box-sizing: border-box; width: 32%; margin-right: 2%; margin-bottom: 2%;}
.honorBd li:nth-child(3n) { margin-right: 0;}
.honorBd ul { padding: 40px 0 4vw;}
.honorBd li p { font-size: 20px; color: #333333; text-align: center; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.honorPic { margin-bottom: 30px; display: flex; align-items: center; justify-content: center; height: 310px;}
.honorPic img { transition: all 0.5s; display: block; max-width: 100%; max-height: 100%;}
.honorBd li:hover img { transform: scale(1.1);}
.fpage { text-align: center;}
.fpage a { font-size: 16px; transition: all 0.3s; background: #ffffff; color: #999999; line-height: 38px; display: inline-block; width: 38px; height: 38px; border: 1px solid #ebebeb;}
.fpage a:hover { color: #e61e1a;}
.fpage a.cur { color: #ffffff; background:#e61e1a ;}
.productPage { padding: 40px 0 50px; background: #f2f8ff;}
.productPage li { border-radius: 18px; background: #ffffff; overflow: hidden; width: calc(33.33% - 13.33px);}
.productPage ul { margin-bottom: 40px; display: flex; flex-wrap: wrap; gap: 20px;}
.proPic{ height:237px; overflow: hidden;}
.proPic img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.productPage li:hover img { transform: scale(1.1);}
.productPage li p { transition: all 0.3s; font-size: 20px; color: #333333; padding: 0 26px; line-height:60px;}
.productPage li:hover p { background: #e61e1a; color: #ffffff;}
.insideBanner.proBanner { height: 330px;}
.locationCont { display: flex; align-items: center; line-height: 48px; font-size: 14px; color: #999999;}
.locationCont a { color: #999999;}
.locationCont a img { display: block;}
.locationCont a:nth-child(1) { margin-right: 10px;}
.productPage dl::after { content: ''; clear: both; display: block; height: 0;}
.productPage dt h2 { transition: all 0.3s; margin-bottom: 3px; font-size: 20px; line-height: 1.3; padding: 5px 0; font-weight: bold; color: #333333;}
.productPage dt p { font-size: 18px; line-height: 2; color: #999999;}
.productPage dt { box-sizing: border-box; width: 49%; float: left; transition: all 0.3s; border-radius: 18px; margin-bottom: 2%; padding:6px 14px; background: #ffffff;}
.productPage dt:nth-child(2n) { float: right;}
.productPage dt:hover h2 { color:#e61e1a;}
.productPage dt:hover { box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.insideBanner.detailBanner { height: 330px; background: url(../images/detailBg.jpg) center no-repeat; background-size: cover;}
.insideBanner.detailBanner .inbannerText p { color: #333333;}
.insideBanner.detailBanner .inbannerText span { color: #333333;}
.detailSlide { display: flex; justify-content: space-between;}
.detailName { width: 250px; font-size: 30px; line-height: 1.2; font-weight: bold; color: #333333;}
.detailInfor { flex: 1;}
.detailCont { padding-bottom: 40px;}
.detailCont li { border-bottom: 1px solid #eeeeee; padding: 55px 0;}
.detailCont li:last-child {border: none;}
.detailInfor p { font-size: 18px; line-height:2; color: #666666;}
.detailInfor table { width: 100%;}
.detailInfor th { line-height: 1.5; padding: 13px 0; background: #cccccc; text-align: center; font-weight: bold; font-size: 18px; color: #ffffff;}
.detailInfor td { font-size: 18px;line-height: 1.5; padding: 13px 0; color: #666666; text-align: center;}
.teamPage { overflow: hidden; padding-top: 58px;}
.leader { margin-bottom: 4vw; border: 1px solid #e5e5e5; display: flex;}
.leaderPic img { display: block;}
.leaderText { flex: 1; padding: 90px 4vw 0;}
.leaderText h2 { margin-bottom: 20px; font-weight: bold; gap: 12px; font-size: 32px; display: flex; align-items: center;}
.leaderText h2 img { display: block;}
.leaderText h3 { margin-bottom: 60px; font-size:24px; gap: 12px; display: flex; align-items: center;}
.leaderText h3 img { display: block;}
.leaderText p { font-size: 20px; color: #333333; line-height: 1.8;}
.teamArt p { font-size: 20px; color: #333333; line-height: 1.8;}
.teamArt { margin: 25px 0 60px;}
.teamPic img { display: block; width: 100%;}
.resList li { transition: all 0.3s; border-radius: 18px; background: #ffffff; overflow: hidden; width: calc(33.33% - 13.33px);}
.resList ul { margin-bottom: 40px; display: flex; flex-wrap: wrap; gap: 20px;}
.resText { padding: 28px;}
.resText h2{ transition: all 0.5s; line-height: 1; margin-bottom: 20px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  font-size: 20px; color: #333333;}
.resText p {transition: all 0.3s; font-size: 16px; color: #666666; margin-bottom: 20px; line-height: 1.5; height: 48px;  overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.resText span { transition: all 0.3s;font-size: 16px; color: #999999;}
.respic {padding-top:65%; overflow: hidden; position: relative;}
.respic img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.resList li:hover img { transform: scale(1.1);}
.resList li:hover h2,.resList li:hover p,.resList li:hover span { color:#ffffff ;}
.resList li:hover { background: #e61e1a;}
.resDesc {min-height: 210px; margin: 25px 0 40px;}
.resDesc p { font-size: 22px; line-height: 2; color: #333333; }
.resList { padding-bottom: 3.5vw;}
.newsPage { background: #f2f8ff;}
.newsList,.articlePage { padding: 40px 0 70px; background:#f2f8ff ;}
.newsList li { margin-bottom: 20px; background: #ffffff; border-radius: 18px; padding: 28px;}
.newsList li a { display: flex; justify-content: space-between; gap: 28px; align-items: center;}
.newsImg { width: 360px; height: 195px; overflow: hidden;}
.newsImg img { transition: all 0.5s; display: block; width: 100%; height: 100%; object-fit: cover;}
.newsDesc { flex: 1;}
.newsDesc h2 { transition: all 0.3s; margin-bottom: 25px; font-size: 20px; color: #333333; line-height: 1; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.newsDesc p { margin-bottom: 40px; font-size: 16px; color: #666666; line-height: 26px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsDesc span { font-size: 16px; color: #999999;}
.newsList li:hover .newsDesc h2 {color:#e61e1a ;}
.newsList li:hover img{ transform: scale(1.1);}
.newsList ul { margin-bottom:60px;}
.articleCont { background: #ffffff; border-radius:18px; width: 1200px; margin: 0 auto; max-width: 92%;}
.articleDesc { padding: 45px 70px;}
.artInfor p { font-size: 16px; color: #666666; line-height: 26px; margin-bottom: 20px;}
.artInfor img { display: block; margin: 0 auto 20px; max-width: 100%; height: auto!important;}
.articleTit h2 { font-size: 36px; font-weight: bold; color: #333333; line-height: 56px; margin-bottom: 16px;}
.articleTit p { font-size: 18px; color: #666666; line-height: 1;}
.articleTit p span { margin-right: 30px;}
.articleTit { margin-bottom: 55px;}
.pageName { flex: 1; max-width: calc(100% - 100px);}

.pageName p { overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; line-height: 40px; font-size: 18px; color: #666666;}
.pageName p a { margin-left: 18px; transition: all 0.3s; color: #666666;}
.pageName p a:hover { color: #e61e1a;}
.articleFpage { border-top: 1px solid #eeeeee; padding: 26px 70px; display: flex; justify-content: space-between; align-items: flex-end;}
.backList a { font-size: 18px; color: #e61e1a; line-height: 40px;}
.articleCont:last-child { margin-top: 20px; position: relative;}
.hotNotice .hotTag { position: absolute; left: 0; top: 0; padding: 0 15px; border-radius: 18px 0 18px 0; color: #ffffff; font-weight: bold;
font-size: 18px; background: #e61e1a; line-height: 46px;}
.hotNotice { padding: 48px 0 35px;}
.hotNotice dt { line-height: 48px; transition: all 0.5s; padding: 0 70px;}
.hotNotice dt a { display: flex; justify-content: space-between;}
.hotNotice dt:hover { background: #fff2f2;}
.hotNotice dt p,.hotNotice dt span { font-size: 18px; color: #666666;}
.hotNotice dt p {max-width: calc(100% - 100px);  overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.hotNotice dt:hover p,.hotNotice dt:hover span { color: #e61e1a;}
.resultDate { font-size: 16px; border-bottom: 1px solid #eeeeee; line-height: 58px; background: #ffffff;}
.flexsb { display: flex; justify-content: space-between;}
.flexsb p { font-size: 16px; color: #333333;}
.detailBanner.resultBanner h2 { color: #ffffff;}
.resultList li h2 i { color: #e61e1a; font-style: normal;}
.resultList li h2 { font-weight: bold;}
.resultList li p { color: #999999; margin-bottom:25px;}
.noResult { text-align: center; padding: 10vw 0; font-size: 18px; color: #333333;}
.jobTitle h2 { align-items: center; transition: all 0.5s; cursor: pointer; margin-bottom: 18px; font-weight: bold; font-size: 20px; color: #333333; display: flex; justify-content: space-between;}
.jobTitle h2 img { display: block; transition: all 0.5s;}
.jobPage { background: #f2f8ff; padding: 40px 0;}
.jobPage li { border-radius: 18px; background: #ffffff;}
.jobTitle {  padding: 24px 40px 30px;}
.jobPage ul { width: 1200px; margin: 0 auto; max-width: 92%;}
.jobPage li { margin-bottom: 20px;}
.jobTitle { font-size: 16px; color: #999999;}
.jobTitle b { font-weight: 200; margin: 0 30px;}
.jobTag { font-size: 14px; display: inline-flex; background: #e61e1a; color: #ffffff; padding: 0 28px 0 16px; border-radius: 0 20px 20px 0; line-height: 40px;}
.jobInt { padding: 30px 70px; font-size: 14px; color: #666666;}
.jobTitle h2.cur img { transform: rotate(90deg);}
.jobDesc { display: none;}
.jobTitle h2:hover { color:#e61e1a ;}
.contactInfor { display: flex;}
.contactInfor>div { flex: 1;}
.contactMap img { display: block; width: 100%;}
.contactType { padding:6vw 0 0 70px;}
.contactType h2 { font-weight: bold; font-size: 36px; color: #333333; line-height: 1; margin-bottom: 27px;}
.contactType p { line-height: 2; padding: 11px 0; font-size: 18px; color: #333333; display: flex; gap:15px; align-items: center;}
.contactType img { display: block;}
.formCont { margin: 0 auto; width: 1200px; }
.formCont h2 { text-align: center; font-weight: bold; color: #333333; margin-bottom: 35px; font-size: 48px; line-height: 1; margin-bottom:35px;}
.formCont ul { overflow: hidden;}
.formCont li { float: left; width: 49%; margin-bottom: 2%; background: #ffffff; border: 1px solid #eeeeee; box-sizing: border-box; float: left; overflow: hidden;}
.formCont li:nth-child(2n){ float: right;} 
.formCont li:last-child { width: 100%;}
.formCont li p { text-indent: 18px; color: #333333; font-size: 15px; line-height: 60px; width: 107px; float: left;}
.formCont li input { width: calc(100% - 107px); height:60px; box-sizing: border-box; padding: 0; border: none; outline: none; font-size: 15px;}
.formCont li p span { color: #FE0000;}
.formCont li textarea { display: block; width: 100%; height: 120px; outline: none; border: none; resize: none; padding: 22px 18px; font-size: 15px; font-family: '微软雅黑';}
.subExp { position: relative; background: url(../images/upload.png) 42px center no-repeat #9DBBE9; padding-left: 107px; font-size: 15px; color: #ffffff; line-height: 120px;}
.subExp input { position: absolute; width: 100%!important; left: 0; top: 0; height: 100%!important; opacity: 0;}
.subExp i { font-style: normal;}
.subButton { overflow: hidden;}
.subButton button { cursor: pointer; outline: none; font-weight: bold; font-size: 18px; color: #ffffff; background: #e61e1a; border: none; float: left; display: block; width: 49%; text-align: center; line-height: 68px; height: 68px;}
.subButton button:nth-child(2n){ float: right; background: #fff; border: 1px solid #e61e1a; color: #e61e1a;}
.formCont>p { color: #666666; text-align: center; font-size: 20px; margin-bottom: 60px;}
.formBar { border-top: 1px solid #eeeeee; background: url(../images/cbg.png) center bottom no-repeat; padding: 5.2vw 0 10.4vw;}
.aboutVideo video { display: block; width: 100%;}
.footerAdd p { display: flex; align-items: center; gap: 10px; line-height: 45px;}
.footerAdd p img { display: block;}
@media screen and  (max-width:1580px){
	.nav>ul { gap: 34px;}
	.proTag h2 { font-size: 24px;}
	.intDesc { font-size: 18px;}
	.nav li h2 a p,.proTag p,.introduceDeta li b { font-size: 16px;}
	.generalText li p { font-size: 16px;}
	.generalText li span { font-size: 16px;}
	.footLink p a { font-size: 14px;}
	.footLink li h2 a { font-size: 16px;}
	.footerAdd p { font-size: 16px;}
	.scanCont p { font-size: 14px;}
	.scanPic img { width: 100px;}
	.footerAdd span { font-size: 20px;}
	.footLink p { line-height: 32px;}
	.linkChose a { font-size: 16px; padding: 0 32px;}
	.aboutTit p { font-size: 32px; margin-bottom: 15px;}
	.aboutTit span { font-size: 14px;}
	.aboutArt p { font-size: 18px;}
	.growCont p { font-size: 16px;}
	.historyCont .swiper-slide span { width: 12px; height: 12px;}
	.honorHd span { font-size: 18px;}
	.honorBd li p{ font-size: 16px;}
	.articleTit h2 { font-size: 26px;}
	.articleDesc,.articleFpage { padding: 30px;}
	.articleTit p { font-size: 16px;}
	.pageName p,.backList a {line-height: 30px;  font-size: 16px;}
	.hotNotice dt { padding: 0 30px;}
	.hotNotice dt p, .hotNotice dt span,.contactType p { font-size: 16px;}
	.formCont h2 { font-size: 32px;}
	.jobTitle h2 { font-size: 18px;}
	.teamArt p { font-size: 16px;}
	.leaderText p { font-size: 18px;}
	.detailName { font-size: 26px;}
	.detailInfor p { font-size: 16px;}
	.detailInfor th,.detailInfor td { font-size: 16px;}
}
@media screen and  (max-width:1280px){
	.footLink li { margin-right: 25px;}
}
@media screen and  (max-width:1200px){
	.leaderText p { font-size: 16px;}
	.teamPage { padding-top: 30px;}
	.jobInt { padding: 20px;}
	.jobTitle { padding: 10px;}
	.jobTitle span { display: inline-block;}
	.jobTitle h2 { margin-bottom: 10px; font-size: 16px;}
	.jobTitle b { margin: 0 3px;}
	.jobTitle { font-size: 12px;}
	.formCont h2 { font-size: 20px; margin-bottom: 10px;}
	.jobPage { padding: 30px 0;}
	.locationCont a img { display: inline-block; vertical-align: -4px;}
	.locationCont { display: block; overflow-x: auto; white-space: nowrap;}
	.newsList, .articlePage { padding:30px 0}
	.hotNotice { padding-bottom: 0;}
	.hotNotice dt p, .hotNotice dt span { font-size: 14px;}
	.hotNotice dt { padding: 0 20px;}
	.articleFpage { padding: 20px;}
	.articleTit h2 { margin-bottom: 10px; line-height: 1.5;}
	.articleTit p { font-size: 14px;}
	.articleTit p span { display: block; line-height: 1.5;}
	.articleDesc { padding: 20px;}
	.honorBd ul { padding: 30px 0;}
	.articleTit h2 { font-size: 26px;}
	.honorHd span { line-height: 40px; font-size: 16px;}
	.historyCont .swiper { margin-top: 20px;}
	.historyCont { margin-top: 0;}
	.growCont h2 { font-size: 20px; margin-bottom: 10px;}
	.growUp { padding: 30px 0;}
	.culturePage .aboutArt { margin-top: 20px;}
	.aboutPage { padding: 30px 0; background: url(../images/newsBgh.jpg) right bottom no-repeat rgb(241,248,255);}
	.aboutTit p { font-size: 20px;}
	.aboutArt p,.aboutArten p { font-size: 14px;}
	.linkChose { text-align: center; line-height:40px; overflow-x: auto; display: block; white-space: nowrap;}
	.linkChose a { font-size: 14px; padding: 0 14px; display: inline-block;}
	.importantPorduct ul { margin: 20px auto;}
	.importantPorduct { padding: 30px 0;}
	.introduce { padding:30px 0 0;}
	.bannerText h2 { font-size: 16px; margin-bottom: 10px; font-weight: normal;}
	.bannerText p { font-size:14px; font-weight: normal;}
	.titleCell { font-size: 20px;}
	.mainCont { padding-top: 60px;}
	.formCont { width: 92%; padding: 0; margin: 0 auto;}
	.subButton button { height: 40px; font-size: 16px; line-height: 40px; font-size: 14px;}
	.formCont>p { font-size: 16px; line-height:1.5; margin-bottom: 20px;}
	.formCont li { float: none!important;; width: 100%!important;}
	.searchBox { position: static;}
	.searchinput { width: 100%; top: 60px; margin: 0; background: #ffffff; padding: 10px; transform-origin: center;}
	.stickyBox { padding-top: 60px;}
	.scrollBox { height: auto;}
	.banner { height: auto;}
	.coverPic { display: none;}
	.logo img { height: 30px; display: block;}
	.header { padding-left: 4%;}
	.searchBox,.mailEnter a { padding: 0 20px;}
	.searchEnter { height: 60px; padding-left: 22px;}
	.mailEnter p,.searchEnter p { display: none;}
	.menuControl { margin-right: 55px; border-right: 1px solid #e5e5e5;}
	.searchBox { line-height: 60px;}
	.header { height: 60px;}
	.nav { height: calc(100vh - 60px); position: fixed; left: -110%; overflow-y: auto; top:60px; width:220px; 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:10px; text-align: left;}
	.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 { height: 60px; align-items: flex-start; display: inline-flex;  line-height:1.5; color: #333333;}
	.nav li.cur h2 i{ background: url(../images/menuEntero.png) center no-repeat; background-size: 100% auto; transform: rotate(90deg);}
	.menubox{ display: block; position: absolute;right: 30px; top: 10px; width:30px; height: 30px;opacity: 1;pointer-events: auto;transition: 0.3s;}
	.menubox div{position: absolute;left: 20px;width: 30px;height: 2px;background-color: #e61e1a;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:20px;}
	.nav li dl { box-shadow: none; position: static; width: 100%; padding:5px 0; transform: translateX(0); text-align: left;}
	.nav li dl dt { text-align: left; text-indent:30px; font-size: 14px; line-height:2;}
	.nav li h2::after { display: none;}
	.nav li h2 a p { font-size: 16px;}
	.nav li dt a { color: #666;}
	.intDesc { font-size: 14px; text-align: justify; margin: 20px 0;}
	.introduceDeta ul { flex-wrap: wrap; gap: 0;}
	.introduceDeta li p span { font-size: 20px; width: 17px;}
	.introduceDeta li p { padding-bottom: 10px;}
	.introduceDeta li:nth-child(2n) { display: none;}
	.introduceDeta li b { font-size: 14px;}
	.introduceDeta li p { margin-bottom:10px;}
	.introduceDeta li p::after { width: 20px; height: 2px; left: 50%; margin-left: -10px;}
	.introduceDeta li { margin-bottom:20px; text-align: center; width: 50%;} 
	.footLink { display: none;}
	.footerTop { padding: 30px 0; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
	.footLogo { margin: 0 auto 20px;}
	.copyRight { padding: 20px 0; margin-top: 0; flex-direction: column;}
	.copyRight .container { flex-direction: column;}
	.copyRight .container p { display: block; line-height: 1.5;}
	.copyRight .container>p:last-child { display: flex;}
	.copyRight p br { display: block;}
	.footerAdd span { font-size: 16px; margin-bottom: 0;}
	.footerEwm { margin-top: 20px;}
	.homeNews { padding: 30px 0;}
	.picText p { font-size: 20px;}
}

@media screen and  (max-width:780px){
	.pageName p,.backList a { font-size: 14px;}
.importantPorduct li { height: auto; width: 100%;}
.importantPorduct ul { flex-wrap: wrap;}
.proTag p { font-size: 14px;}
.proTag h2 { font-size: 18px;}
a.more { font-size: 14px;}
.generalCont { margin: 20px auto;}
.generalPic { float: none; width:100%; height: auto;}
.picText { bottom: 10px; left: 10px; right: 10px;}
.picText p { margin-bottom: 10px; font-size: 16px;}
.picText span { font-size: 14px;}
.generalPic .swiper-pagination { bottom: 10px!important;}
.generalPic .swiper-pagination span { margin: 0 3px!important;}
.newsDate p { font-size: 16px;}
.newsDate span { font-size: 12px;}
.generalText { float: none; width:100%; padding-bottom: 30px;}
.generalText li { padding:10px 20px;}
.generalText li p { margin-bottom: 10px; font-size: 14px;}
.generalText li span { font-size: 14px;}
.generalChose span { font-size:16px; margin: 0 10px;}
.generalChose { margin-bottom: 10px; padding: 0; text-align: center;}
.insideBanner,.insideBanner.detailBanner,.insideBanner.proBanner { height: 200px;}
.inbannerText p { font-size: 16px; margin-bottom: 10px; font-weight: normal;}
.inbannerText span { font-size: 14px;}
.honorBd li { margin-right: 2%!important; padding: 10px; border-radius: 3px; width:49%;}
.honorPic { margin-bottom: 10px; height: auto;}
.honorBd li p { font-size: 14px;}
.honorBd li:nth-child(2n) { margin-right: 0!important;}
.honorHd span { font-size: 14px;}
.articleTit h2 { font-size: 20px;}
.artInfor p { font-size: 14px; margin-bottom: 10px;}
.articleTit { margin-bottom: 10px;}
.contactMap { width: 100%;}
.contactInfor { flex-direction: column;}
.contactType { padding: 30px 4%;}
.contactType h2 { font-size: 20px; margin-bottom: 10px;}
.contactType p { font-size: 14px;}
.resList li { width: 100%;}
.resText h2 { font-size: 18px;}
.newsDesc h2 { font-size: 18px; margin-bottom: 20px;}
.resText p,.newsDesc p { line-height: 1.5; margin-bottom: 10px; font-size: 14px; height: 42px;}
.resText { padding: 20px;}
.resList ul { margin-bottom: 0;}
.resList { padding-bottom: 30px;}
.fpage a { font-size: 12px; width: 24px; height: 24px; line-height: 24px;}
.newsList li a { flex-wrap: wrap;}
.newsDesc { width: 100%;}
.newsList li { padding: 0; border-radius: 18px; overflow: hidden;}
.newsList li a{ gap: 0;}
.newsImg { width: 100%; height: auto;}
.newsDesc { padding: 20px;}
.newsList ul { margin-bottom: 20px;}
.teamArt p { font-size: 14px;}
 .teamArt { margin: 20px 0;}
 .leader { flex-direction: column;}
 .leaderPic { width: 100%;}
 .leaderPic img { width: 100%;}
 .leaderText { padding: 20px;}
 .leaderText h2 img,.leaderText h3 img { display: none;}
 .leaderText h2 { font-size: 20px; margin-bottom: 10px;}
 .leaderText h3 { margin-bottom: 10px; font-size: 16px;}
 .leaderText p { font-size: 14px;}
 .flexsb p { font-size: 14px;}
 .noResult { font-size: 16px;}
 .productPage { padding: 30px 0;}
 .productPage li { width: 100%;}
 .productPage li p { font-size: 16px; line-height: 42px;}
 .productPage dt { padding:10px 20px;}
 .productPage dt h2 { font-size: 16px; margin: 0;}
 .productPage dt p { font-size: 14px;}
 .productPage dt { margin-bottom: 10px;}
 .resDesc { height: auto; margin: 20px 0; min-height: auto;}
 .resDesc p { font-size: 16px;}
 .detailSlide { flex-direction: column;}
 .detailCont li { padding: 20px 0;}
 .detailName { font-size: 20px; margin-bottom: 20px;}
 .detailInfor th, .detailInfor td { font-size: 14px;}
 .detailInfor p { font-size: 14px;}
 .historyCont .growSlide span {margin-right: 10px;
    border: 2px solid #e61e1a;
    border-radius: 50%;
    background: #ffffff;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;}
.growCont { padding: 10px; margin: 0 0 0 40px!important;}
.historyCont .growSlide:nth-child(2n) .growCont::after { right: auto; left: -6px;}
.growCont p { font-size: 14px;}
.historyCont { margin-top: 20px;}
.historyCont .growCont::after { top: 12px;}
.historyCont .growSlide::after { left: 10px;}
.historyCont .growSlide span { left: 15px; top: 14px;}
.productPage dt { width: 100%; float: none!important;}
}