@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, 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;  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
div { box-sizing:border-box;}
.clearfix::after { content: ''; clear: both; display: block; height: 0;}
.dn { display: none;}
#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 12;}
/* CSS Document */
.headerCont { width: 1670px; margin: 0 auto; max-width: 92%;}
.header { transition: all .5s; z-index: 22; position: fixed; left: 0; top: 0; width: 100%; height: 105px;}
.logo { transition: all .5s; display: flex; align-items: center; margin-top: 34px; float: left; position: relative;}
.logo img { display: block; transition: all .5s; width:129px;}
.logo a { display: block; position: relative;}
.logo span { transition: all .3s; line-height: 35px; border-left: 1px solid rgba(255,255,255,.5); margin-left: 19px; padding-left: 14px; font-size: 16px; color: #ffffff; display: flex; align-items: center;}
.logo span i { margin: 0 6px; display: inline-flex; width: 4px; height: 4px; border-radius: 50%; background: #ffffff;}
.logo img:nth-child(1) { opacity: 1; width: 100%;}
.logo img:nth-child(2) {opacity: 0;width: 100%;}
.removeLogo { position: absolute; left: 0; top: 0; width: 100%; opacity: 0;}
.langChose { position: relative; float: right;}
.langChose h2 { cursor: pointer; padding-right:22px; color: #ffffff; line-height: 105px; padding-left: 34px; position: relative; background: url(../images/earth.png) left center no-repeat; transition: all .5s; font-size: 14px;}
.langChose h2::after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -2.5px; background: url(../images/down.png) center no-repeat; width: 7px; height: 5px;}
.langChose dl { box-shadow:0 0 10px rgba(0,0,0,0.1); display: none; background: #ffffff; border-radius: 4px; text-align: center; width: 84px; padding: 5px 0; position: absolute; top: 66px; left: 50%; transform: translateX(-50%);}
.langChose dl::after { content: ''; position: absolute; top: -6px; left: 0; height: 6px; width: 100%; background: url(../images/dsj.png) center no-repeat; background-size: auto 6px;}
.langChose dt a{ transition: all .5s; display: block; font-size: 14px; color: #393939;}
.langChose dt:hover a { color: #fdd000;}
.langChose:hover dl { display: block;}
.searchEnter { margin-right: 45px; margin-left: 54px; position: relative; float: right;}
.searchEnter span { transition: all .5s; cursor: pointer; height: 105px; display: block; background: url(../images/search.png) center no-repeat; width: 19px;}
.searchEnter span:hover {background: url(../images/ysearch.png) center no-repeat;}
.nav { float: right;}
.nav li {float: left;}
.nav li:not(:last-child) { margin-right: 3.125vw;}
.nav li h2 a { transition: all .3s; font-size: 18px; line-height: 105px; color: #ffffff;}
.header:hover { background: #ffffff;}
.header:hover .logo span { border-left: 1px solid #dcdcdc; color: #666666;}
.header:hover .logo span i { background: #666666;}
.header:hover .logo img:nth-child(1) { opacity: 0;}
.header:hover .logo img:nth-child(2) { opacity: 1;}
.header:hover .nav li h2 a { color: #333333;}
.header:hover .searchEnter span { background: url(../images/bsearch.png) center no-repeat;}
.header:hover .searchEnter:hover span { background: url(../images/ysearch.png) center no-repeat;}
.header:hover .langChose h2 { color: #333333; background: url(../images/bearth.png) left center no-repeat;}
.header:hover .langChose h2::after { background: url(../images/bdown.png) center no-repeat;}
.header .nav li:hover h2 a { color: #fdd000;}
.header .nav li.cur h2 a,.header.move .nav li.cur h2 a { color: #fdd000;}
.header.move { box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #ffffff;}
.header.move .logo span { border-left: 1px solid #dcdcdc; color: #666666;}
.header.move .logo span i { background: #666666;}
.header.move .logo img:nth-child(1) { opacity: 0;}
.header.move .logo img:nth-child(2) { opacity: 1;}
.header.move .nav li h2 a { transition: .5s; color: #333333;}
.header:hover .nav li:hover h2 a { color: #fdd000;}
.header.move .searchEnter span { background: url(../images/bsearch.png) center no-repeat;}
.header.move .langChose h2 { color: #333333; background: url(../images/bearth.png) left center no-repeat;}
.header.move .langChose h2::after { background: url(../images/bdown.png) center no-repeat;}
.searchinput{z-index: 3; transition: all .5s; opacity: 1;pointer-events: auto;right:-100%; position: absolute; width: 350px; top:50%; margin-top: -23px;}
.searchinput.show { right:0;} 
.searchinput .hsform{width: 100%;border-radius: 30px;overflow: hidden;background-color: #fdd000;}
.searchinput .hsform .sinput{border: none; width: 100%;height: 44px;background-color: #fdd000;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/searchWhite.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: #fdd000;position: absolute;left: 7px;top: 21px;transform: rotateZ(45deg);}
.searchinput .sclosebtn:after{content: "";display: block;width: 30px;height: 2px;background-color: #fdd000;position: absolute;left: 7px;top: 21px;transform: rotateZ(-45deg);}
.banner img { display: block; transition: all 3s; transition-delay: 1.2s; width: 100%; object-fit: cover;}
.banner .swiper,.banner .swiper .swiper-slide { width: 100%;}

.banner .swiper-slide:nth-child(4) .bannerText p { color: #ffffff;}
.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;}
.subMenu {border-top: 2px solid #f5f5f5; padding: 4.6875vw 0; position: absolute; left: 0; top: 105px; background: #ffffff; width: 100%;}
.menuCont { gap: 3.645vw; width: 1670px; max-width: 92%; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.menuCont .tline { transition: all 0.5s; opacity: 0; z-index: 2; position: absolute; width: 15px; height: 15px; box-sizing: border-box;}
.menuCont .tline1 { left: 10px; top: 10px; border-radius: 4px 0 0 0; border-left: 2px solid #fdd000; border-top: 2px solid #fdd000;}
.menuCont .tline2 { right: 10px; top: 10px; border-radius: 0 4px 0 0; border-right: 2px solid #fdd000; border-top: 2px solid #fdd000;}
.menuCont .tline3 { left: 10px; bottom: 10px;border-radius: 0 0 0 4px; border-left: 2px solid #fdd000; border-bottom: 2px solid #fdd000;}
.menuCont .tline4 { right: 10px; bottom: 10px; border-radius: 0 0 4px 0; border-right: 2px solid #fdd000; border-bottom: 2px solid #fdd000;}
.menuCont a:hover .tline { opacity: 1;}
.subMenu { display: none; box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
.subMenu a { transition: all .5s; border-radius: 8px; overflow: hidden; position: relative; overflow: hidden; display: block;}
.subMenu img { display: block; width: 100%; transition: all 1s;}
.subMenu a:hover img { transform: scale(1.04);}
.subMenu p { font-size: 24px; color: #fdd000; position: absolute; left: 0; width: 100%; text-align: center; top: 50%; line-height: 1; margin-top: -12px;}

.bannerText { z-index: 3; position: absolute; left: 50%; top: 50%; width: 1670px; max-width: 92%; transform: translate(-50%,-140%);}
.bannerText p { line-height: 1; transition: all 1s; transition-delay: .4s; opacity: 0; transform: translateX(-40px); letter-spacing: .9375vw; font-size: 3.125vw; color: #333333;}
.bannerText p span { font-weight: bold; font-size: 3.75vw; color: #fdd000;}
.banner .swiper-slide-active p { opacity: 1; transform: translateX(0);}

.banner .swiper-pagination span {}
.bannerNext { position: absolute; bottom: 80px; left: 0; text-align: center; color: #ffffff; width: 100%; font-size: 18px; z-index: 4;}
.banner { position: relative;}
.bannerNext span { cursor: pointer;}
.homeAbout { padding: 8.75vw 0 7.7vw; position: relative; background: #f6f6f6;}
.container { width: 1670px; margin: 0 auto; max-width: 92%;}
.aboutBuild { position: absolute; width: 55.9vw; right: 0; bottom: 0;}
.introduceChose span {line-height: 1; display: inline-block; position: relative; margin-right: 55px; cursor: pointer; font-size:2.08vw; font-weight: bold;}
.introduceChose span.cur { color: #fdd000;}
.aniLine {  display: flex; bottom: 100%; right: -33px; position: absolute; align-items:flex-end;}
.aniLine i { margin-right: 5px; background: #fdd000; display: inline-flex; width: 5px; height: 9px;}
.aniLine i:nth-child(1) {  animation: ani1 2s infinite linear;}
.aniLine i:nth-child(2) {  animation: ani1 2s infinite linear; animation-delay: .4s;}
.aniLine i:nth-child(3) {  animation: ani1 2s infinite linear; animation-delay: .8s;}
.introduceChose span .aniLine {opacity: 0;}
.introduceChose span.cur .aniLine { opacity: 1;}
.videoEnter { margin-bottom: 20px; transition: all 0.3s; cursor: pointer; display: inline-flex;align-items: center; font-size: 1.875vw; color: #333333;}
.videoEnter i { margin-left: 12px; transition: all 0.3s; background: url(../images/videoPlay.png) center no-repeat; display: inline-flex; width: 54px; height: 54px;}
.videoEnter:hover { color:#fdd000 ;}
.videoEnter:hover i { background: url(../images/videoPlayon.png) center no-repeat;}
.introduceChose { margin-bottom: 5.3vw;}
.aboutDesc p { font-size: 20px; line-height: 1.8; color: #333333;}
.aboutDesc p span { font-weight: bold;}
.intList { position: relative; z-index: 2; width: 50.8%;}
.aboutDesc dl { margin-top: 60px; display: flex; align-items: center; justify-content: space-between;}
.aboutDesc dt { display: inline-flex;align-items: center;}
.aboutDesc dt h2 { line-height: 1; margin-bottom: 10px; font-size: 24px; color: #333333;}
.aboutDesc dt b { font-size: 16px; color: #666666;}
.goodIcon { margin-right: 18px;}
.more { background: none; cursor: pointer; transition: all 0.3s; overflow: hidden; position: relative; display: inline-flex; padding: 0 50px 0 60px; align-items:center; line-height: 62px; border: 1px solid #000000; border-radius:62px;}
.more i { position: relative; z-index: 2; display: inline-flex; background: url(../images/genter.png) center no-repeat; width: 35px; height: 9px;
margin-left: 12px; transition: all .3s;}
.more span { transition: all 0.3s; position: relative; z-index: 2; font-size: 18px; color: #333333;}
.more::after { content: ''; position: absolute; left: -100%; top: 0; height: 100%; width: 100%; background: #fdd000; transition: all .6s;}
.more:hover::after { left: 0;}
.more:hover span { color: #ffffff;}
.more:hover i { background: url(../images/wenter.png) center no-repeat;}
.more:hover { border: 1px solid #fdd000;}
.aboutDesc .more { margin-top: 5.2vw;}
.titCont { text-align: center;}
.titCont h2 { letter-spacing: 5px; font-weight: bold; font-size: 3.125vw; color: #333333; display: inline-flex; line-height: 1; position: relative;}
.titCont h2 .aniLine { position: absolute; right: -32px; bottom: 100%;}
.goods { padding: 5.2vw 0 0 ;}
.advList ul {overflow: hidden; display: flex; gap: 10px;}
.advList li {transform: skew(-16deg,0); overflow: hidden; width: calc(25% - 7.5px); height: 38vw; position: relative;}
.advList li>img { transition: all 2s; display: block; width: 100%; height: 100%; object-fit: cover;}
.advList { margin-top: 5.57vw; position: relative;}
.advList .leftLight { z-index: 2; position: absolute; width: 8.333vw; left: 0; top: -5.57vw;}
.advList .rightLight { z-index: 2; position: absolute; width: 6.35vw; right: 0; bottom: -6.5vw;}
.advPost { position: absolute; z-index: 3; width: 100%; text-align: center; top: 50%; left: 0; width: 100%;transform:translateY(-50%) skew(16deg,0);}
.advList li:hover>img { transform: scale(1.1);}
.advList li::before { content: ''; background: rgba(0,0,0,0.7); z-index: 2; left: 0; top: 0; transition:all .5s; width: 100%; height: 100%; position: absolute;}
.advList li::after { content: ''; background: rgba(0,0,0,0.2); z-index: 2; left: -100%; top: 0; transition:all .5s; width: 100%; height: 100%; position: absolute;}
.advList li:hover::before { left: 100%;}
.advList li:hover::after { left:0;}
.advIcon { height: 77px; margin-bottom: 3.125vw; position:relative;}
.advIcon img { transition: all .5s;}
.advIcon img:nth-child(2) { top: 0; left: 50%; transform: translateX(-50%); opacity: 0; position: absolute;}
.advList li:hover .advIcon img:nth-child(1) { opacity: 0;}
.advList li:hover .advIcon img:nth-child(2) { opacity: 1;}
.advList li p { transition: all 0.5s; font-size: 1.875vw; color: #ffffff;}
.advList li:hover p { color: #fdd000;}
.news { padding: 5.2vw 0;}
.newsList .swiper { margin: 6.25vw 0 5.2vw;}

.newsPic { border-radius: 4px; overflow: hidden; max-height: 350px; height: 20.95vw;}
.newsPic img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .6s;}
.newsDesc { border-radius: 0 0 6px 6px; background:#f5f5f5; padding: 30px 20px 28px;}
.newsDate { font-size: 16px; color: #333333; margin-bottom: 20px; position: relative; line-height: 38px;}
.newsDate::after { content: ''; position: absolute; left: 0; top: 0; height: 38px; width: 38px; transition:all .5s; background: #e5e5e5; border-radius: 50%;}
.newsDate span { position: relative; z-index: 2; background: url(../images/date.png) left center no-repeat; padding-left: 25px;}
.newsDesc h2 { margin-bottom: 35px; color: #000000; transition: all .3s; font-size: 24px; line-height: 32px; height: 64px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
@keyframes ani1 {
	0%{ height: 9px;}
	50%{height: 28px;}
	100%{height: 9px;}
}
.newsDesc p { margin-bottom: 35px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height: 44px; font-size: 16px; color: #333333; line-height: 22px;}
.newsList .swiper-slide:hover .newsDate::after { background: #fdd000;}
.newsList .swiper-slide:hover h2 { color: #fdd000;}
.newsList a.newsMore { transition: all .3s; position: relative; display:flex; position: relative; align-items: center; line-height: 14px; font-size: 14px; color: #333333;}
.newsList a.newsMore::after { transition: all .3s; content: ''; position: absolute; left: 66px; width: 1px; height: 100%; background: #a9a9a9;}
.newsList a.newsMore i { transition: all .3s; margin-left: 28px; display: inline-flex;background: url(../images/nenter.png) center no-repeat; width: 20px; height: 5px;}
.newsList .swiper-slide:hover a.newsMore i { margin-left: 40px;}
.newsList .swiper-slide:hover a.newsMore{ color: #fdd000;}
.newsList .swiper-slide:hover a.newsMore i {background: url(../images/nenteron.png) center no-repeat;}
.newsList .swiper-slide:hover a.newsMore::after { background: #fdd000;}
.newsList .swiper-slide:hover img { transform: scale(1.1);}
.moreCenter { text-align: center;}
.cellTxt { position: relative; z-index: 2; width: 1670px; margin: 0 auto; max-width: 92%; display: flex; align-items: center; justify-content: space-between;}

.cellBanner { background-attachment: fixed!important; background-size: cover!important; padding: 90px 0; position: relative;}
.cellBanner::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4);}
.cellTxt p { color: #ffffff; font-size: 2.395vw;}
.cellTxt p b { font-size: 3.125vw;}
.cellBanner a{border: 1px solid #ffffff; color: #ffffff;}
.cellBanner a span { color: #ffffff;}
.cellBanner a i { background: url(../images/whenter.png) center no-repeat;}
.videoAlt video { display: block; width: 100%;}
.closeVideo { cursor: pointer; transition: all .5s; background: url(../images/close.png) center no-repeat; width: 40px; height: 40px; display: block; position: absolute; right: 0; top: -60px;}
.closeVideo:hover { transform: rotate(360deg);}
.videoAlt { display: none; z-index: 20; width: 600px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 90%;}
.footer { background: url(../images/footBg.jpg) center no-repeat; background-size: cover;}
.footer .logo { align-items: start; margin-top: 0;}
.footer .logo span { color: #666666; border-left: 1px solid #ababab;}
.footer .logo span i { background: #666666;}
.footerLink {display: flex; justify-content: space-between; padding: 55px 0;}
.linkCont { display: flex;}
.linkCont ul { display: flex;}
.linkCont li h2 { line-height: 2.4; font-size: 20px; color: #000000;}
.linkCont li h2 a { color: #000;}
.linkCont li p { position: relative; transition: all .3s; font-size: 16px; line-height: 2;}
.linkCont li p a { transition: all .3s; color: #333333;}
.linkCont li { width: 100px; margin-right: 4vw;}
.linkCont li p:hover a{ color: #fdd000;}
.linkCont li p:hover {padding-left: 7px;}
.linkCont li p::after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 0; transition: all .3s; height: 1px; background: #fdd000;}
.linkCont li p:hover::after { width: 5px;}
.asideControl a:nth-child(1) { margin-bottom: 10px; transition: all .3s; background: #000000; width: 60px; justify-content: center; height: 60px; display: block; padding-top: 10px; box-sizing: border-box; border-radius: 50%; flex-wrap: wrap;}
.asideControl a:nth-child(1) img { position: relative; z-index: 2; display: block; margin: 0 auto 7px;}
.asideControl a p { position: relative; z-index: 2; color: #ffffff; width: 100%;text-align: center; line-height: 1;}
.asideControl a:nth-child(2) { transition: all .3s; background: #000000; width: 60px; justify-content: center; height: 60px; display: block; padding-top: 16px; box-sizing: border-box; border-radius: 50%; flex-wrap: wrap;}
.asideControl a:nth-child(2) img { position: relative; z-index: 2; display: block; margin: 0 auto 10px;}

.asideControl a { box-sizing: border-box; overflow: hidden; position: relative;}
.asideControl a::after { content: '';transition: all .6s; border-radius: 50%; background: #fdd000; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%,-50%) scale(0);}
.asideControl a:hover::after { transform:translate(-50%,-50%) scale(1);}
.asideControl a:hover { background: rgba(0,0,0,0);}
.footerContact { padding:40px 0 40px;}
.footerContact ul { display: flex; align-items: center; justify-content: space-between;}
.footerContact li { display: flex; align-items: center;}
.footerContact li p { max-width: 220px; line-height: 1.8; font-size: 16px; color: #3c3e40;}
.footerContact li p img { margin-left:5px;}
.footerContact li h2,.footerContact li h2 a{ transition:all .3s; line-height: 1; font-size: 24px; color: #333333;}
.footerContact li h2 a:hover { color: #fdd000;}
.contactIcon img { display: block;}
.contactIcon { margin-right: 15px;}
.footerContact li h3,.footerContact li h3 a{ transition: all .5s; font-weight: bold; font-size: 34px; color: #3c3e40; line-height:28px;}
.footerContact li h3 a:hover { color: #fdd000;}
.copyRight {padding: 32px 0 15px; border-top: 1px solid #d9d9d9;}
.copyInfor { display: flex; justify-content: space-between;}
.copyDesc p,.copyDesc p a{ transition:all .3s; line-height: 28px; font-size: 16px; color: #333333;}
.copyDesc p a:hover { color: #fdd000;}
.designDesc { text-align: right;}
.designDesc p a{line-height: 28px; transition: all .3s; font-size: 18px; color: #333333;}
.designDesc p a:hover { color: #fdd000;}
.designDesc span,.designDesc span a{line-height: 28px; transition:all .3s; font-size: 16px; color: #929292;}
.designDesc span a:hover { color: #fdd000;}
.main { padding-top:80px;}
.location { line-height: 70px; background: #f5f5f5;}
.locationLink { height: 70px; display: flex; justify-content: space-between;}
.nowPage img{display: inline-flex; vertical-align: -2px;}
.nowPage a:first-child { background: none; padding-left: 0;}
.nowPage a,.nowPage span { padding-left: 15px;margin-right: 10px; font-size: 16px; background:url(../images/rArr.png) left 60% no-repeat;}
.nowPage a {color: #333333;}
.nowPage span { color: #fdd000;}
.pageMenu a{ transition: all 0.3s; display: inline-flex; position: relative; margin-left: 2.5vw; color: #333333; font-size: 1.25vw;}
.pageMenu a.cur { color: #fdd000;}
.pageMenu a::after { transition: all .3s; content: '';position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 2px; background: #fdd000;}
.pageMenu a.cur::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 2px; background: #fdd000;}
.pageMenu a:hover::after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 2px; background: #fdd000;}
.pageMenu a:hover { color: #fdd000;}
.titCell { display: flex; justify-content: space-between; align-items: center;}
.titCell h2 {padding-left: 24px; letter-spacing: 10px; font-size: 2.5vw; font-weight: bold; line-height: 1; border-left: 7px solid #fdd000;}
.titCell p { color: #333333; font-size: 1.5625vw;}
.insideBanner { border-radius: 9.375vw 0 0 0; overflow: hidden;}
.insideBanner img { display: block; width: 100%;}
.aboutInt { position: relative; z-index: 2; padding-top: 3.9vw;}
.aboutInt .insideBanner { margin-top: 3.9vw;}
.aboutMenu { margin-top: 10px; float: left; border-left: 2px solid #989898;}
.aboutMenu li{ margin-bottom: 40px; padding-left: 28px; position: relative;}
.aboutMenu li.cur::after { content: ''; position: absolute; width: 7px; height: 100%; left: -5px; top: 0; background: #fdd000;}
.aboutMenu li span { font-weight: bold; line-height: 1; cursor: pointer; display: inline-flex; font-size: 2.08vw; position: relative;}
.aboutMenu li .aniLine{ opacity: 0;}
.aboutMenu li.cur .aniLine { opacity: 1;}
.aboutMenu li.cur span { color: #fdd000;}
.aboutMenu li:last-child { margin: 0;}
.aboutCont { position: relative; z-index: 2; padding: 4.68vw 0;}
.aboutSlide p { font-size: 24px; color: #333333; line-height: 40px;}
.aboutSlide p span { font-weight: bold;}
.aboutList { float: right; width: 870px;}
.aboutSlide a { margin-top: 60px;}
.liziBg { position: relative;}
#lizi1 { position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.growUp { background: #f8f8f8; padding: 70px 0;}
.controlGrow { gap: 20px; display: flex;align-items:center; }
.controlGrow a { overflow: hidden;  position: relative; justify-content: center; align-items: center; border-radius: 60px; width: 112px; height: 60px; border: 1px solid #333333; transition: all .3s;}
.controlGrow a.prevYear {position: relative; display: inline-flex;}
.controlGrow a::after { content: ''; width: 0; position: absolute; left: 0; height: 100%; background: #fdd000; transition: all .5s;}
.controlGrow a.prevYear i { display: inline-flex; width: 35px; height: 9px; background: url(../images/growPrev.png) center no-repeat; position: relative; z-index: 2;}
.controlGrow a.prevYear:hover i { background: url(../images/growPrevon.png) center no-repeat;}
.controlGrow a.nextYear { display: inline-flex;}
.controlGrow a.nextYear i { display: inline-flex; width: 35px; height: 9px; background: url(../images/growNext.png) center no-repeat; position: relative; z-index: 2;}
.controlGrow a.prevYear:hover { border: 1px solid #fdd000;}
.controlGrow a.nextYear:hover { border: 1px solid #fdd000;}
.controlGrow a.nextYear:hover i { background: url(../images/growNexton.png) center no-repeat;}
.controlGrow a:hover::after { width: 100%;}
.growChose ul { padding-left: 35px; border-left: 1px solid #c4c4c4;}
.growChose li { position: relative; transition: all .3s; margin-bottom: 50px; cursor: pointer; line-height: 1; display: flex; font-size: 30px; color: #666666; align-items: start;}
.growChose li.cur { transition: all .3s; color: #fdd000;  font-weight: bold; font-size: 5.2vw;}
.growChose li.cur span { color: #fdd000;  font-size: 20px;}
.growChose li::after { content: ''; transition: all .3s; position: absolute; left: -39.5px; width: 7px; height:0; background: #fdd000;}
.growChose li.cur::after { height: 100%;}
.growDetail { margin-top: 70px;}
.growSlide li h2 { line-height: 1.5; margin-bottom: 1.3vw; font-size: 2.08vw; font-weight: bold; color: #000000;}
.growSlide li p { line-height: 1.5; font-size: 24px; color: #333333;}
.growSlide li { position: relative; border-bottom: 1px solid #c4c4c4; padding-bottom: 3.3vw; margin-bottom: 3.3vw;}
.growSlide li::after { content: ''; transition: all 1s; position: absolute; bottom: -2px; left: 0; background: #fdd000; width: 26px; height: 4px;}
.growSlide li:hover::after { width: 100%;}
.growList { float: right; width: 870px;}
.growChose { float: left;}
.hope { padding:70px 0 60px;}
.hopeSologn { margin-top: 32px; float: left; font-size: 24px; line-height: 1.5; color: #333333;}
.hopeSlide { float: right; width: 870px;}
.hopeSlide li { margin-bottom: 5.2vw; display: flex;}
.hopeSlide li h2 { font-size: 2.08vw; margin-bottom: 30px; line-height: 1; font-weight: bold;}
.hopeSlide li img { transition: all 0.5s;}
.hopeSlide li:hover img { transform: rotateY(360deg);}
.hopeSlide p { font-size: 24px; line-height: 1.5; color: #333333;}
.hopeIcon { width: 110px; margin-right:60px; text-align: center;}
.contactTop { padding-bottom: 50px;}
.contactTit { display: flex; align-items:  center; justify-content: space-between;}
.contactTit p { font-size: 2.08vw; font-weight: bold;}
.contactInfor { background: #f5f5f5; padding: 66px 0 80px;}
.contactType { margin-top: 3.9vw;}
.contactType ul { justify-content: space-between; display: flex;}
.contactType li { transition: all .5s; padding-bottom: 40px; text-align: center; padding-top: 50px; width: calc(33.33% - 2.395vw); background: #ffffff; border-radius: 8px; position: relative; background: #ffffff; position: relative;}
.contactType li i:nth-child(1) { left: 15px; top: 15px; position: absolute; background: url(../images/sline1.jpg) center no-repeat; width: 15px; height: 18px;}
.contactType li i:nth-child(2) { right: 15px; top: 15px; position: absolute; background: url(../images/sline2.jpg) center no-repeat; width: 15px; height: 18px;}
.contactType li i:nth-child(3) { left: 15px; bottom: 15px; position: absolute; background: url(../images/sline3.jpg) center no-repeat; width: 15px; height: 17px;}
.contactType li i:nth-child(4) { right: 15px; bottom: 15px; position: absolute; background: url(../images/sline4.jpg) center no-repeat; width: 15px; height: 17px;}
.contactType li img { transition: all 1s; display: block; margin: 0 auto 36px;}
.contactType li p { font-size: 18px; color: #3c3e40;}
.contactType li h3 { line-height: 70px; font-size: 24px; color: #3c3e40; font-weight: bold;}
.contactType li h2 { line-height: 70px; font-size: 24px; color: #333333;}
.contactType li span { font-size: 24px; line-height: 35px; display: block; margin: 0 auto; max-width:310px; width: 90%;}
.contactType li:hover { transform: translateY(-10px); }
.contactType li:hover img{ transform: rotateY(360deg);}
.contactForm { background: url(../images/sbg.jpg) center no-repeat; background-size: cover; padding: 70px 0;}
.contactTit b { color: #222222; font-size: 26px;}
.formBox { margin-top: 70px;}
.formBox ul { display: flex; justify-content: space-between; flex-wrap: wrap;}
.formBox li { margin-bottom: 30px; width: calc(33.33% - 30px);}
.formBox li input { transition: all 0.5s; background: none; height: 48px; border-radius: 3px; text-indent: 10px; font-size: 16px; width: 100%; box-sizing: border-box; padding: 0; border: 1px solid #8b8b8b;}
.formBox li p { line-height: 55px; font-size: 16px; color:#222222}
.formBox li input:hover { border: 1px solid #fdd001;}
.formBox li p span { color: #ff0000;}
.subBtn { text-align: center; margin-top: 50px;}
.joinSologn { align-items: center; padding: 3.5vw 0; display: flex; justify-content: space-between;}
.solognText li h2 { line-height: 1; margin-bottom: 25px; font-size: 1.875vw; font-weight: bold; color: #000000;}
.solognText li p { font-size: 1.25vw; color: #333333; line-height: 2;}
.solognText li { margin-bottom: 5.5vw;}
.solognImg { width: 52vw;}
.solognImg img { display: block; width: 100%;}
.hopeList ul { display: flex; justify-content: space-between;}
.hopeList li { width: 20%;}
.hopeNum { margin-bottom: 45px; position: relative; border-bottom: 3px solid #d2d2d2; padding-bottom: 55px;}
.hopeNum img { display: block;}
.hopeNum::after { content: ''; position: absolute; width: 0; background: #fdd001; bottom: -3px; left: 0; height: 3px; transition: all .5s; }
.hopeList li:hover .hopeNum::after { width: 100%;}
.hopeList li h2 { font-weight: bold; font-size:24px; line-height: 1; margin-bottom: 20px;}
.joinIcon { margin-bottom: 26px;}
.joinIcon img { transition: all .5s;}
.hopeList li:hover .joinIcon img { transform: rotateY(360deg);}
.hopeList li p {font-size: 20px; color: #333333; line-height: 1.8;}
.hopeList { padding-bottom: 5.2vw;}
.team { background: #f5f5f5; padding: 4vw 0 2.6vw;}
.teamDesc { float: left; width: 624px;}
.teamDesc li h2 { margin-bottom: 18px; line-height: 1; font-weight: bold; font-size: 1.875vw; color: #000000;}
.teamDesc li p { font-size: 24px; line-height: 1.8333;}
.teamDesc li {margin-bottom: 5.2vw;}
.teamDetail { padding-top: 6.6vw;}
.teamPic img { display: block; width: 100%;}

.teamPic .swiper-button-next { right: -29px; transition:all .5s; background: url(../images/growNext.png) center no-repeat #d8d8d8; width: 58px; height: 58px; border-radius: 50%;}
.teamPic .swiper-button-prev { left: -29px; transition:all .5s; background: url(../images/growPrev.png) center no-repeat #d8d8d8; width: 58px; height: 58px; border-radius: 50%;}
.teamPic .swiper-button-next:hover { background: url(../images/growNext.png) center no-repeat #fdd001; width: 58px; height: 58px; border-radius: 50%;}
.teamPic .swiper-button-prev:hover { background: url(../images/growPrev.png) center no-repeat #fdd001; width: 58px; height: 58px; border-radius: 50%;}
.teamPic .swiper-button-next::after,.teamPic .swiper-button-prev::after { display: none;}
.teamPic .swiper-slide {border-radius: 7.2vw 0 0 0; overflow: hidden;}
.teamPic { float: right; position: relative; width: 47vw;}
.teamDetail::after { content: ''; clear: both; display: block; height: 0;}
.resPage {padding: 60px 0 0;}
.resDesc { padding: 70px 0; border-bottom: 1px solid #dcdcdc; }
.resDesc h2 { margin-bottom: 45px; line-height: 1; text-align: center; font-size: 2.08vw; font-weight: bold; color:#000000}
.resDesc h3 { margin-bottom: 30px; line-height: 1; font-size: 1.25vw; font-weight: bold; color: #333333;}
.resDesc p { margin-bottom: 35px; color: #333333; font-size: .9375vw; line-height: 1.55;}
.resDesc:last-child { border: none;}
.newsCont { background: #ffffff;}
.newsCont { padding: 3.9vw 0;}
.newsCont .insideBanner { margin-top: 3.9vw;}
.newsCont .newsList ul{ margin-top: 3.9vw;}
.listDesc h2 {transition:all .3s; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  font-size: 24px; font-weight: bold; color: #000000; line-height: 1; margin-bottom: 15px;}
.listDesc p { font-size: 16px; color: #333333; line-height: 2; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.hotList li a.newsMore { transition: all .3s; position: relative; display:flex; position: relative; align-items: center; line-height: 14px; font-size: 14px; color: #333333;}
.hotList li a.newsMore::after { transition: all .3s; content: ''; position: absolute; left: 66px; width: 1px; height: 13px; top: 50%; transform: translateY(-50%); background: #a9a9a9;}
.hotList li a.newsMore i { transition: all .3s; margin-left: 28px; display: inline-flex;background: url(../images/nenter.png) center no-repeat; width: 20px; height: 5px;}
.hotList li:hover a.newsMore{ color: #fdd000;}
.hotList li:hover a.newsMore i {background: url(../images/nenteron.png) center no-repeat;}
.hotList li:hover a.newsMore::after { background: #fdd000;}
.listTag {align-items: center; border-top: 1px solid #dcdcdc; padding-top: 1.3vw; margin-top: 1.3vw; display: flex; justify-content:space-between;}
.hotList li { margin-bottom: 2.6vw; padding: 2.6vw 2.08vw 1.3vw; background: #f5f5f5;}
.hotList li .newsDate { margin-bottom: 0;}
.hotList li:hover h2 { color: #fdd000;} 
.hotList li:hover .newsDate::after { background: #fdd000;}
.fpage { text-align: center;}
.fpage a { transition:all .3s ; margin: 0 5px; display: inline-block; line-height: 50px; padding: 0 24px; font-size: 16px; color: #333333; background:#f5f5f5; border-radius: 4px; vertical-align: top;}
.fpage a:hover,.fpage a.cur { background: #fdd000; color: #ffffff;}
.articleTitle h2 { margin-bottom: 40px; line-height: 1; text-align: center; font-size: 40px; font-weight: bold; color: #000000; letter-spacing: 10px;}
.articleTag { display: flex; justify-content: center; position: relative;}
.articleTag::after { content: ''; position: absolute; height: 1px; left: 0; top: 50%; transform: translateY(-50%); background: #dcdcdc; width: 100%;}
.tagBox { position: relative; z-index: 2; background: #ffffff; display: inline-flex; align-items: center; justify-content: center;}
.tagBox img { display: block;}
.tagBox span { font-size: 16px; color: #333333; margin: 0 27px; display: flex; align-items: center; justify-content: center;}
.tagBox span#hits { margin: 0;}
.tagBox i { display: inline-flex; margin: 0 8px; background: #d9d9d9; height: 8px; width: 1px;}
.articleDesc { padding: 2.6vw 0;}
.articleDesc b { font-weight: bold;}
.articleDesc p { font-size: 18px; line-height: 1.75; margin-bottom: 18px;}
.articleForm{ word-break: break-all; padding-bottom: 40px; border-bottom: 1px solid #dcdcdc; font-size: 18px; color: #666666;}
.articleForm a { color:#666666; transition: all 0.3s;}
.articleForm a:hover { color:#fdd000 ;}
.social-share .icon-wechat .wechat-qrcode {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    position: absolute;
    z-index: 9;
    top: -205px;
    left: -84px;
    width: 200px;
    height: 192px;
    color: #666;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 10px #aaa;
    transition: all 200ms;
    -webkit-tansition: all 350ms;
    -moz-transition: all 350ms
}

.social-share .icon-wechat .wechat-qrcode h4 {
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777
}

.social-share .icon-wechat .wechat-qrcode .qrcode {
    width: 105px;
    margin: 10px auto
}
.qrcode img { display: block;}
.social-share .icon-wechat .wechat-qrcode .help p {
    font-weight: normal;
    line-height: 16px;
    padding: 0;
    margin: 0
}

.social-share .icon-wechat .wechat-qrcode:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -13px;
    width: 0;
    height: 0;
    border-width: 8px 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent
}

.social-share .icon-wechat:hover .wechat-qrcode {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible
}
.articleControl {padding: 35px 0; align-items: center; display: flex; justify-content: space-between;}
.shareCont a { margin-right: 12px; position: relative; display: inline-flex;align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: #828181;
 transition: all .5s;}
.shareCont a:hover { background: #fdd000;}
.shareCont a:hover .wechat-qrcode { display: block;}
.controlPage { gap: 16px; display: inline-flex; align-items: center; }
.controlPage a {gap: 10px; transition: all .3s; color: #333333; font-size: 18px; border-radius: 12px; display: inline-flex; align-items: center; line-height:52px; border: 1px solid #828181;}
.controlPage a:nth-child(1),.controlPage a:nth-child(3) { padding: 0 35px;}
.controlPage a:hover { background: #fdd000; border: 1px solid #fdd000;}
.controlPage a:nth-child(2) { padding: 0 15px;}
.controlPage a img { display: block;}
.goodTxt li { margin-bottom: 3vw; display: flex;}
.gpic { margin-right: 13px; width: 85px;}
.gpic img { transition: all 0.5s; display: block; margin: 10px auto 0;}
.goodTxt li:hover img { transform: rotateY(360deg);}
.gdesc h2 { font-weight: bold; font-size: 1.875vw; line-height: 2; margin-bottom:10px;}
.gdesc p { font-size: 1.25vw;}
.productGood::after{ content: ''; clear: both; display: block; height: 0;}
.productGood { padding: 70px 0 30px;}
.goodTxt { float: left;}
.goodPic { position: relative; float: right; width:calc(100% - 555px); max-width: 702px;}
.goodPic img { display: block; width: 100%;}
.point.ponit_1 { position: absolute; left: 36%; top: 6.9%;}
.point.ponit_2 { position: absolute; left: 63.18%; top: 91.3%;}

.point i { position: relative; background: #ffffff; display: block; width: 100%; height: 100%; border-radius: 50%; z-index: 2;}
.point { display: block; box-sizing: border-box; width: 21px; height: 21px; background: #fff; border: 6px solid #fdd000; border-radius: 50%; z-index: 1;}
.point::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(253,208,0, 0.6);
}

.point::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(253,208,0, 0.6);
}

.point::before {
    animation: boderM 3s .75s infinite;
}

.point::after {
    animation: boderM 3s infinite;
}

@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
    }

}
.productPic { float: left; width: calc(100% - 760px); max-width: 740px;}
.productPic h2 { line-height: 1; font-size: 2.08vw; font-weight: bold; color: #000000;}
.productPic img { max-width: 80%; display: block; margin: 8.333vw auto 0;}
.productInfor { background: #f5f5f5; padding: 2.6vw 0;}
.productTxt { float: right; width: 760px;}
.productTxt h3 { font-weight: bold; font-size: 1.5625vw; margin-bottom:30px;}
.productTxt p { font-size: 1.25vw; line-height: 1.58; margin-bottom: 5.729vw;}
.productTable th { border-bottom: 1px solid #d1d1d1; border-top: 7px solid #fdd000; font-size: 1.5625vw; color: #000000; line-height: 2; font-weight: bold;}
.productTable td { text-align: center; border-bottom: 1px solid #d1d1d1; font-size: 1.25vw; color: #333333; line-height: 2.9;}
.threeGoodTit { display: flex;justify-content: space-between;}
.threeGoodTit h2 {line-height: 1; font-size: 2.08vw; font-weight: bold; color: #000000;}
.threeGoodTit p { max-width: 100%; font-size: 1.25vw; line-height: 1.58; width: 740px;}
.threeGoodTit p span { font-weight: bold;}
.threePic img { max-width: 100%; display: block; margin: 5.2vw auto;}
.threeGood { padding-top: 2.6vw;}
.busHonor { background: url(../images/busBg.jpg) center no-repeat; background-size: cover; padding: 75px 0;}
.honorTitle { display: flex; align-items: center; justify-content: space-between;}
.honorChose span { font-weight: bold; cursor: pointer; padding-left:17px; margin-right: 58px; line-height: 1; color: #000; border-left: 7px solid #000; display: block; position: relative; font-size: 2.08vw;}
.honorChose { display: flex;}
.honorChose span.cur { color: #fdd000; border-left: 7px solid #fdd000;}
.honorChose .aniLine { opacity: 0;}
.honorChose span.cur .aniLine { opacity: 1;}
.honorTitle p { font-size: 1.25vw; color: #333333;}
.honorSlide { overflow: hidden;}
.honorPic,.zlPic { background: #ffffff; float: left; width: 40%; padding-top: 40%; position: relative;}
.honorPic span { width: 80%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.honorPic span img { display: block; width: 100%;}
.honorName { height: 34.79vw; position: relative; float: right; width: 55%;}
.honorName p { cursor: pointer; margin-bottom: 1.35vw; transition: all .5s; background: url(../images/honorIcon.png) left center no-repeat; font-size: 20px; color: #333333;
border-bottom: 1px solid #aaaaaa; line-height: 1.6; padding: 15px 0 15px 52px;}
.honorName p.cur { background: url(../images/honorIconon.png) left center no-repeat; color: #fdd000;}
.honorBd { margin-top: 6.25vw;}
.zlPic span { width: 58%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.zlPic span img { display: block; width: 100%;}
.honorName .swiper-slide {padding-top: 1.35vw; gap:1.35vw 5.2vw; display: flex; flex-wrap: wrap;}
.honorName .swiper-slide b { cursor: pointer; display: flex; align-items: center; padding: 15px 0 15px 2.6vw; box-sizing: border-box; background: url(../images/zl.png) left center no-repeat; border-bottom: 1px solid #aaaaaa;
line-height: 1.3; font-size: 1.04vw; width: calc(50% - 2.6vw);}
.honorName .swiper-slide b.cur {background: url(../images/zlOn.png) left center no-repeat; color: #fdd000;}
.honorName .swiper-button-prev { z-index: 3; transition: all 0.3s; bottom: 0; top: auto; width: 55px; height: 55px; border-radius: 50%; background: url(../images/growPrev.png) center no-repeat #d8d8d8;}
.honorName .swiper-button-next { z-index: 3; transition: all 0.3s; bottom: 0; top: auto; width: 55px; height: 55px; border-radius: 50%; background: url(../images/growNext.png) center no-repeat #d8d8d8;}
.honorName .swiper-button-prev::after,.honorName .swiper-button-next::after { display: none;}
.honorName .swiper-button-prev:hover {background-color: #fdd000;}
.honorName .swiper-button-next:hover {background-color: #fdd000;}
.honorName .swiper-pagination {z-index: 2;}
.honorName .swiper-pagination span { border-radius: 0; background: #aaaaaa; opacity: 1; height: 2px; width: 3.645vw;}
.honorName .swiper-pagination span.swiper-pagination-bullet-active {background:#fdd000 ;}
.teInfor { padding: 3.9vw 0; text-align: center;}
.teTitle h2 { font-size: 2.08vw; font-weight: bold; color: #000000; margin-bottom: 3.125vw; line-height: 1;}
.teTitle p { color: #333333; font-size: 1.25vw; line-height: 1.75;}
.teTitle p span { font-weight: bold;}
.slideCont p { font-weight: bold; line-height: 1; margin-bottom: 30px; padding-top: 3.95vw;  font-size: 1.56vw; color: #333333; background:url(../images/teicon4.jpg) center top no-repeat;
background-size: 1.61vw auto;}
.teList ul { display: flex; justify-content: space-between;}
.slideCont {display: flex; justify-content: space-between;}
.tePic { transition:all .5s; background: url(../images/tslideBg.jpg) center no-repeat; background-size: 100% 100%; padding: 18px; width: calc(25vw - 5.2vw); max-width: 320px;}
.picCont { overflow: hidden; border-radius: 4px;}
.picCont img { transition:all .5s; display: block; width: 100%;}

.teList li:last-child p { background: url(../images/teicon6.jpg) center top no-repeat;background-size: 1.61vw auto;}
.teList h2 { position: relative; margin-bottom: 5vw; padding: 0 2.3vw; border-radius: 1.56vw; align-items: center; justify-content: center; background: #fdd000; color: #ffffff; line-height: 2; display: inline-flex; font-size: 1.56vw;}
.teList h2 img { display: block; margin-right: 20px;}
.teList li:nth-child(2) h2::after { content: ''; background: url(../images/teicon4.jpg) center no-repeat;height:2.65vw; width: 1.61vw; background-size: 100%;
position: absolute; left: 50%; transform: translateX(-50%); top: 4vw;}
.teList li:nth-child(2) h2::before { content: ''; background: url(../images/teicon5.jpg) center no-repeat;width:21.87vw; height: 8px; background-size: 100%;
position: absolute; left: 50%; transform: translateX(-50%); top: 8vw;}
.tePic{position: relative;}
.tePic::after { content: ''; position: absolute; background: url(../images/teicon7.jpg) center no-repeat; width:2.65vw; height: 1.61vw;
 background-size: 100% 100%; right:-4.8vw; margin-left: -1.325vw; top: 50%; transform: translateY(-50%);}
.teList ul,.slideCont {gap:6.77vw}
.teList li:last-child .tePic::after { display: none;}
.tePic:hover .picCont img {transform: scale(1.1);}
.mapAlt .swiper-pagination { bottom: 0!important; text-align: left; box-sizing: border-box; padding-left: 10px;}
.mapAlt .swiper-pagination span { opacity: 1; background: #ffffff;}
.mapAlt .swiper-pagination span.swiper-pagination-bullet-active { background:#fdd000;}
.teList { margin-top: 3.125vw;}
.businessList ul { display: flex; justify-content: space-between;}
.businessList li { width: 32.5%;}
.busDesc { background: #ffffff; gap: 16px; align-items: center; display: flex; border: 3px solid #f0f0f0; border-radius: 12px; padding: 9px;}
.busPic { border-radius: 6px; width: 240px; overflow: hidden;}
.busTxt { width: calc(100% - 250px);}
.busPic img { display: block; width: 100%; transition: all 0.5s;}
.businessList li:hover .busPic img { transform: scale(1.1);}
.businessList li h2 { font-weight: bold; font-size: 24px; margin-bottom: 18px;}
.busTag { margin-bottom: 10px; display: flex; align-items: center;}
.busTag span { margin-right: 13px; display: inline-flex; font-size: 20px; color: #333333; line-height: 1.7; padding: 0 12px; border-radius: 8px; background: #e5e5e5;}
.busTag span.cur { background: #fdd000;}
.businessList { padding-top: 4vw;}
.busTxt p { font-size: 18px; line-height: 1.3; color: #333333;}
.mapCont {position: relative; width: 822px; max-width: 92%; margin: 6vw auto 25px;}
.mapCont img { display: block; width: 100%; }
.mapCont .posCont { z-index: 2; position: absolute;}
.mapCont .point { transition: all .5s; background: #fff; border: 6px solid #9e9e9e;}
.mapCont .point::before {transition: all .5s; background: rgba(158,158,158, 0.6);}
.mapCont .point::after {transition: all .5s;background: rgba(158,158,158, 0.6);}
.mapCont .point i {background: #7c7c7c;transition: all .5s; border-radius: 50%;}
.posCont:hover .point i,.mapCont .posCont.cur .point i{ background: #ffffff;}
.posCont:hover .point::before,.mapCont .posCont.cur .point::before{ background:rgba(253,208,0, 0.6);}
.posCont:hover .point::after,.mapCont .posCont.cur .point::after{background: rgba(253,208,0, 0.6);}
.posCont:hover .point,.mapCont .posCont.cur .point{ display: block; box-sizing: border-box; width: 21px; height: 21px; background: #fff; border: 6px solid #fdd000; border-radius: 50%; z-index: 1;}
.altInfor { border-radius: 12px; display: flex; align-items: center; gap: 30px; padding: 10px; border: 1px solid #fdd000; background: #ffffff;}
.inforTxt h2 { font-size: 20px; font-weight: bold; color: #000000; line-height: 1; margin-bottom:14px ;}
.inforPic { width: 244px; height: 160px; border-radius: 12px; overflow: hidden;}
.inforPic img { display: block; width: 100%; height: 100%; object-fit: cover;}
.mapAlt { border-radius: 12px; transition: all .5s; opacity: 0; pointer-events: none; position: absolute; left: -43vw; width: 35.4vw; top:-108px;}
.mapAlt p { font-size: 18px; line-height: 28px; top: 50%; }
.inforTxt {width: calc(100% - 260px);}
.mapAlt::after { content: ''; width: 7.6vw; height: 100%; position: absolute;right: -7.6vw; background: url(../images/leftLine.png) center no-repeat;
background-size: 100% auto; top: 0;}
.posCont:hover .mapAlt,.posCont:hover .honorAlt,.mapCont .posCont.cur .mapAlt{ opacity: 1;}
.mapCont .posCont.pos_1 { left: 51%; top:35%;}
.mapCont .posCont.pos_2 { left: 65%; top:32.5%;}
.mapCont .posCont.pos_3 { left: 68%; top:43.8%;}
.mapCont .posCont.pos_4 { left: 44.5%; top:55.5%;}

.honorAlt { border-radius: 12px; padding: 10px; border: 1px solid #fdd000; background: #ffffff; transition: all .5s; opacity: 0; pointer-events: none; position: absolute; right: -24.47vw; width: 13.75vw; top:-6.66vw;}
.honorAlt::after { content: ''; width: 11.48vw; height: 100%; position: absolute;left: -11.48vw; background: url(../images/rightLine.png) center no-repeat;
background-size: 100% auto; top: 0;}
.posCont.cur .honorAlt { opacity: 1;}
.honorAlt img {display: block; width: 100%;}
.banner .swiper-pagination span { border-radius: 0; transition: all .5s; height: 17px; width: 2px; background: #ffffff; opacity: 1;}
.banner .swiper-pagination span.swiper-pagination-bullet-active { height: 27px;}

.small-header .header { transform: translateY(-100%);}
.show-header .header { transform: translateY(0);}
.header.move .searchEnter span { height: 80px;}
.header.move { height:80px}
.header.move .langChose h2 { line-height: 80px;}
.header.move .logo { margin-top: 22px;}
.header.move .nav li h2 a { line-height: 80px;}
.header.move .subMenu { top: 80px;}
.banner .swiper-slide-active { z-index: 2;}
.mapCont .mobMap { display: none;}
.mapAlts { display: none; z-index: 99; max-width: 90%; position: fixed; left: 50%; top: 50%; margin-left: -400px; margin-top: -250px; width: 800px; height: 500px;}
.BMap_bubble_title {margin-top: -5px;  font-size: 14px;}
.addEnter:hover p { color: #fdd000;}
.addEnter { cursor: pointer;}
.addEnter p { transition: all 0.5s;}
@media screen and  (max-width:1670px){
	.tePic { max-width: 100%;}
	.teList ul,.slideCont {gap:4vw}
	.tePic::after { right:-2.85vw; width: 1.9vw; height: 1.2vw; background-size: 100%!important;}
}
@media screen and  (max-width:1580px){ 
	.busPic { width: 180px;}
	.busTxt p { font-size: 16px;}
	.busTxt { width: calc(100% - 190px);}
	.threePic img { max-width: 90%;}
	.aboutDesc p { font-size: 18px;}
	.goodIcon img { height: 50px;}
	.aboutDesc dt h2 { font-size: 18px;}
	.aboutDesc dt b { font-size: 14px;}
	.more span { font-size: 16px;}
	.more i { width: 22px; height: 6px; background-size: 100% auto!important;}
	.more { padding: 0 30px 0 40px;}
	.teList h2 img { height: 30px;}
	.growSlide li p { font-size:20px ;}
	.growChose li.cur { font-size:60px;}
	.growChose li { margin-bottom: 40px;}
}
@media screen and  (max-width:1440px){
	.newsDate span { padding-left: 21px;}
	.newsDate { line-height: 30px;}
	.newsDate::after { width: 30px; height: 30px;}
	.threePic img { max-width: 80%;}
	.articleTitle h2 { font-size: 30px; letter-spacing: 5px;}
	.busTag span { font-size: 18px;}
	.nav li h2 a { font-size: 16px;}
	.videoEnter i { width: 40px; height: 40px; background-size: 100% auto;}
	.aboutDesc dt b,.gdesc p { font-size: 14px;}
	.more { line-height:40px; padding: 0 20px 0 30px; font-size: 16px;}
	.aboutSlide a { margin-top: 40px;}
	.more span { font-size: 16px;}
	.more i { width: 24px; height: 6px; background-size: 100% auto!important;}
	.newsDesc h2,.aboutSlide p { font-size: 20px;}
	.aboutDesc p { font-size: 18px;}
	.aboutDesc dt h2,.gdesc h2 { font-size: 20px;}
	.advIcon img {transform: scale(.6);}
	.advIcon img:nth-child(2) {    transform:translateX(-50%) scale(.6);}
	.pageMenu a,.productTable td,.threeGoodTit p,.honorTitle p { font-size: 16px;}
	.titCell h2 { font-size: 32px;}
	.teTitle h2,.productPic h2,.hopeSlide li h2 { font-size: 28px;}
	.teTitle p,.productTxt p,.honorName .swiper-slide b
	{ font-size: 16px;}
	.teList h2 { font-size: 20px;line-height: 2.5;border-radius: 50px;}
	.teList h2::after { top: 50px;margin-bottom: 70px;}
	.teList h2 img { height: 30px;}
	.productTxt h3,.productTable th,.threeGoodTit h2 { font-size: 20px;}
	.honorName .swiper-slide b {padding-top: 10px;padding-bottom: 10px;}
	.honorChose span,.aboutMenu li span { font-size: 28px;}
	.busHonor { padding: 60px 0;}
	.busTxt p,.mapAlt p { font-size: 16px;}

	.controlGrow a { height: 52px;}
	.hopeSologn,.hopeSlide p { font-size: 20px;}
	.growList,.hopeSlide,.aboutList { width:calc(100% - 440px) ;}
	.hopeIcon img { height: 80px;}
	.contactType li span { font-size: 20px; line-height:1.5;}
	.contactTit b { font-size: 20px;}
	.contactTit p { font-size: 28px;}
	.solognText li h2 { font-size: 28px;}
	.solognText li p { font-size: 16px;}
	.hopeList li h2 { font-size: 18px;}
	.hopeList li p { font-size: 16px;}
	.teamDesc li p { font-size: 16px;}
	.teamPic { width: calc(100% - 500px);}
	.teamDesc { width: 460px; max-width: 100%;}
	.titCell p { font-size: 18px;}
	.resDesc p { font-size: 16px;}
	.resDesc h3 { font-size: 18px;}
	.resDesc { padding: 50px 0;}
	.articleDesc p { font-size: 16px; margin-bottom: 10px;}
	.controlPage a { font-size: 16px;}
}
@media screen and  (max-width:1200px){
	.searchinput { background: #ffffff;}
	.controlPage a { font-size: 14px; line-height: 32px; padding: 0 10px;}
	.controlPage a:nth-child(1), .controlPage a:nth-child(3) { padding: 0 20px;}
	.tagBox span { margin: 0 10px;}
	.tagBox span { font-size: 14px;}
	.articleTitle h2 { font-size: 20px; letter-spacing: 2px;}
	.resDesc { padding: 30px 0;}
	.resDesc h3,.resDesc p { margin-bottom: 20px;}
	.resDesc h2 { font-size: 24px; margin-bottom: 30px;}
	.resDesc p { font-size: 14px;}
	.contactTit p { font-size: 20px;}
	.contactTit b { font-size: 14px;}
	.businessList li h2 { font-size: 20px;}
	.busHonor { padding: 2.6vw 0;}
	.threeGoodTit h2 { margin-bottom: 20px;}
	.productGood { padding: 20px 0;}
	.gpic img { height: 40px;}
	.gdesc h2 { margin-bottom: 0;}
	.gpic { width: 60px;}
	.teList h2 { font-size: 18px;}
	.teList h2 img { margin-right: 10px;}
	.menubox{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: #fdd000;transition: 0.6s;}
	.menubox div:nth-child(1){top: 9px;}
	.menubox div:nth-child(2){top: 19px; width: 20px;}
	.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);}
	.subMenu { position: static; box-shadow: none; padding: 10px 0;}
	.subMenu p { font-size: 16px; margin-top: -8px;}
	.subMenu a { margin-bottom: 5px;}
	.subMenu a:last-child { margin-bottom: 0;}
	.menuCont { display: block;}
	.logo span { display: none;}
	.footerLink .logo { display: block; text-align: center;}
	.footerLink .logo span { padding: 0; margin: 0; border: none; display: block;white-space: nowrap;}
	.header { height: 60px;}
	.header.move { height: 60px;}
	.logo { width:100px; margin-top:24px;}
	.header.move .logo { margin-top: 18px;}
	.langChose h2,.header.move .langChose h2{  line-height: 60px;}
	.langChose {margin-right: 40px;}
	.searchEnter { margin: 0 20px 0 0; height: 60px;}
	.searchEnter span,.header.move .searchEnter span { height: 60px;}
	.nav { height: calc(100vh - 60px); z-index: 20; position: fixed; left: -110%; overflow-y: auto; top:60px; width: 200px; background: #ffffff; bottom: 0;}
	.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!important; color: #333333;}
	.nav li h2:hover i{ background: url(../images/menuEntero.png) center no-repeat; background-size: 100% auto; transform: rotate(90deg);}
	.header { box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #ffffff;}
	.header .logo img:nth-child(1) { opacity: 0;}
	.header .logo img:nth-child(2) { opacity: 1;}
	.header .nav li h2 a { color: #333333;}
	.header .searchEnter span { background: url(../images/bsearch.png) center no-repeat;}
	.header .langChose h2 { color: #333333; background: url(../images/bearth.png) left center no-repeat;}
	.header .langChose h2::after { background: url(../images/bdown.png) center no-repeat;}

	.bannerNext { font-size: 14px; bottom: 60px;}
	.banner .swiper-pagination { bottom: 0;}
	.bannerText { text-align: center;}
	.bannerText p { font-size:20px;}
	.bannerText p span { font-size:24px;}
	.main { padding-top: 0;}
	body {padding-top: 60px;}
	.introduceChose span,.videoEnter { font-size: 20px;}
	.intList { width: 100%;}
	.aboutDesc p { font-size: 16px;}
	.advList li p { font-size: 14px;}
	.advIcon { margin-bottom: 0;}
	.footerContact li h3, .footerContact li h3 a { font-size: 26px;}
	.footerContact li h2, .footerContact li h2 a { font-size: 20px;}
	.cellTxt p { font-size: 18px;}
	.cellTxt p b { font-size: 24px;}
	.cellTxt { display: block;text-align: center;}
	.cellBanner { padding:30px 0;}
	.cellBanner a {margin-top: 20px;}
	.pageMenu a { font-size: 14px;}
	.goodPic { width: calc(100% - 480px);}
	.newsDesc h2, .aboutSlide p { font-size: 18px;}
	.aboutMenu li span { font-size: 20px;}
	.growChose li.cur { font-size: 40px;}
	.growChose li { font-size: 24px; margin-bottom: 30px;}
	.growSlide li p,.growSlide li h2 { font-size: 20px;}
	.contactForm { padding: 50px 0;}
	.solognText li h2 { font-size: 20px; margin-bottom: 10px;}
	.listDesc h2 { font-size: 20px;}
	
}
@media screen and  (max-width:1080px){
	.listDesc h2 { font-size: 18px;}
	.solognText li h2 { font-size: 18px;}
	.solognText li p { font-size: 14px;}
	.teamDesc { float: none;}
	.teamPic { max-width: 100%; width: 500px; float: none; margin: 0 auto;}
	.teamDesc li h2 { font-size: 16px;}
	.teamDesc li p { font-size: 14px;}
	.growUp,.hope { padding:30px 0}
	.hopeSologn { margin:20px 0;}
	.hopeSologn, .hopeSlide p { font-size: 16px;}
	.hopeSlide,.hopeSologn { float: none; width: 100%;}
	.growSlide li h2 { font-size: 16px;}
	.growSlide li p { font-size: 14px;}
	.growDetail { margin-top: 20px;}
	.growChose { float: none; width: 100%;}
	.growChose ul {border: none; overflow-x: auto; padding: 0; white-space: nowrap;}
	.growChose ul::-webkit-scrollbar { display: none;}
	.growChose li { height: 26px; font-size: 16px; margin-left: 10px; display: inline-block;}
	.growChose li.cur { font-size:26px;}
	.growChose li.cur span { font-size: 16px;}
	.growList { width: 100%; float: none;}
	.growChose li::after { display: none;}
	.aboutSlide a { margin-top: 20px;}
	.controlGrow a.prevYear ,.controlGrow a.nextYear{ height: 30px; width: 60px; background-size: auto 6px!important;}
	.aboutMenu li { margin: 0 20px!important; margin-bottom: 20px; display: inline-block; border: none; padding: 0;}
	.aboutMenu li.cur::after { display: none;}
	.aboutMenu { text-align: center; border: none;}
	.aboutSlide p{ font-size: 16px; line-height: 1.5;}
	.businessList li h2 { margin-bottom: 10px; font-size: 18px;}
	.busTag span { font-size: 14px;}
	.businessList ul { flex-wrap: wrap;}
	.businessList li { margin-bottom: 10px; width: 100%;}
	.productPic { float: none; width: 100%;margin: 0 auto 20px;}
	.productTxt { float: none;width: 100%;}
	.goodTxt { float: none;}
	.goodPic { float: none;margin:20px auto;width: 100%;}
	.teList h2::after { display: none;}
	.slideCont p { font-size: 14px;margin-bottom: 10px;}
	.teList li:nth-child(2) h2::before { display: none;}
	.teList h2 { margin-bottom: 0;}
	.slideCont { text-align: center;}
	.teList li:nth-child(2) .slideCont .slideBox { display: inline-block;}
	.teList li:nth-child(2) .slideBox { width:49%;}
	.teList li:nth-child(2) .slideBox .tePic { width: 100%;}
	.tePic::after { display: none;}
	.teTitle h2 { font-size:18px;}
	.location { line-height: 40px;}
	.teList ul { flex-wrap: wrap;}
	.teList li { width: 100%;}
	.teList h2 { font-size: 16px;}
	.teList h2 img { height: 20px;}
	.tePic { margin: 0 auto; width: 49%; display: block;padding: 6px}
	.slideCont {display: block; width: 100%;}
	.nowPage a,.nowPage span,.teTitle p { font-size: 14px;}
	.pageMenu a, { font-size: 14px;margin: 0 6px;}
	.aboutInt { padding-top: 30px;}
	.titCell h2 { font-size: 20px;letter-spacing: 3px;padding-left: 10px;}
	.titCell p { font-size: 14px;}
	.locationLink { display: block;height: auto;}
/* 	.pageMenu { text-align: center;} */
	.footerLink { justify-content: center;padding: 30px 0;}
	.footerLink .logo,.footerLink .logo a{ float: none; text-align: center; width: 100%; justify-self: center;}
	.footerLink .logo a img { height:40px; width: auto; margin: 0 auto;}
	.linkCont { display: none;}
	.advList ul { padding: 0 4%; justify-content: space-between; flex-wrap: wrap;}
	.advList li { width: calc(50% - 5px); transform: skew(0,0);}
	.titCont h2,.productPic h2 { font-size: 20px;}
	.more { padding: 0 18px 0 14px; font-size: 14px;}
	.more span { font-size: 14px; line-height: 40px;}
	.aboutDesc dt { margin-bottom: 10px; width: 100%;}
	.aboutDesc dl { margin-top: 20px; flex-wrap: wrap;}
	.goodIcon { width: 72px;}
	.goodIcon img { height: 42px; display: block; margin: 0 auto;}
	.videoEnter i { width: 30px; height: 30px;}
	.introduceChose span, .videoEnter { font-size: 18px;}
	.aniLine i { width: 3px; margin-right: 3px;}
	.aniLine,.titCont h2 .aniLine { right: -23px; bottom: 80%;}
	.introduceChose span { margin-right:30px;}
	.aboutDesc dt h2,.gdesc h2,.hopeSlide li h2{ font-size: 18px;}
	.hopeSlide li h2 { margin-bottom: 10px;}
	.hopeIcon { width: 60px; margin-right: 13px;}
	.hopeIcon img { height: 40px;}
	.hopeSlide p  { font-size: 14px;}
	.introduceChose { text-align: center;}
	.bannerNext { bottom: 50px;}
	@keyframes ani1 {
		0%{ height: 6px;}
		50%{height: 20px;}
		100%{height: 6px;}
	}
	.advPost { transform: translateY(-50%) skew(0,0);}
	.aboutMenu { float: none; width: 100%;}
	.aboutList { width: 100%; margin-top: 20px;}
	.contactForm { padding: 30px 0;}
}
@media screen and  (max-width:780px){	.mapAlts { width: 80vw; margin: 0; height: 50vh; top: 25vh; left: 10vw;}
	.advList li { width: 100%;}
	.homeAbout,.goods,.news { padding: 40px 0;}
	.header .langChose h2{padding-right: 0;}
	.header .langChose h2::after {display: none; }
	.videoEnter { display: flex; align-items: center; justify-content: center;}
	.tagBox span { width: 50%; margin: 0; justify-content: start; margin-bottom: 5px;}
	.articleForm { font-size: 12px; padding-bottom: 20px;}
	.shareCont a { width: 30px; height: 30px;}
	.shareCont a img { height:50%;}
	.articleControl { flex-wrap: wrap;}
	.shareCont {justify-content: center; width: 100%; display: flex; margin-bottom: 10px;}
	.articleControl { padding: 20px 0 0; justify-content: space-between;}
	.controlPage { display: flex; justify-content: space-between; width: 100%;}
	.controlPage a img { height: 12px;}
	.controlPage a { font-size: 12px;}
	.articleDesc p { font-size: 14px;}
	.fpage { margin-top: 20px;}
	.fpage a { line-height: 2.5; margin: 0 2px; font-size: 12px; padding: 0 12px;}
	.listDesc p { font-size: 14px;}
	.hotList li { padding: 14px 20px;}
	.listDesc h2 { margin-bottom: 10px; font-size: 16px;}
	.solognText li:last-child { margin-bottom: 0;}
	.hopeNum img { height: 40px;}
	.hopeNum {padding-bottom: 10px; margin-bottom: 10px;}
	.hopeList li { margin-bottom: 10px; width: 100%;}
	.joinIcon {margin-bottom: 10px;}
	.joinIcon img { height: 40px; }
	.hopeList ul { flex-wrap: wrap; justify-content: space-between;}
	.hopeList li p { font-size: 14px;}
	.joinSologn { flex-wrap: wrap;}
	.solognText { width: 100%;}
	.solognText ul{ width: 100%; flex-wrap: wrap; display: flex; justify-content: space-between;}
	.solognText li { width: 100%;}
	.solognImg { display: none;}
	.subBtn { margin-top: 20px;}
	.formBox { margin-top:0px;}
	.formBox li { margin-bottom: 0; width: 100%;}
	.formBox li p { font-size:14px; line-height: 3;}
	.formBox li input { font-size: 14px; height:32px;}
	.aboutSlide p { line-height: 2; font-size: 14px;}
	.busDesc {display: block;}
	.busPic img { display:block; width:100%}
	.busPic { margin-bottom:10px}
	.honorTitle { display:block}
	.busHonor { padding:30px 0 20px;}
	.threeGoodTit { display:block;}
	.productTxt h3 { margin-bottom:10px}
	.productTxt p { font-size:14px}
	.footerLink .logo a img { height: auto;width: 100px;}
	.footerContact ul { flex-wrap: wrap;}
	.footerContact ul li { margin-bottom: 10px; width: 100%;}
	.footerContact { padding: 0 0 20px;}
	.articleTag::after { display: none;}
	.footerContact li h3, .footerContact li h3 a { line-height: 1.5; font-size: 14px;}
	.footerContact li h2, .footerContact li h2 a { line-height: 1.5; font-size: 14px;}
	.footerContact li p { font-size: 14px;line-height: 1.5;}
	.footerContact ul li:last-child { margin-bottom: 0;}
	.copyInfor { flex-wrap: wrap;}
	.copyDesc p { display: inline;}
	.designDesc { text-align: center;}
	.copyDesc,.designDesc { width: 100%;}
	.copyDesc p, .copyDesc p a,.designDesc p a,.designDesc span, .designDesc span a { line-height: 1.5; font-size: 14px;}
	.copyRight { padding: 10px 0;}
	.copyDesc { font-size: 14px; text-align: center;}
	.contactIcon img { height: 40px;}
	.newsDesc { padding: 14px 20px;}
	.newsList li { margin: 0 0 10px; float: none; width: 100%;}
	.newsPic { height: auto;}
	.newsDate { font-size: 14px; margin-bottom: 0;}
	.newsDesc p { font-size: 14px; margin-bottom: 10px;}
	.newsDesc h2 { font-size: 16px; height: auto; margin-bottom: 0; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; display: block;}
	.productTxt h3, .productTable th,.threeGoodTit h2,.honorChose span { font-size:16px}
	.pageMenu a, .productTable td, .threeGoodTit p, .honorTitle p { font-size:14px}
	.productInfor,.threeGood { padding:20px 0}
	.honorPic, .zlPic { float:none; width: 80%; padding-top:80%;margin:0 auto}
	.honorChose span {display:inline-block; padding-left:10px; border-width:2px!important; margin-right:40px}
	.honorChose { margin-bottom:10px; text-align: center;display: block;}
	.honorName { float:none; width:100%; height:auto;}
	.honorName .swiper-slide b { font-size:14px;padding-left:40px}
	.honorName { padding-bottom:50px}
	.honorName .swiper-button-next,.honorName .swiper-button-prev { background-size:50% auto;   width: 32px; height:32px;}
	.honorName p {padding-left:26px; font-size:14px; background-size:20px auto!important;}
	.honorTitle p { margin:20px 0}
	.busTxt p, .mapAlt p { font-size:14px}
	.mapAlt { display: none; left:50%; transform:translate(-50%,0); width: 80vw; bottom:140%; top:auto}
.honorAlt { display: none;}
	.inforPic {width:100%; margin:0 auto 10px}
	.inforTxt { width:100%;}
	.inforTxt h2 { margin-bottom: 0;font-size: 16px;}
	.inforTxt p { font-size:14px; line-height:1.5}
	.altInfor { display:block}
	.pos_2 .mapAlt,.pos_3 .mapAlt { transform:translate(-70%,0);}
	.honorAlt {left:50%; transform:translate(-70%,0); width: 80vw; top:140%; top:auto}
	.posCont:hover { z-index: 3;}
	.mapAlt::after { display:none;}
	.contactType li img {width: 60px;}
	.contactInfor {padding: 30px 0;}
	.contactType ul { flex-wrap: wrap;}
	.contactType li { margin-bottom: 10px; text-align: left; text-align: center; box-sizing: border-box; width: 100%;}
	.aboutInt { padding-bottom: 20px;}
	.contactTit { text-align: center;}
	.contactTit p { font-size: 18px; text-align: center;}
	.contactTit a { margin: 20px auto;}
	.contactTit { display: block;}
	.contactTit a { margin: 20px 0 0;}
	.more { line-height: 32px; height: 32px;}
	.contactTit b { display: block; margin-top: 10px;}
	.contactType li span { display: block; text-align: center; width: 100%; max-width: none; margin: 0; font-size: 14px;}
	.contactType li p,.contactType li h2,.contactType li h3 { line-height: 2; font-size: 16px;}
	.teamPic .swiper-button-prev { left: 4%; width: 32px; height: 32px; background-size: 50% auto!important;}
	.teamPic .swiper-button-next { right: 4%; width: 32px; height: 32px; background-size: 50% auto!important;}
	.team { padding: 30px 0;}
	.resDesc h3 { font-size: 16px; margin-bottom: 10px;}
	.resDesc h2 { font-size: 20px;}
	.resPage { padding: 30px 0;}
	.tagBox span { font-size: 12px;}
	.articleTitle h2 { font-size: 18px; margin-bottom: 20px;}
	.tagBox {flex-wrap: wrap;}
	.busPic { width: 100%;}
	.busTxt { width: 100%;}
	.menuCont .tline { transition: all 0.5s; opacity: 0; z-index: 2; position: absolute; width: 10px; height: 10px; box-sizing: border-box;}
	.menuCont .tline1 { left: 4px; top: 4px; border-radius: 2px 0 0 0; border-left: 1px solid #fdd000; border-top: 1px solid #fdd000;}
	.menuCont .tline2 { right: 4px; top: 4px; border-radius: 0 2px 0 0; border-right: 1px solid #fdd000; border-top: 1px solid #fdd000;}
	.menuCont .tline3 { left: 4px; bottom: 4px;border-radius: 0 0 0 2px; border-left: 1px solid #fdd000; border-bottom: 1px solid #fdd000;}
	.menuCont .tline4 { right: 4px; bottom: 4px; border-radius: 0 0 2px 0; border-right: 1px solid #fdd000; border-bottom: 1px solid #fdd000;}
	.mapCont .mobMap { display:block;}
	.mapCont .pcMap { display:none}
	.aboutDesc dt h2, .gdesc h2, .hopeSlide li h2 { font-size: 16px;}
	.advList li:hover>img { transform: scale(1);}
}