@charset "utf-8";

html, body, div, span, iframe, map, font, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}

html, body { position: relative; height: 100%;}

body{ padding-top: 85px; background:#fff; font:normal 12px/22px "微软雅黑"; overflow-x: hidden;  }

body::-webkit-scrollbar { width:2px;}

body::-webkit-scrollbar-track { background: rgba(232, 232, 232, 1);}

body::-webkit-scrollbar-thumb { background: #122a7d;}

img{ border:0; max-width: 100%; }

input,button,a { outline: none;}

a{ text-decoration:none; color:#000;  }

a:hover{ color:red;  }

.clear { clear:both;}

.clearfix { zoom:1;}

.clearfix:after { content:''; display:block; height:0; clear:both;}

div { box-sizing:border-box;}

.dn { display: none;}

#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,0.5);}

.fcc {display: flex;display: -webkit-flex;justify-content: center;align-items: center;}

.fsc {display: flex;display: -webkit-flex;justify-content: flex-start;align-items: center;}

/*通用样式*/

.container { width: 1600px; max-width: 92%; margin: 0 auto;}

.logo { position: relative;}

.logo img { display: block; transition: all 0.5s;}



.header { background: #ffffff; transition: all 0.5s; position: fixed; left: 0; top: 0; width: 100%; z-index: 20;}

.headerCont { height:85px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; width: 1600px; max-width:92%}

.small-header .header { transform: translateY(-100%);}

.show-header .header { transform: translateY(0);}

.small-header .header{ height: 80px; box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #ffffff;}

.small-header .header .nav li h2 a { line-height: 80px;}

.small-header .header dl { top: 80px;}

.header:hover .nav li h2 a,.small-header .header .nav li h2 a{ color: #333333;}

.small-header .header .langChose h2 { height: 80px;}

.small-header .langChose,.small-header .headerCont { height: 80px;}

.header:hover .searchEnter,.small-header .header .searchEnter { background: url(../images/searchs.png) center no-repeat;}

.header .nav li h2 a:hover { color: #122a7d;}

.headerRight { display: flex; align-items: center;}

.nav>ul{gap: 65px; 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: translateX(-50%); transition: all 0.5s; width: 0; background: #122a7d;}

.nav li:hover h2::after { width:50px;}

.nav li h2 a { transition: all 0.5s; line-height: 85px; white-space: nowrap; font-size: 16px; color: #333333;}

.header .nav li.cur h2 a { color: #122a7d;}

.nav{ position: relative;}

.nav li dl { box-sizing: border-box; display: none; width:340px; background: #ffffff; position: absolute;  padding: 20px 32px; left: 50%; transform: translateX(-50%); top: 85px;}

.nav li dt { border-bottom:1px solid #eee; font-size: 16px; line-height: 3;}

.nav li dt:last-child { border: none;}

.nav li dt a { display: block; transition: all 0.3s;}

.nav li dt:hover>a { color: #122a7d; }

.navSub { display: none; position: absolute; left: 0; width: 100%; background: #ffffff; padding: 30px; border-top: 1px solid #ededed;}

.subCont { display: flex; justify-content: space-between;}

.subLink { flex: 1;}

.subPic { width: 387px; height:206px; overflow: hidden; margin-right: 30px;}

.subPic img { transition: all .8s; display: block; width: 100%; height: 100%; object-fit: cover;}

.subPic:hover img { transform: scale(1.1);}

.subLink p { border-bottom: 1px solid #d3d3d3; line-height: 40px; transition: all .3s; background: url(../images/arr.png) right center no-repeat;}

.subLink p a { display: block; font-size: 16px; color: #333333; transition: all .3s;}

.subLink p:hover { border-bottom: 1px solid #122a7d; background: url(../images/arron.png) right center no-repeat;}

.subLink p:hover a { color: #122a7d;}

.fcc {display: flex;display: -webkit-flex;justify-content: center;align-items: center;}

.fsc {display: flex;display: -webkit-flex;justify-content: flex-start; align-items: center;}

.searchBox { position: relative;}

.searchinput{z-index: 3; transition: all .5s; opacity: 0;pointer-events: auto;right:0; transform: scale(0); transform-origin: right center;  position: absolute; width: 350px; top:50%; margin-top: -23px;}

.searchinput.show {  transform: scale(1); opacity: 1;} 

.searchinput .hsform{width: 100%;border-radius: 30px;overflow: hidden;background-color: #122a7d;}

.searchinput .hsform .sinput{border: none; width: 100%;height: 44px;background-color: #122a7d;color: #fff;text-indent: 20px;font-size: 16px;}

.searchinput .hsform .sinput::placeholder{color: #fff;font-size: 16px;}

.searchinput .hsform .sbtn{border: none; width: 44px;height: 44px;background: url(../images/search.png) center center no-repeat;background-size: 17px;cursor: pointer;}

.searchinput .sclosebtn{width: 44px;height: 44px;position: relative;cursor: pointer;transition: 0.5s;}

.sclosebtn:hover { transform: rotate(180deg);}

.searchinput .sclosebtn:before{content: "";display: block;width: 30px;height: 2px;background-color: #122a7d;position: absolute;left: 7px;top: 21px;transform: rotateZ(45deg);}

.searchinput .sclosebtn:after{content: "";display: block;width: 30px;height: 2px;background-color: #122a7d;position: absolute;left: 7px;top: 21px;transform: rotateZ(-45deg);}

.searchEnter {  transition: all 0.5s;cursor: pointer; display: block; background: url(../images/searchs.png) center no-repeat; display: block; width:34px; height:34px;}

.menuControl { display: flex; align-items: center;}

.menuControl>div{ margin-left: 26px;}

.langChose h2 { justify-content: center; height: 85px; display: flex; align-items: center; position: relative;}

.langChose h2 b {white-space: nowrap; transition: all 0.5s; position: relative;cursor: pointer; color: #ffffff; padding-left:14px; text-align: center; position: relative;  background: url(../images/lang.png) center no-repeat; transition: all .5s; font-size: 12px;

width: 34px; height: 34px; padding-top:10px; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}

.langChose { height: 85px; position: relative;}

.langChose dl { box-shadow:0 0 10px rgba(0,0,0,0.1); display: none; background: #ffffff; border-radius: 0 0 4px 4px; text-align: center; width: 85px; padding: 5px 0; position: absolute; top:85px; 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: #122a7d;}

.langChose.cur dl { display: block;}



.header .searchEnter:hover { background: url(../images/searchs.png) center no-repeat;}



/*banner*/

.news .fpage { margin-top: 60px;}

.banner { position: relative; overflow: hidden;}

.banner img{ display: block; width: 100%; transform: scale(1.1); transition: all 3s;}

.banner .swiper-slide-active img { transform: scale(1);}

.banner .swiper-pagination { bottom: 20px;}

.banner .swiper-pagination span { opacity: 1; transition: all 0.3s; box-sizing: border-box; border: 1px solid #ffffff; background: none; outline: none; width:9px; height:9px; margin:0 4px 0 0!important;}

.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #ffffff;}

.banner .swiper-button-prev,.banner .swiper-button-next { transition: all 0.4s; width: 55px; height: 55px; border-radius:50%;

border: 1px solid #ffffff;}

.banner .swiper-button-prev { left: calc(50% - 800px);}

.banner .swiper-button-next { left: auto; right: calc(50% - 800px);}

.banner .swiper-button-prev:after,.banner .swiper-button-next:after { font-size: 16px; color: #ffffff;}

.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover { border: 1px solid #ed6c00; background: #ed6c00;}

.footer { background:#ebebeb; background-size: cover;}

.footerTop { padding:35px 0 0; display: flex; justify-content: space-between;}

.copyRight { margin-top:20px; border-top: 1px solid #cacaca; line-height: 100px; display: flex; justify-content: space-between; align-items: center;}

.copyRight p,.copyRight a { display: flex; align-items: center; transition: all 0.3s; font-size: 15px; color: #666666;}

.copyRight a:hover { color: #122a7d;}

.copyRight img { margin-right: 6px;}

.copyRight p br { display: none;}

.footerTel { background: url(../images/footPhone.png) left center no-repeat; padding-left: 70px;

display: flex; flex-direction: column; justify-content: center;}

.footerTel p { font-size: 18px; color: #666666; line-height: 1; margin-bottom: 15px;}

.footerTel a { font-size:28px; color: #122a7d;}

.menubox { display: none;}

.homeCont { padding: 50px 0;}

.homeTop { display: flex; justify-content: space-between;}

.homeAbout { padding-bottom:25px; border-bottom: 1px solid #eeeeee; width: 32.5%; margin-right: 3.48vw;}

.homeNews { padding-bottom: 25px; border-bottom: 1px solid #eeeeee; width: 31.875%; margin-right: 3.48vw;}

.homeTeam { width: calc(35.625% - 6.96vw); background: url(../images/yunying.jpg) center no-repeat; background-size: cover; flex:1; height: 530px;}

.homeTitle p { font-size: 30px; color: #333333; line-height: 1; margin-bottom: 12px;}

.homeTitle span { display: block; line-height: 1; font-size: 18px; text-transform: uppercase; color: #afafaf;}

.homeTitle { padding-bottom: 25px; border-bottom: 1px solid #eeeeee;}

.homeNews li { line-height: 68px; border-bottom: 1px solid #eeeeee; }

.homeNews li a { display: flex; justify-content: space-between;}

.homeNews li p { overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; max-width: calc(100% - 101px); font-size: 18px; transition: all .3s; color: #333333;}

.homeNews li span { font-size: 18px; color: #333333;}

.homeNews li:hover p { color: #122a7d;}

.homeNews ul { margin-bottom: 46px;}

.checkMore { display: inline-flex; font-size: 18px; align-items: center; color: #ed6c00;}

.checkMore:hover { color:#ed6c00;}

.checkMore img { transition: all .3s; margin-left: 9px; margin-bottom: 5px;}

.checkMore:hover img { margin-left: 20px;}

.aboutDesc { font-size: 18px; line-height: 1.77; padding-top: 15px; color: #333333; margin-bottom: 46px; background: url(../images/build.jpg) center bottom no-repeat; background-size: 100% auto; height: 340px;}

.teamTitle p { font-size: 30px; color: #ffffff; line-height: 1; margin-bottom: 12px;}

.teamTitle span { color: #ffffff; font-size: 18px; text-transform: uppercase;}

.teamTitle { text-align: center; padding: 37px 0 25px;}

.teamIcon { margin: 0 auto; transform: translateY(-50%); padding: 8px; width: 176px; height: 176px; border-radius: 50%; overflow: hidden; background: rgba(255,255,255,.1);}

.teamIcon img { border: 5px solid #1a396f; box-sizing: border-box; display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}

.teamInfor { background: #067fd1;}

.homeTeam .swiper-slide { text-align: center; color: #ffffff; padding: 88px 35px 0;}

.teamInfor p { font-size:24px; color: #ffffff; line-height: 1; margin-bottom: 13px;}

.teamInfor span {  line-height: 1; display: block; color: #ffffff; margin-bottom: 15px; font-size: 18px; text-transform: uppercase;}

.teamText b { display: block; line-height: 1; margin-bottom:10px; font-size: 18px; color: #ffffff;}

.teamText { padding-bottom: 34px; margin-top: -63px;}

.homeTeam .swiper { padding-bottom: 45px;}

.homeTeam .swiper .swiper-pagination span { background: #ffffff;}

.footerContact p { line-height: 40px; color: #666666; font-size: 18px; position: relative; padding-left: 28px;}

.footerContact p img { position: absolute; left:0; top: 50%; transform: translateY(-50%);}

.footerContact p a { color: #666666; transition: all .3s;}

.footerContact p a:hover { color: #1a396f;}

.caseHome li.cur { width:30%;}

.caseHome li a { display: block; width: 100%; height: 100%;}

.caseHome li { transition: all .5s; height: 310px; position: relative; width:10%;}

.caseHome ul { display: flex;}

.caseHome li a>img { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: all .5s;}

.caseHome li:nth-child(1) { background: #ed6e04;}

.caseHome li:nth-child(2) { background: #f77e1c;}

.caseHome li:nth-child(3) { background: #ed6c00;}

.caseHome li:nth-child(4) { background: #e89900;}

.caseHome li:nth-child(5) { background: #f9ba3f;}

.caseHome li:nth-child(6) { background: #104c86;}

.caseHome li:nth-child(7) { background: #6574a8;}

.caseHome li:nth-child(8) { background: #416d9c;}

.caseHome li:nth-child(9) { background: #3e8599;}

.caseHome li:nth-child(10) { background: #71c1c4;}

.caseHome li.cur img { opacity: 1;}

.caseName { padding:35px 0 0 26px; position: relative; z-index: 3;}

.caseName p { width: 24px; line-height:28px; font-size: 24px; color:#ffffff}

.caseHome li::after { pointer-events: none;}

.caseHome li:nth-child(1)::after { content: ''; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(to right,rgba(237,110,4,1),rgba(237,110,4,0));

left: 0; top: 0;}

.caseHome li:nth-child(2)::after { content: ''; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(to right,rgba(247,126,28,1),rgba(247,126,28,0));

left: 0; top: 0;}

.caseHome li:nth-child(3)::after { content: ''; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(to right,rgba(237,108,0,1),rgba(237,108,0,0));

left: 0; top: 0;}

.caseHome li:nth-child(4)::after { content: ''; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(to right,rgba(232,153,0,1),rgba(232,153,0,0));

left: 0; top: 0;}

.caseHome li:nth-child(5)::after { content: ''; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(to right,rgba(249,186,63,1),rgba(249,186,63,0));

left: 0; top: 0;}

.caseHome li:nth-child(6)::after { content: ''; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(to right,rgba(16,76,134,1),rgba(16,76,134,0));

left: 0; top: 0;}

.caseHome li:nth-child(7)::after { content: ''; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(to right,rgba(101,116,168,1),rgba(101,116,168,0));

left: 0; top: 0;}

.caseHome li:nth-child(8)::after { content: ''; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(to right,rgba(65,109,156,1),rgba(65,109,156,0));

left: 0; top: 0;}

.caseHome li:nth-child(9)::after { content: ''; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(to right,rgba(62,133,153,1),rgba(62,133,153,0));

left: 0; top: 0;}

.caseHome li:nth-child(10)::after { content: ''; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(to right,rgba(113,193,196,1),rgba(113,193,196,0));

left: 0; top: 0;}

.caseName span { margin-top: -40px; opacity: .3; font-size: 20px; color: #ffffff; line-height: 22px; display: block; transform: rotate(90deg); transform-origin: left bottom;}

.caseHome li:nth-child(5) .caseName span,.caseHome li:nth-child(6) .caseName span,.caseHome li:nth-child(7) .caseName span { margin-top: -60px;}

.caseHome li:nth-child(9) .caseName span { margin-top: -15px;}

.caseHome li.cur .caseName span { margin: 0; transform: rotate(0);}

.caseHome li.cur .caseName p { margin-bottom: 16px; width: 100%;}

.caseHome li.cur .caseName span br:nth-child(2) { display: none;}

.caseHome li i { z-index: 3; position: absolute; right: 10px; bottom: 17px;}

.caseHome li i img { transition: all .3s; width: 37px; display: block; transform-origin: left bottom;}

.caseHome li.cur i { opacity: .5; left: 26px;}

.caseHome li.cur i img { transform: scale(2);}

.caseHome { margin-top: 50px;}

.inBanner { position: relative; height: 380px;}

.inBannerPic { width: 100%; height: 100%; object-fit: cover;}

.bannerText { position: absolute; left: 50%; top: 50%; width: 1600px; max-width: 92%; transform: translate(-50%,-50%);}

.bannerText .textInfor { display: inline-block;}

.bannerText .textInfor span { padding-right: 12px; text-transform: uppercase; font-size: 30px; color: #ffffff; text-align: right; display: block;}

.bannerText .textInfor p { line-height: 1; margin-bottom: 12px; color: #ffffff; font-size: 40px; letter-spacing: 12px;}

.location { border-top: 1px solid rgba(255,255,255,.3); position: absolute; bottom: 0; line-height: 52px; left: 0; width: 100%;}

.locationCont { font-size: 16px; color: #e8eaff; display: flex; align-items: center;}

.locationCont img { display: block;}

.locationCont a { font-size: 16px; color:#e8eaff}

.locationCont span { margin: 0 8px;}

.location .container { display: flex; justify-content: space-between; align-items: center;}

.casePage { padding: 90px 0 50px; background: ;}

.caseTypes { margin-bottom: 75px; display: flex; justify-content: space-between;}

.caseTypes a { transition: all .4s; cursor: pointer; position: relative; line-height: 1; align-items: flex-end; font-size: 20px; color: #333; display: flex; justify-content: center; }

.caseTypes a i { margin-right: 10px; margin-bottom: -2px; display: block; position: relative;}

.caseTypes a i img { transition: all .4s;}

.caseTypes a i img:nth-child(2) { position: absolute; opacity: 0; left: 0; top: 0; width: 100%;}

.caseTypes a::after { content: ''; position: absolute; right: -20px; bottom: 0; width: 1px; height: 20px; background: #e5e5e5;}

.caseTypes a:last-child::after { display: none;}

.caseTypes a:before { content: ''; transition: all .5s; position: absolute;left: 0; top: -5px; bottom: -10px; border-top: 1px solid #ed6c00;

border-bottom: 1px solid #ed6c00;}

.caseTypes a.cur:before { width: 100%;}

.caseTypes a:hover i img:nth-child(1),.caseTypes a.cur i img:nth-child(1) { opacity: 0;}

.caseTypes a:hover i img:nth-child(2),.caseTypes a.cur i img:nth-child(2) { opacity: 1;}

.caseTypes a:hover,.caseTypes a.cur { color:#ed6c00 ;}

.caseList ul{flex-wrap: wrap; display: flex; justify-content: space-between;}

.caseList li { transition: all .3s; border-bottom: 1px solid #e5e5e5; width: calc(50% - 18px); margin-bottom: 44px;}

.caseImg { margin-bottom: 34px; overflow: hidden; height: 428px;}

.caseImg img { transition: all .8s; width: 100%; height: 100%; object-fit: cover;}

.caseTitle { background: url(../images/caseBg.png) right center no-repeat; padding-right: 45px;}

.caseTitle p { transition: all .3s; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  line-height: 1; margin-bottom: 11px; font-size: 16px; color: #bfbfbf;}

.caseTitle span { transition: all .3s; line-height: 1; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  display: block; color: #333333; font-size: 20px;}

.caseList li b { display: block; width: 20px; transition: all .3s; background: url(../images/rightMode.png) center no-repeat;

height: 5px; margin: 45px 0 25px;} 

.caseList li:hover b { background: url(../images/rightOn.png) center no-repeat;}

.caseList li:hover { border-bottom: 1px solid #122a7d;}

.caseList li:hover img { transform: scale(1.1);}

.caseList li:hover .caseTitle span { color: #122a7d;}

.fpage { display: flex; justify-content: center;}

.fpage a { transition: all .4s; text-align: center; font-size: 16px; color: #333333; width: 50px; font-size: 16px; margin: 0 4px; display: block; line-height: 50px; border-radius: 5px; background: #f5f5f5;}

.fpage a:nth-child(1),.fpage a:last-child { padding: 0 25px;}

.fpage a.cur,.fpage a:hover { background: #122a7d; color: #ffffff;}

.caseDetailTitle { margin-bottom: 35px; display: flex; justify-content: space-between; align-items: center;}

.titleName p { color: #cdcdcd; font-size: 16px; text-transform: uppercase; line-height: 1; margin-bottom: 14px;}

.titleName span { font-size: 30px; color: #122a7d;}

.caseDetail { padding: 80px 0 50px;}

.detailType { display: flex; align-items: flex-end; font-size: 24px; color: #333333;}

.detailType img { margin-right: 5px;}

.caseDesc { margin-bottom: 32px; display: flex; justify-content: space-between; background:#f6f6f6; padding:28px 50px 28px 44px;} 

.descTag p { line-height: 32px; font-size: 18px; color: #333333; display: flex; align-items: center;}

.descTag p img { margin-right: 7px; display: block;}

.descTag { width: 406px; max-width: 100%; border-right: 1px solid #d2d2d2; padding-right: 20px; margin-right: 5.2vw;}

.descInfor { font-size: 18px; color: #333333; line-height: 32px; flex: 1;}

.detailCont img { display: block; width: 100%; margin-bottom: 44px;}

.pageControl { align-items: center; display: flex; justify-content: space-between;}

.pageControl a { display: flex; align-items: center; color: #333333; transition: all .3s; font-size: 18px; display: block;}

.pageControl a.prevPage { padding-left: 16px; background: url(../images/prev.png) left center no-repeat;}

.pageControl a.nextPage { padding-right: 16px; background: url(../images/next.png) right center no-repeat;}

.pageControl a.prevPage::before { transition: all .3s; content: '|'; display: inline-flex; vertical-align: 2px; margin-right: 12px; font-size: 14px; color: #d6d6d6;}

.pageControl a.nextPage::after { transition: all .3s; content: '|'; display: inline-flex; vertical-align: 2px; margin-left: 12px; font-size: 14px; color: #d6d6d6;}

.pageControl a:hover::after,.pageControl a:hover:before,.pageControl a:hover { color: #e94609;}

.pageControl a.prevPage:hover { background: url(../images/prevOn.png) left center no-repeat;}

.pageControl a.nextPage:hover { background: url(../images/nextOn.png) right center no-repeat;}

.pageControl .backMenu { background: url(../images/backMenu.jpg) left center no-repeat; padding-left: 20px;}

.pageControl .backMenu:hover {background: url(../images/orangeIcon.jpg) left center no-repeat;}

.relevantTit { text-align: center; margin-bottom: 40px;}

.relevantTit p { text-transform: uppercase; font-size: 16px; line-height: 1; color: #bfbfbf; margin-bottom: 12px;}

.relevantTit span { font-size: 30px; color: #122a7d; display: block; line-height: 1;}

.relevant { border-top: 1px solid #aaaaaa; padding-top: 47px; margin-top: 42px;}

.relevant ul { display: flex;}

.relevant li { margin-right: 30px; width: calc((100% - 60px)/3);}

.relevant li:nth-child(3n) { margin-right: 0;}

.relevant .caseImg { height: 280px;}

.relevant li .caseTitle { padding-right: 0; background: none;}

.relevant li .caseTitle p { margin: 0; background: url(../images/rightMode.png) right center no-repeat;}

.relevant li .caseTitle span { margin-bottom: 12px;}

.relevant li:hover .caseImg img { transform: scale(1.1);}

.relevant li:hover .caseTitle span { color: #122a7d;}

.joinPage { padding: 65px 0 50px;}

.joinTitle { margin-bottom: 60px; text-align: center;}

.joinTitle p { text-transform: uppercase; font-weight: 200; font-size: 32px; line-height: 1; margin-bottom: 20px; color: #ed6e06;}

.joinTitle span { font-size: 24px; color: #333333;}

.joinDesc { margin-bottom: 40px; padding: 105px 0; text-align: center; background: url(../images/joinBg.jpg) center no-repeat; background-size: cover; background-attachment: fixed;}

.joinDesc p { font-size: 24px; color: #ffffff; line-height: 45px;}

.joinDesc span { color: #ffffff; font-size: 14px;}

.jobList li { transition: all .4s; background: #ffffff; margin-bottom: 20px; border: 1px solid #dddddd; border-radius: 8px; padding: 2px 24px 15px;}

.jobName {transition: all .3s; background: url(../images/joinIcon1.png) 20px center no-repeat; padding:16px 0 16px 54px;}

.jobName h2 { color: #333333; font-size: 20px; transition: all .4s; font-weight: bold;}

.jobName p {transition: all .4s; font-size: 14px; color: #666666;}

.jobTitle { margin-bottom: 15px; border-bottom: 1px solid #dddddd; display: flex; justify-content: space-between; align-items: center;}

.controlJob { transition: all .3s; cursor: pointer; display: block; text-align: center; border-radius:4px; font-size: 15px; position: relative; padding: 0 32px 0 16px; background: #122a7d; line-height: 36px; color: #ffffff;}

.controlJob b { background: url(../images/joinIcon3.png) center no-repeat; transition:all .4s; width: 8px; height: 5px; display: block; position: absolute; right: 17px; top: 50%; transform: translateY(-50%);}

.controlJob i { font-style: normal;}

.controlJob.cur b { transform: translateY(-50%) rotate(-180deg);}

.jobHidden { display: none; border-top: 1px solid #dddddd; padding: 20px 20px 0; margin-top: 20px;}

.jobTag { padding-left: 20px; line-height: 34px;}

.jobTag span { margin-right: 1.56vw; display: inline-block; font-size: 16px; color: #333333;}

.jobGood { display: flex; align-items: center; border-top: 1px solid #dddddd; margin-top: 20px; padding: 15px 0 0;}

.jobChat { display: flex; align-items: center; gap: 20px;}

.jobChat span { font-size: 16px; display: block; padding: 0 20px; line-height: 36px; border-radius: 36px; background: #122a7d; color: #ffffff;}

.jobChat span a { color: #ffffff;}

.jobChat p { font-size: 16px; color: #333333;}

.jobList li.cur { border: 1px solid #dddddd;}

.jobList li.cur .jobName {background: url(../images/contactIcon11.png) 20px center no-repeat; padding:16px 0 16px 54px;}

.jobList li.cur .jobName h2,.jobList li.cur .jobName p,.jobList li:hover .jobName p,.jobList li:hover .jobName h2 { color:#e94609 ;}

.jobList li:hover .controlJob,.jobList li.cur .controlJob{ background:#e94609 ;}

.jobList li:hover .jobName,.jobList li.cur .jobName { background: url(../images/joinIcon2.png) 20px center no-repeat;}

.jobList li:hover,.jobList li.cur { border: 1px solid #e94609;}

.jobDesc p { font-size: 18px; color: #333333; line-height:30px;}

.jobGood p { font-size: 16px; color: #333333;}

.jobGood span { color: #666666; font-size: 16px;}

.jobGood a { color: #e94609;}

.jobList li { margin-bottom: 28px;}

.fixMenu { display: none;}

.fixMenu a { transition:all .3s; margin-left: 25px; cursor: pointer; display: inline-flex; position: relative; font-size: 16px; color: #e8eaff;}

.fixMenu a:hover { color:#ed6c00}

.mobMenu { display: none;}

.fixMenu a.cur { color: #ed6c00;}

.fixMenu a.cur::after { content: ''; position: absolute; bottom: 0; width: 100%; left: 0; height: 2px; background: #ed6c00;}

.address { padding: 65px 0;}

.addressList ul { gap: 38px; display: flex; justify-content: space-between;}

.addressList li { flex: 1; text-align: center; background: #f6f6f6; border-radius: 10px; padding: 45px 0 40px;}

.addressList li>img { display: block; margin: 0 auto 18px;}

.addressList li h2 { margin-bottom: 50px; color: #333333; line-height: 1; font-size: 24px;}

.addressList li p { margin-bottom: 35px; font-size: 18px; color: #666666; line-height: 28px;}

.addressList li a{ color: #ff6d06; font-size: 18px; display: flex; justify-content: center; align-items: center;}

.addressList li a img { transition: all .4s; width: 16px; margin-left: 8px;}

.addressList li a:hover img { margin-left: 20px;}

.map { background: #f6f6f6; padding: 90px 0;}

.mapTitle { display: flex; justify-content: space-between;}

.titleCont p { font-size: 36px; color: #333333; margin-bottom: 14px; line-height: 1;}

.titleCont span { text-transform: uppercase; font-size: 18px; color: #afafaf; display: block; position: relative; padding-left: 60px;}

.titleCont span::after { content: ''; width: 44px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 2px; background: #ececec;}

.titleDesc p { margin-bottom: 7px; font-size: 24px; color: #333333;}

.titleDesc span { line-height: 26px; font-size: 18px; color: #808080;}

.titleDesc { width: 312px;}

.addressSlide ul {display: flex; width: 310px; flex-wrap: wrap;}

.addressSlide li { cursor: pointer; font-size: 18px; color: #333333; line-height: 38px; display: flex; align-items: center; width: 50%;}

.addressSlide li img { margin-right: 10px;}

.mapBar { margin: 70px auto 0; display: flex; justify-content: space-between;}

.mapInfor { position: relative;}

.mapInfor p { display: flex; align-items: start; position: absolute;}

.mapInfor p:nth-child(1) { left: 63.8%; top: 39%;}

.mapInfor p:nth-child(2) { left: 64.46%; top: 59.39%;}

.mapInfor p:nth-child(3) { left: 57.3%; top: 62.69%;}

.mapInfor p:nth-child(4) { left: 71.63%; top: 32.71%;}

.mapInfor p:nth-child(5) { left: 31.51%; top: 45.77%;}

.mapInfor p:nth-child(6) { left:48.04%; top: 44.85%;}

.mapInfor p:nth-child(7) { left: 38.2%; top: 79.81%;}

.mapInfor p:nth-child(8) { left: 67.9%; top: 46.96%;}

.mapInfor p:nth-child(9) { left: 58.739%; top: 56.2%;}

.mapInfor p:nth-child(10) { left: 76.02%; top: 26.38%;}

.mapInfor p:nth-child(11) { left: 69.14%; top: 55.14%;}

.mapInfor p:nth-child(12) { left: 40.68%; top: 63.58%;}

.mapInfor p:nth-child(13) { left: 71.97%; top: 59.6%;}

.mapInfor p:nth-child(14) { left: 44.69%; top: 51%;}

.mapInfor p:nth-child(15) { left: 49.66%; top: 65.83%;}

.mapInfor p:nth-child(16) { left: 63.22%; top: 71.5%;}

.mapInfor p:nth-child(17) { z-index: 2; left: 59.21%; top: 81.63%;}

.mapInfor p:nth-child(18) { left: 19.1%; top: 29.68%;}

.mapInfor p img { display: block; margin-right: 6px;}

.mapInfor p span { display: none; pointer-events: none; opacity: 0; transition: all .3s; color: #ed6c00; font-size: 18px;}

.mapInfor p.cur img,.mapInfor p.act img { animation: aniPost 1s infinite linear;}

.mapInfor p.cur,.mapInfor p.act { opacity: 1;}

.mapInfor p.cur span { opacity: 1;}

.mapInfor p:hover span{ display: block; opacity: 1;}

@keyframes aniPost{

	0% { transform: translateY(0);}

	50% { transform: translateY(-5px);}

	100% { transform: translateY(0);}

}

.contactBottom { padding: 90px 0; background: url(../images/bottomBg.jpg) right center no-repeat; background-size: cover;}

.messageCont { margin-top: 70px; display: flex; justify-content: space-between;}

.messageForm p { font-size: 24px; color:#333333; line-height: 1; margin-bottom: 28px;}

.messageForm li { display: flex; gap: 15px; margin-bottom: 15px; justify-content: space-between;}

.messageForm li input { padding-left: 18px; font-size: 16px; height: 54px; display: block; flex: 1; border: 1px solid #c3cac1; outline: none; border-radius: 5px;}

.messageForm select {appearance: none; /* 移除下拉箭头 */ -moz-appearance: none; /* Firefox */ -webkit-appearance: none;  box-sizing: border-box; padding-left: 18px; font-size: 16px; height: 54px; display: block; width: 100%; border: 1px solid #c3cac1; outline: none; border-radius: 5px;}

.selectCont { position: relative; flex: 1;}

.selectCont::after { content: ''; width: 9px; height: 5px; background: url(../images/selectDown.png) center no-repeat; position: absolute;

right: 15px; top: 50%; margin-top: -2.5px; pointer-events: none;}

.messageForm button { font-size: 18px; margin: 25px auto 0; cursor: pointer; border-radius: 4px; color:#ed6c00; background: none; display: block;  width: 130px; height: 48px; border: 1px solid #ed6c00; transition: all .3s;}

.messageForm button:hover {color: #ffffff; background: #ed6c00;}

.messageForm { width: 810px; border-right: 1px solid #959595; padding-right: 55px;}

.mediaTit {text-align: center;}

.mediaTit p { font-size: 24px; color: #333333; line-height: 1; margin-bottom: 10px;}

.mediaTit span { font-size: 18px; color: #848484;}

.contactMedia ul { display: flex;}

.contactMedia li { text-align: center; margin-left: 4vw;}

.contactMedia li p { font-size: 18px; color: #333333; display: flex; justify-content: center; align-items: center;}

.contactMedia li p img { display: block; margin-right: 7px;}

.scanImg { margin-top: 68px; margin-bottom: 20px; width: 186px; display: flex; justify-content: center; align-items: center; background: url(../images/scanBg.jpg) center no-repeat;

height: 186px; background-size: 100% 100%;}

.scanImg img { width: 74%;}

.honorMenu { margin-bottom: 40px; display: flex; justify-content: center; align-items: center;}

.honorMenu span { position: relative; cursor: pointer; font-size: 16px; line-height: 52px; display: block; margin: 0 50px;}

.honorMenu span::after {content: ''; position: absolute; bottom: 0; width: 0%;transition: all .5s; left: 0; height: 2px; background: #ed6c00;}

.honorMenu span.cur::after { content: ''; position: absolute; bottom: 0; width: 100%; left: 0; height: 2px; background: #ed6c00;}

.honorMenu span.cur { color: #ed6c00;}

.honorTop { padding: 65px 0;}

.honorSwiper p {overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  margin-bottom: 30px; padding-left: 14px; font-size: 18px; color: #666666; line-height: 1; position: relative; transition: all .4s;}

.honorSwiper p::after { content: ''; position: absolute; left: 0; top: 50%; height: 14px; transform: translateY(-50%); width: 2px; background-image: linear-gradient(to bottom,#fbaf71,#ee710b);}

.honorSwiper .swiper-slide:hover p { color:#ed6c00;}

.honorSwiper .swiper { padding-bottom: 90px;}

.honorSwiper .swiper .swiper-button-prev { background: url(../images/honorPrev.png) center no-repeat; width: 47px; height: 46px;

background-size: 100% auto; margin: 0; bottom: 0; top:auto; transition: all .3s;}

.honorSwiper .swiper .swiper-button-next { background: url(../images/honorNext.png) center no-repeat; width: 47px; height: 46px;

background-size: 100% auto; right: auto; bottom:0; margin: 0; top: auto; left: 62px; transition: all .3s;}

.honorSwiper .swiper .swiper-button-prev::after,.honorSwiper .swiper .swiper-button-next::after { content: '';}

.honorSwiper .swiper-pagination { width: auto; bottom: 12px; left: auto; right: 60px; font-size: 18px; color: #666666;}

.honorSwiper .swiper .swiper-button-prev:hover { background: url(../images/honorPrevon.png) center no-repeat;}

.honorSwiper .swiper .swiper-button-next:hover { background: url(../images/honorNexton.png) center no-repeat;}

.honorSwiper img { display: block;}

.honorSwiper::after { content: ''; position: absolute; left: 130px; bottom: 20px; height: 1px; background: #efefef; right: 143px;}

.honorSwiper::before { content: ''; position: absolute; right: 0; bottom: 20px; height: 1px; background: #efefef; width: 52px;}

.honorSwiper { position: relative;}

.honorDesc { margin-top: 40px;}

.honorDesc ul { display: flex; justify-content: space-between; text-align: center;}

.honorIcon { margin-bottom: 20px; display: flex; justify-content: center; align-items: center; height: 88px;}

.honorDesc li p { margin-bottom: 18px; font-size: 18px; color: #333333; line-height: 24px;}

.honorDesc li span { display: block; line-height: 20px; font-size: 16px; color: #666666;}

.honorSwiper .swiper-pagination-current { color: #ed6c00;}

.honorDesc li { position: relative;}

.honorDesc li::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right:-5vw; width: 1px; height: 100px; background: #efefef;}

.honorDesc li:last-child::after { display: none;}

.projectHonor { padding: 35px 0 50px; background: url(../images/honorBg.jpg) right center no-repeat; background-size: cover;}

.projectTitle { padding-bottom: 35px;  display: inline-block;}

.projectTitle h2 { display: flex; align-items: center;}

.projectTitle h2 span { display: block; margin: 0 10px; font-size: 36px; color: #ed6e06;}

.projectTitle h2 img { display: block;}

.projectTitle p { line-height: 40px; text-align: center; position: relative;}

.projectTitle p span { position: relative; z-index: 2; font-size: 16px; color: #666666;}

.projectTitle p i { font-style: normal; position: absolute; font-size: 46px; color: #efefef; text-transform: uppercase;

position: absolute; left: 32px;}

.historyCont {padding-top: 35px; border-top: 1px solid #efefef;}

.historyTit { display: flex; justify-content: space-between; align-items: center;}

.swiperYear { width: 100%;}

.swiperName {width: 200px; margin: 0;}

.swiperName .swiper-slide { line-height: 1; font-size: 34px; font-weight: bold; color: transparent; background-image: linear-gradient(to bottom, #faab6b, #ee720d);  -webkit-background-clip: text; background-clip: text;}

.yearCont {max-width: 100%; position: relative; width: 805px; position: relative; padding: 0 46px;}

.yearCont .swiper-slide { cursor: pointer; text-align: center; font-size: 18px; color: #333333; line-height: 38px; border-radius: 38px;}

.yearCont .swiper-slide.cur { background-image: linear-gradient(to bottom,#fbaf71,#ed6f08); color: #ffffff;}

.yearCont .swiper-button-prev { transform: translateY(-50%); left: 0; display: block; margin: 0; width: 33px; height: 33px; background: url(../images/historyPrev.png) center no-repeat;}

.yearCont .swiper-button-next { transform: translateY(-50%); left: auto; right: 0; display: block; margin: 0; width: 33px; height: 33px; background: url(../images/historyNext.png) center no-repeat;}

.yearCont .swiper-button-prev:hover { background: url(../images/historyPrevon.png) center no-repeat;}

.yearCont .swiper-button-next:hover { background: url(../images/historyNexton.png) center no-repeat;}

.yearCont .swiper-button-prev:after,.yearCont .swiper-button-next::after { display: none;}

.slideInfor { display: flex; justify-content: space-between;}

.slideInfor li { line-height: 2; position: relative; font-size: 18px; color: #333333; padding-left: 13px;}

.slideInfor li::after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 6px;

border-radius: 50%; background: #f59343;}

.honorList { margin-top: 40px;}

.priceCont { align-items: center; padding: 20px 0 32px; display: flex; justify-content: space-between;}

.priceText p { font-size: 26px; color: #ed6e06; line-height: 1; margin-bottom: 30px;}

.priceText span { font-size: 20px; color: #333333; line-height: 1.7;}

.honorIntroduceList li { padding: 80px 0 60px;}

.honorIntroduceList li:nth-child(odd) {background: #fafafa;}

.honorIntroduceList li .container { display: flex; justify-content: space-between;}

.honorCn { width: 400px;}

.honorEn { width: 600px;}

.honorNum { flex: 1;}

.honorCn p { padding-left: 13px; position: relative; font-size: 16px; color: #333333; line-height: 28px;}

.honorEn p{padding-left: 13px; position: relative; line-height: 28px; font-size: 16px; color: #a1a1a1;}

.honorCn p::after,.honorEn p::after {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 6px;

border-radius: 50%; background: #f59343;}

.honorNum p { line-height: 1; color: transparent; background-image: linear-gradient(to bottom, #faab6b, #ee720d);  -webkit-background-clip: text; background-clip: text; font-size: 76px; }

.honorNum span { display: block; font-size: 24px; line-height: 28px; margin: 15px 0; color: transparent; background-image: linear-gradient(to bottom, #faab6b, #ee720d);  -webkit-background-clip: text; background-clip: text;}

.honorNum b { display: block; color: #333333; font-size: 20px;}

.honorCn::after { content: '......'; padding-left: 12px; font-size: 16px; color: #333333;}

.honorEn::after { content: '......'; padding-left: 12px; font-size: 16px; color: #a1a1a1;}

.introduce { padding: 90px 0 100px;}

.introduce .introduceTit { width: 42.3%;}

.introduceTit p { line-height: 1; margin-bottom: 20px; font-size: 32px; color: #ed6e06; text-transform: uppercase;}

.introduceDesc h2 {line-height: 1; margin-bottom:34px; font-size:24px; color: #ed6e06; text-transform: uppercase;}

.introduceTit span { font-size: 24px; color: #333333;}

.introduce { display: flex;}

.introduceDesc { max-width: 67.7%; width: 736px;}

.introduceDesc p { font-size: 18px; color: #333333; line-height: 30px; margin-bottom: 40px;}

.introduceDesc span { font-size: 18px; line-height: 30px; color: #666666;}

.introducePic img { display: block; width: 100%; height: 21.45vw; object-fit: cover;}

.introduceControl { padding: 52px 0 32px; border-bottom: 1px solid #efefef; display: flex; align-items: center;}

.introduceControl .swiper-button-prev {font-weight: bold;  position: static; display: flex; margin: 0 8px 0 0; width: 42px; color: #f9a560; border-radius: 50%; height: 42px; border: 1px solid #f9a560;}

.introduceControl .swiper-button-next { font-weight: bold; position: static; display: flex; margin: 0; width: 42px; color: #f9a560; border-radius: 50%; height: 42px; border: 1px solid #f9a560;}

.introduceControl .swiper-button-prev:after,.introduceControl .swiper-button-next::after { font-size: 16px;}

.introduceControl .swiper-button-prev:hover,.introduceControl .swiper-button-next:hover { border: none; color: #ffffff; background-image: linear-gradient(to bottom,#fbaf71,#ed7009);}

.introduceSwiper { padding-left: calc(50% - 800px);}

.introduceCn li { position: relative; font-size: 18px; padding-bottom: 34px; display: flex; align-items: center;}

.introduceCn li span { position: relative; z-index: 2; margin-right: 35px; color: #ffffff; display: flex; justify-content: center; align-items: center; background-image: linear-gradient(to bottom,#fbaf71,#ed7009); border-radius: 50%; width: 41px; height: 41px;}

.introduceCn li:last-child { margin-bottom: 0;}

.introduceCn li p { flex: 1; font-size: 18px; color: #333333; line-height: 28px;}

.introduceCn { width: 46.875%;}

.introduceCn li:last-child { padding-bottom: 0;}

.introduceEn { width: 44%;}

.introduceArticle { padding: 5.2vw 0 4vw; display: flex; justify-content: space-between;}

.introduceEn p { font-size: 18px; color: #666666; line-height: 28px; margin-bottom: 10px;}

.introduceCn li::after { content: ''; position: absolute; left:20px; top: 0; bottom: 0; width: 1px; background: #fbaf70;}

.introduceCn li:first-child::after { top: 50%;}

.introduceCn li:last-child::after { bottom: 50%;}

.goodTag ul { display: flex; justify-content: space-between; flex-wrap: wrap;}

.goodTag li { position: relative; padding: 2.6vw 0;}

.goodTag i { font-style: normal;}

.goodTag li:nth-child(2),.goodTag li:nth-child(5) { width: 43.75%;}

.goodTag li:nth-child(2):before,.goodTag li:nth-child(5):before { content: ''; background: #bfbfbf; position: absolute; left: 0; width: 1px; height: 100px; top: 50%; transform: translateY(-50%);}

.goodTag li:nth-child(2):after,.goodTag li:nth-child(5):after { content: ''; background: #bfbfbf;position: absolute; right: 0; width: 1px; height: 100px; top: 50%; transform: translateY(-50%);}

.goodTag li { text-align: center;}

.goodTag li:nth-child(1) { padding-right: 5.2vw;}

.goodTag li:nth-child(3) { padding-left: 5.2vw;}

.goodTag li:nth-child(6) { padding-left:  5.2vw;}

.goodTag li:nth-child(4) { padding-right:  5.2vw;}

.tagIcon { margin-bottom: 25px; height: 70px; display: flex; justify-content: center; align-items: center;}

.tagIcon img { display: block;}

.goodTag li p { font-size: 18px; color: #333333; line-height: 26px; margin-bottom: 15px;}

.goodTag li span { display: block; font-size: 16px; color: #666666;}

.goodTag { background: #fafafa; padding: 1.4vw 0 2.6vw;}

.speech { padding: 75px 0;}

.speechCn li p,.speechEn li p { font-size: 18px; color: #ed6e06; line-height: 28px; margin-bottom: 6px;}

.speechCn li span,.speechEn li span { font-size: 18px; color: #666666; line-height: 28px;}

.speechCn li,.speechEn li { margin-bottom: 20px;}

.speechCn li:last-child { margin-bottom: 0;}

.speechCn { width: 42%;}

.speechEn { width: 47.5%;}

.speechCont { margin-top: 65px; display: flex; justify-content: space-between;}

.signText { margin-top: 20px; display: flex; align-items: center; justify-content: end;}

.signText img { display: block;}

.signText i { margin-right: 6px; background: #d2d2d2; width: 33px; height: 1px; display: block;}

.signText span { font-size: 16px; color: #333333; margin-right: 28px;}

.culture { border-top: 1px solid #efefef; padding: 70px 0 80px;}

.culture ul { margin-top: 60px; display: flex; justify-content: space-between; flex-wrap: wrap;}

.culture li:nth-child(2n) { width: 48.75%;}

.culture li:nth-child(odd) { width: 51.25%; box-sizing: border-box; padding-right: 20px;}

.culture li { padding: 30px 0; display: flex; align-items: center;}

.cultureTag { width: 100px; height: 100px; border-radius: 50%; background-image: linear-gradient(to bottom,#fbaf71,#ed6f07); display: flex; flex-direction: column; justify-content: center; align-items: center; margin-right: 40px;}

.cultureTag p { font-size: 22px; color: #ffffff; line-height: 1; margin-bottom: 8px;}

.cultureTag span { display: block; font-size: 16px; color: #ffffff;}

.cultureDesc { flex: 1;}

.cultureDesc p { font-size: 18px; color: #333333; line-height: 28px;}

.cultureDesc span { display: block; font-size: 18px; color: #989898; line-height: 22px;}

.course { background: #fafafa; padding: 90px 0 80px;}

.courseSwiper { margin-top: 40px;}

.courseSwiper .swiper-slide { transition: all .5s; box-shadow:0 0 10px rgba(0,0,0,0.1); background: #ffffff; width:464px; padding: 10px 15px 0;}

.courseSwiper .swiper-slide-active { background-image: linear-gradient(to bottom,#fbaf71,#ed6e06);}

.stepText h2 { color: #666666; margin-bottom: 25px; font-size: 26px;}

.stepText p { font-size: 18px; line-height: 28px; color: #666666;}

.stepText { height: 156px;}

.courseSwiper .swiper-slide-active h2,.courseSwiper .swiper-slide-active p { color: #ffffff;}

.aboutPic { margin-bottom: 50px;}

.aboutPic img { display: block; width: 100%; height: 248px; object-fit: cover;}

.stepYear .swiper-slide { cursor: pointer; text-align: center; background: url(../images/stepLine.png) center bottom no-repeat; background-size: 100% auto;

line-height: 95px;transition: all .4s; font-size: 24px; color: #f17e21;}

.stepYear .swiper-slide.cur { font-size: 40px;}

.stepYear .swiper-slide.cur::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 6px; height: 13px; background: #f07e20;

transition: all .5s;}

.stepYear { margin-top: 20px; padding: 0 100px; position: relative;}

.stepYear .swiper-button-prev { transition: all .4s; top: auto; bottom: -31px; width: 62px; height: 62px; border-radius: 50%; border: 1px solid #f08329; color: #f08329; font-size: 20px;}

.stepYear .swiper-button-prev::after,.stepYear .swiper-button-next::after { font-size: 20px;}

.stepYear .swiper-button-next { transition: all .4s; top: auto; bottom: -31px; width: 62px; height: 62px; border-radius: 50%; border: 1px solid #f08329; color: #f08329; font-size: 20px;}

.stepYear .swiper-button-prev:hover,.stepYear .swiper-button-next:hover { color: #ffffff; background:#f07e20;}

.team { background: url(../images/teamBg.jpg) center no-repeat; background-size: cover; padding: 70px 0 80px;}

.teamSwiper { margin-top: 50px;}

.teamSwiper .swiper{ height: 610px; overflow: hidden;}

.teamSwiper .swiper-slide { transform: scale(1); width: 378px; position: relative;}

.teamPic { max-width: 95%; margin:40px auto 35px; width: 180px; position: relative; z-index: 2;}

.teamPic img { width: 100%; height: 100%; object-fit: cover;}

.teamSwiper .swiper-slide-active .teamPic { width: 222px;}

.teamSwiper .swiper-slide::after { content: ''; opacity: 0; transition: all .5s; left: 0; top: 0; position: absolute; width: 100%; height: 250px; background-image: linear-gradient(to bottom,#ed6f07,#f38b36);}

.teamSwiper .swiper-slide-active::after { opacity: 1;} 

.teamName { padding-top: 45px; text-align: center; position: relative; z-index: 2;}

.teamName span { font-size: 25px; opacity: .15; color: #ffffff; text-transform: uppercase; display: block; line-height: 1;}

.teamName p { margin-top: -15px; font-size: 24px; color: #ffffff; line-height: 1; margin-bottom: 16px;}

.teamName b { font-size: 16px; color: #ffffff; display: block; line-height: 1;}

.teamDesc { overflow: hidden; position: relative; visibility: hidden; opacity: 0; height: 0; padding: 0 25px 65px; font-size: 14px; color: #666666; line-height: 28px;}

.teamSwiper .swiper-slide-active .teamDesc{ transition: all .4s; visibility: visible; height: auto; opacity: 1;}

.teamDesc::after { content: ''; background: url(../images/teamIcon8.png) center no-repeat; width: 32px; height: 27px; background-size: 100% auto;

position: absolute; right: 20px; bottom: 25px;}

.teamControl { margin-top: 50px; text-align: center;}

.teamControl .swiper-button-prev { display: inline-block; background: url(../images/honorPrev.png) center no-repeat; width: 47px; height: 46px;

background-size: 100% auto; margin: 0 10px; position: static; transition: all .3s;}

.teamControl .swiper-button-next {display: inline-block; background: url(../images/honorNext.png) center no-repeat; width: 47px; height: 46px;

background-size: 100% auto; margin: 0 10px;  position: static; transition: all .3s;}

.teamControl .swiper-button-prev::after,.teamControl .swiper-button-next::after { content: '';}

.teamControl .swiper-button-prev:hover { background: url(../images/honorPrevon.png) center no-repeat;}

.teamControl .swiper-button-next:hover { background: url(../images/honorNexton.png) center no-repeat ;}

.teamSwiper .swiper{padding: 0 120px 0 0 ;}

.teamSwiper .swiper-slide{ transform: scale(.8);}

.teamSwiper .swiper-slide-active{transform: scale(1.1); z-index: 10; }

.teamSwiper .swiper-slide-next{ margin-left: 60px;}

.teamSwiper .swiper-slide-prev{ margin-right: 60px !important ;}

.teamSwiper .swiper-slide::after{width: 320px; left: 50%;transform: translateX(-50%); }

.teamDesc {padding-top: 130px; position: absolute; top: 250px; background: rgb(250,250,250); left:50%; transform: translateX(-50%); width: 320px;}

 /*.teamDesc p {overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}*/



 .teamDesc p {

	max-height: 140px;

	overflow-y: auto; /*  内容超出才显示滚动条 */

	padding-right: 8px;

	white-space: normal;

	display: block;

  

	text-overflow: unset;

	-webkit-line-clamp: unset;

	-webkit-box-orient: unset;

  }

  

  /* Webkit 浏览器（Chrome、Edge、Safari）滚动条样式 */

  .teamDesc p::-webkit-scrollbar {

	width: 3px; /* 滚动条宽度变细 */

  }

  

  .teamDesc p::-webkit-scrollbar-thumb {

	background-color: orange; /* 滚动条颜色为橙色 */

	border-radius: 3px;

  }

  

  .teamDesc p::-webkit-scrollbar-track {

	background-color: transparent; /* 滚动轨迹背景透明 */

  }



.swiper-button-prev,.swiper-button-next { outline: none;}

.partner { padding: 80px 0 70px;}

.picMarquee-left{ margin-bottom: 20px; width:100%;  overflow:hidden; position:relative;}

.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }

.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }

.picMarquee-left .bd ul li .pic{ text-align:center; }

.picMarquee-left .bd ul li .pic img{ width:211px; height:80px; display:block;}

.partner {background: #fafafa;}

.partnerSlide { margin-top: 80px;}



.bj1{background: #f9f9f9;}

.news{padding: 68px 0 60px 0;}

.news_top{padding-top: 35px;border-top: 1px solid #efefef;}

.news_top ul{display: flex;justify-content: space-between;gap:55.5px; flex-wrap: wrap;}

.news_top li{width: calc(33.33% - 37px);}

.newsxq{border-bottom: 1px solid #efefef;}

.news_top span{display: block; height: 300px;overflow: hidden;}

.news_top span img{width: 100%; height: 100%; object-fit: cover;transition: .5s;}

.news_text{padding: 35px 0 25px;}

.news_text p{font-size: 16px; margin-bottom: 25px;color: #333333;}

.news_text p img{display: inline-block;vertical-align: middle; margin: -3px 9px 0 0;}

.news_text h2{ font-size: 18px; padding-right: 40px; color: #333;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.news_top a:hover h2{color: rgb(255, 109, 6);background: url(../images/enter.png) no-repeat right center;background-size: 20px auto;}

.news_top a:hover span img{transform: scale(1.1);}



.news_lb{padding: 35px 0 25px;}

.newslb_top ul{overflow: hidden;}

.newslb_top li{float: left; padding-right: 45px;}

.wby1{width: 170px; height: 38px; border: none; border-bottom: 1px solid #efefef;color: #9c9c9c;outline:none;}

.ssbox{position: relative; width: 355px;height: 38px;border: none; border-bottom:1px solid #efefef;}

.wby2{height: 38px; line-height: 38px;width: 100%;border: none;background: none;}

.btn1{background: url(../images/a1.png);width: 18px;height: 18px;background-size: 100%;cursor: pointer; border: none; right: 0;top: 50%;transform: translateY(-50%);position: absolute;}

.fr{float: right;}

.newslb_bottom{padding-bottom: 36px;}

.newslb_bottom li{border-bottom: 1px solid #efefef; line-height: 78px;font-size: 16px;}

.newslb_bottom a{color: #333333;}

.newslb_bottom a b{font-size: 18px; transition: all .3s; padding-left: 70px;padding-left: 70px;display: inline-block; width: calc(100% - 350px);overflow: hidden; text-overflow:ellipsis; white-space: nowrap;vertical-align: middle;}

.newslb_bottom a i{float: right;}

.newslb_bottom a img{display: inline-block;vertical-align: middle; margin: -3px 9px 0 0;}

.newslb_bottom a i{ font-style: normal; font-size: 14px;color: #333; padding-right: 30px;background: url(../images/a3.png) no-repeat right center;}

.newslb_bottom li:hover b{ text-indent: 10px; color: rgb(255, 109, 6); } 

.newslb_bottom li:hover i{color: rgb(255, 109, 6);  background: url(../images/enter.png) no-repeat right center;background-size: 21px auto;}

.fgt{height: 10px;}



/*news_xq*/

.news_xq{overflow: hidden; padding: 60px 0 45px;display: flex;justify-content: space-between; align-items: flex-start; }

.news_left{width: calc(100% - 490px);background: #f8f8f8; padding: 0 45px;}

.news_bt{padding: 65px 0 0; position: relative;}

.news_bt>span{font-size: 5.83vw; text-transform: uppercase;color: #f2f2f2;top:90px;left: 0; position: absolute; font-family: arial;font-weight: bold;}

.news_bt h2{font-size: 30px;color: #000; margin-bottom: 20px; position: relative;z-index: 10;}

.news_bt>p{font-size: 30px;color: #000; position: relative;z-index: 10;}

.qrcode img { display: block;}

.fxnr{ align-items: center; display: flex;justify-content: space-between; border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;margin-top: 55px; }

.fxnr_left ul{overflow: hidden;}

.fxnr_left li{float: left; font-size: 18px; color: #666666; line-height: 56px; padding-right: 45px;}

.fxnr_left li img{vertical-align: middle; margin: -3px 7px 0 0;;}

.fxnr_left li b{font-size: 9px; color: #d9d9d9; margin:-3px 7px 0 0;vertical-align: middle;display: inline-block;}

.xwxq{ padding-top: 55px;background: url(../images/a7.png) no-repeat  left 25px;}

.xwxq p{font-size: 18px;color: #333333; line-height: 30px;}

.xwxq img{max-width: 100%; margin: 20px 0; border-radius: 10px;}

.xwxq h2{margin-bottom: 15px;text-align: center; font-size: 18px;color: #333;}

.wzfy{display: flex;justify-content: space-between;align-items: center; padding: 35px 0 40px;}

.wzfy a{font-size: 18px;color: #707079;transition: .4s;line-height: 20px;}

.wzfy a:hover{color: rgb(255, 109, 6);}

.bt_a{padding-left: 27px;background: url(../images/a10.png) no-repeat left center;}

.bt_a:hover{background: url(../images/a8.png) no-repeat left center;}

.bt_b{padding-left: 34px;background: url(../images/a11.png) no-repeat left center;}

.bt_b:hover{background: url(../images/a12.png) no-repeat left center;}

.bt_c{padding-right: 27px;background: url(../images/a9.png) no-repeat right center;}

.bt_c:hover{background: url(../images/a13.png) no-repeat right center;}

.news_right{width: 440px; padding: 0 20px;background: #f8f8f8;}



.xgxw_title h2{color: #ed6c00; font-size: 24px; line-height: 66px; border-bottom: 1px solid #dcdcdc;}

.xgxw_title h2 b{display: inline-block; position: relative;}

.xgxw_title h2 b:before{position: absolute; content: ""; border-bottom: 3px solid #ed6c00;width: 100%; left: 0;bottom: -2px;}

.xgxw_nr li{padding: 19px 0; border-bottom: 1px solid #dcdcdc;}

.xgxw_nr h2{font-size: 18px;color: #333; margin-bottom: 15px;transition: .5s;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.xgxw_nr p{font-size: 14px;color: #333;}

.xgxw_nr p img{vertical-align: middle; margin: -3px 7px 0 0;}

.xgxw_nr p b{display: inline-block;margin: -3px 7px 0 0;font-size: 10px;color: #999;}

.xgxw_nr a:hover h2{color: #ed6c00;}

.xgxw_nr li:last-child{border: none;}



/*video*/

.video{padding-bottom: 50px;}

.video_top{position: relative; overflow: hidden;}

.video_top:before{position: absolute; z-index: 2; content: ""; width: 100%; height: 30%;background-image: linear-gradient(transparent, rgba(0,0,0,.9));left: 0;bottom: 0; }

.bfbtn{background: url(../images/a14.png); width: 108px;height: 92px;z-index: 10; position: absolute; background-size: 100% 100%;cursor: pointer; left:50%; top:50%; transform:translate(-50%,-50%);}

.video_top img{ transition: all .8s; width: 100%;}

.video_top video { width: 100%; height: 100%; display: block; object-fit: cover;}

.video_top:hover img { transform: scale(1.1);}

.video_top p{width: 100%; position: absolute;z-index: 10;left: 0;bottom: 35px;box-sizing: border-box;padding: 0 30px;color: #fff;z-index: 10; font-size: 24px;}

.video_top p b{vertical-align: middle; display: inline-block;font-size: 20px; margin: -3px 7px 0 0;}

.video_bottom{padding-top: 24px; padding-bottom: 24px;}

.video_bottom ul{overflow: hidden; margin-left: -20px;}

.video_bottom li{width: 50%;float: left; padding: 0 0 24px 20px;float: left;box-sizing: border-box;}

.videopl{position: relative; overflow: hidden; height: 24.32vw;}

.videopl video{ transition: all .8s; width: 100%; height: 100%; object-fit: cover;}

.videopl:hover img { transform: scale(1.1);}

.videopl:before{ z-index: 2; position: absolute; content: ""; width: 100%; height: 30%;background-image: linear-gradient(transparent, rgba(0,0,0,.9));left: 0;bottom: 0; }

.videopl p{ display: flex; align-items: center; color: #fff; z-index: 3; width: 100%; position: absolute; left: 0; bottom: 20px; padding: 0 21px; font-size: 18px;box-sizing: border-box;}

.videopl p span{display: inline-block;background: url(../images/a14.png); width: 35px;height: 26px;background-size: 100% 100%; margin: -3px 12px 0 0;vertical-align: middle;}

.videopl p i {width: calc(100% - 80px); font-style: normal; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }

#shareCont a{ transition: all .4s; border: none; background: #c0c0c0;}

#shareCont a.icon-qq::before { content: ''; background: url(../images/shareIcon1.png) center no-repeat; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 17px; height: 19px;}

#shareCont a.icon-weibo::before { content: ''; background: url(../images/shareIcon3.png) center no-repeat; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 21px; height: 19px;}

#shareCont a.icon-wechat::before { content: ''; background: url(../images/shareIcon2.png) center no-repeat; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 24px; height: 20px;}

#shareCont a:hover { background: #ed6c00;}

.artShare { display: flex; align-items: center;}

.video { padding: 5.2vw 0;}

/*video*/

.mainFilter { width: 100%; height: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 100; display: none; background: rgba(0,0,0,0.5);}

.popupVideo { max-width: 800px;width:96%;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);z-index: 120;display: none;border-radius:4px;outline:none;}

.popupVideo iframe,.popupVideo video { object-fit: cover; width: 100%;max-height:500px;background:#000;}

.popupVideo .close { width: 24px;height: 24px;position: absolute;top: 18px;right: 18px;background: url(../images/c10.png) no-repeat center;cursor: pointer;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;border-radius:50%;z-index:2;}

.popupVideo .close:hover { transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg);-moz-transform: rotate(90deg); background-color:#292f46; background-image:url(../images/c10.png);}

.popupVideo .video_t{ height:60px; line-height:60px; overflow:hidden; background:#fff; padding-left:18px; color:#424242; font-size:18px; font-weight:400; display:none;}

.backTop { z-index: 3; transition: all .5s; opacity: 0; width: 55px; position: fixed; right: 65px; top:80vh;}

.backTop.shows { opacity: 1;}

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

.introduceSwiper { padding-left: 4%;}

}

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

.nav>ul {gap: 35px;}

.caseTypes a { font-size: 18px;}

.caseTitle span { font-size: 18px;}

.caseList li b { margin: 30px 0 15px;}

.caseList li { margin-bottom: 30px;}

.caseImg { margin-bottom: 25px;}

.banner .swiper-button-prev,.banner .swiper-button-next { width: 40px; height: 40px;}

.banner .swiper-button-prev { left: 4%;}

.banner .swiper-button-next { right: 4%;}

}



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



.backTop { right: 4%;}

.caseName span { margin-top: -25px;}

.caseHome li:nth-child(5) .caseName span, .caseHome li:nth-child(6) .caseName span, .caseHome li:nth-child(7) .caseName span { margin-top: -40px;}

.caseHome li.cur .caseName span { margin: 0;}

.caseName span { font-size: 16px; line-height: 1;}

.video_top p { font-size: 20px;}

.bfbtn { width: 54px; height: 46px; background-size: 100% auto;}

.news_left { width: calc(100% - 360px);}

.fxnr_left li { padding-right: 20px;}

.news_right { width: 320px;}

.fxnr_left li:last-child { padding: 0;}

.wzfy a { font-size: 16px;}

.xgxw_title h2 { font-size: 20px;}

.fxnr_left li,.xgxw_nr h2 { font-size: 16px;}

.xgxw_nr h2 { margin-bottom: 10px;}

.xgxw_nr li { padding: 15px 0;}

.fxnr { margin-top: 40px;}

.news_bt {padding-top: 40px;}

.news_bt h2 { font-size: 24px;}

.news_bt p { font-size: 24px;}

.xwxq p { font-size: 16px;}

.honorSwiper p,.honorDesc li p { font-size: 16px;}

.honorDesc li span { font-size: 14px;}

.joinTitle { margin-bottom: 40px;}

.addressList li p { font-size: 16px;}

.addressList li h2 { font-size: 20px; margin-bottom: 40px;}

.addressList li a { font-size: 16px;}

.titleCont p { font-size: 30px;}

.titleCont span { font-size: 16px;}

.addressSlide li { font-size: 16px;}

.titleDesc p { font-size: 20px;}

.titleDesc span { font-size: 16px;}

.messageForm p { font-size: 20px;}

.scanImg { width: 160px; height: 160px;}

.contactMedia li p { font-size: 16px;}

.messageForm button { font-size: 16px;}

.detailCont img { margin-bottom: 30px;}

.caseDetail {padding: 4vw 0 2.6vw;}

.caseImg { height: 22.29vw;}

.casePage { padding: 4.8vw 0 2.6vw;}

.caseTypes a::after { right: -10px;}

.caseTypes a { font-size: 16px;}

.homeTitle p,.teamTitle p { font-size: 24px;}

.caseTitle p { font-size: 14px; margin-bottom: 8px;}

.pageControl a,.descInfor,.descTag p,.caseTitle span,.aboutDesc,.homeNews li p,.homeNews li span,.checkMore,.homeTitle span,.teamTitle span,.teamInfor span,.teamText b { font-size: 16px;}

.caseName p,.teamInfor p,.relevantTit span { font-size: 20px;}

.caseName span,.introduceCn li p,.introduceEn p { font-size: 16px;}

.footerTel { background-position: left top;}

.footerContact p { font-size: 16px;}

.bannerText .textInfor p { font-size: 38px;}

.bannerText .textInfor span,.titleName span { font-size: 22px;}

.detailType {font-size: 18px;}

.detailType img { height: 30px;}

.introduceTit p, .introduceDesc h2 { font-size: 26px; margin-bottom: 12px;}

.introduceTit span { font-size:20px;}

.goodTag li p,.cultureDesc p,.speechCn li p,.speechEn li p,.speechCn li span, .speechEn li span,.cultureDesc span { font-size: 16px;}

.cultureTag { margin-right:20px;}

.cultureTag p { font-size: 18px; margin-bottom: 4px;}

.cultureTag span,.goodTag li span { font-size: 14px;}

.courseSwiper .swiper-slide { width: 400px;}

.stepYear .swiper-slide { font-size: 20px;}

.subPic { width: 340px; margin-right: 20px;}

.stepYear .swiper-slide.cur { font-size: 32px;}

.teamDesc { font-size: 14px;}

.teamName span { font-size: 20px;}

.teamPic { margin: 20px auto;}

.teamSwiper .swiper-slide::after { width: 280px;}

.teamDesc { width: 280px; top: 200px; padding-top:100px;}

.teamSwiper .swiper-slide-next { margin-left: 75px;}

.teamSwiper .swiper-slide-prev { margin-right: 75px!important;}

.teamSwiper .swiper-slide::after { height: 200px;}

.teamSwiper .swiper { height: 490px;}

.team { padding: 50px 0;}

.stepYear .swiper-button-next,.stepYear .swiper-button-prev { width: 40px; height: 40px; bottom: -20px;}

.stepYear { padding: 0 60px;}

.teamSwiper .swiper { padding: 0 140px 0 0;}

.partnerSlide { margin-top: 40px;}

.introduce { padding: 4.8vw 0 5.2vw;}

.joinTitle p { font-size: 26px;}

.joinTitle span { font-size: 20px;}

.address { padding: 50px 0;}

.mapInfor p span { font-size: 16px;}

.projectTitle h2 span { font-size: 30px;}

.projectTitle p span { font-size: 14px;}

.slideInfor li { font-size: 16px;}

.swiperName .swiper-slide { font-size: 26px;}

.yearCont .swiper-slide { font-size: 16px;}

.priceText p { font-size: 20px;}

.priceText span { font-size: 16px;}

.honorEn p,.honorCn p { font-size: 14px;}

.honorEn { width: 500px; max-width: 100%;}

.honorCn { width: 350px; max-width: 100%;}

.honorNum span { font-size: 20px;}

.honorNum p { font-size: 60px;}

.honorNum b { font-size: 16px;}

.joinDesc p { font-size: 20px; line-height: 36px;}

.jobDesc p { font-size: 16px;}

.jobName h2 { font-size: 18px;}

.news_top span { height: 250px;}

.news_top ul { gap:20px;}

.news_top li { width: calc((100% - 40px)/3);}

.news_text h2 { font-size: 16px;}

.news_text p { margin-bottom: 20px;}

.news_text { padding: 20px 0;}

}

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

	.nav>ul {gap: 20px;}

	.honorDesc li::after { right: -2vw;}

}

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

	.news_bt h2 { font-size: 20px; margin-bottom: 10px;}

	.news_bt p { font-size: 20px; line-height: 1.25;}

	.fxnr { margin-top: 20px;}

	.jobGood span,.jobGood p { font-size: 14px;}

	.jobGood p { white-space: nowrap;}

	.jobDesc p { font-size: 14px; line-height: 1.5;}

	.jobHidden { padding: 10px 0;}

	.jobTag { padding: 0; line-height: 1.5;}

	.jobTitle { margin-bottom: 10px;}

	.jobList li.cur .jobName,.jobList li:hover .jobName { padding: 12px 0; background:none;}

	.controlJob { padding: 0 5px; line-height: 2; font-size: 12px;}

	.controlJob b { display: none;}

	.jobList li { margin-bottom: 10px; padding: 2px 10px 15px;}

	.jobName { background: none; padding:12px 0;}

	.joinDesc { margin-bottom: 20px;}

	.jobTag span { font-size: 14px;}

	.jobName h2 { font-size: 16px;}

	.joinDesc p { font-size:18px; line-height: 30px;}

	.priceText p { font-size: 18px;}

	.yearCont .swiper-slide { font-size: 14px;}

	.swiperName .swiper-slide { font-size: 20px;}

	.slideInfor li { font-size: 14px;}

	.projectTitle h2 span { font-size: 24px;}

	.joinTitle { margin-bottom: 20px;}

	.joinTitle span { font-size: 18px;}

	.address { padding: 30px 0;}

	.joinTitle p { font-size: 20px; margin-bottom: 10px;}

	.contactBottom { padding: 5vw 0;}

	.messageCont { margin: 20px 0 0; flex-direction: column;}

	.messageForm { width: 100%; padding: 0; border: none; margin-bottom: 20px;}

	.scanImg { margin-top: 20px;}

	.contactMedia ul { justify-content: center;}

	.contactMedia li { margin: 0 30px;}

	.headerCont { height: 60px;}

	.header,.small-header .header { height: 60px;background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}

	.header .nav li h2 a { line-height: 80px;}

	.small-header .langChose, .small-header .headerCont { height: 60px;}

	.langChose h2,.small-header .header .langChose h2 { line-height: 60px; height: 60px;}

	.header .nav li h2 a{ color: #333333;}

	.header .langChose h2 { color: #333333; background: url(../images/blackEarth.png) left center no-repeat;}

	.header .logo img {height:20px;}

	.nav { height:100vh; position: fixed; left: -110%; overflow-y: auto; top:60px; width: 200px; background: #ffffff; bottom: 0;}

	.nav ul { display: block;}

	.nav li { border-bottom: 1px solid #eee; float: none; margin: 0!important;}

	.nav li h2{position: relative; text-indent: 20px;}

	.nav li h2 i { transition: all .5s; background: url(../images/menuEnter.png) center no-repeat;

	width: 8px; height: 14px; background-size: 100% auto; position: absolute; right:15px; top: 50%; margin-top: -7px;}

	.nav li h2 a {  line-height: 40px; color: #333333;}

	.nav li.cur h2 i{ background: url(../images/menuEntero.png) center no-repeat; background-size: 100% auto; transform: rotate(90deg);}

	.menubox{ display: block; position: absolute;right: 4%; top: 10px; width:45px; height: 40px;opacity: 1;pointer-events: auto;transition: 0.3s;}

	.menubox div{position: absolute;left: 20px;width: 30px;height: 2px;background-color: #122a7d;transition: 0.6s;}

	.menubox div:nth-child(1){top: 9px;}

	.menubox div:nth-child(2){top: 19px;}

	.menubox div:nth-child(3){top: 29px;}

	.menubox.on div:nth-child(1){top: 19px;transform: rotateZ(45deg);}

	.menubox.on div:nth-child(2){top: 19px;opacity: 0;}

	.menubox.on div:nth-child(3){top: 19px;transform: rotateZ(-45deg);}

	.langChose { margin-right: 50px; height: 60px;}

	.nav li dl { position: static; width: 100%; padding: 0; transform: translateX(0); text-align: left;}

	.nav li dl dt { text-align: left; text-indent:30px;}

	.nav li h2::after { display: none!important;}

	.mobSub dl { display: block!important;}

	.nav li dl dt dt { text-indent: 40px;}

	.nav li dt h3 a { font-size: 16px;}

	.nav li dt dt a { font-size: 14px;}

	.header .nav li h2 a,.small-header .header .nav li h2 a { line-height: 50px;}

	body { padding-top: 60px;}

	.langChose dl { top: 60px; border-radius: 0 0 6px 6px;}

	.locationCont,.locationCont a { font-size: 12px;}

	.navSub { position: static; padding: 10px 0; text-indent: 20px;}

	.subCont { flex-direction: column;}

	.subPic { width: 100%; height: auto;}

	.nav li h2 a { font-size: 16px;}

	.subLink p a { font-size: 14px;}

	.subLink p:last-child { border: none;}

	.subLink p { border-bottom: 1px solid #eee;}

	.historyTit { flex-direction: column-reverse;}

	.swiperName { margin-top: 20px; text-align: center;}

	.joinDesc { padding: 5.2vw 0;}

}

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

	.news_xq { flex-direction: column;}

	.joinDesc p { font-size:16px; line-height:24px;}

	.menuControl>div { margin-left: 10px;}

	.searchinput { width: 100%; top: 60px; margin: 0; background: #ffffff; padding: 10px; transform-origin: center; top: ;}

	.searchBox { position: static;}

	.footLink { display: none;}

	.footerTop { justify-content: center; flex-direction: column; justify-content: center; align-items: center; padding: 30px 0 20px;}

	.copyRight { text-align: center; display: block; line-height: 1.5; text-align: center; padding: 20px 0; margin-top: 0;}

	.copyRight p, .copyRight a { font-size: 14px; justify-content: center;}

	.copyRight br { display: block;}

	.contactLink ul { justify-content: center;}

	.footer { text-align: center;}

	.contactLink { margin-bottom: 10px;}

	.caseTypes { margin-bottom: 20px; flex-wrap: wrap;}

	.caseTypes a { margin-bottom: 10px; flex-direction: column; align-items: center; font-size: 12px; width: 20%;}

	.caseTypes a::after { top: 50%; transform: translateY(-50%); right: 0;}

	.caseTypes a:nth-child(5n):after { display: none;}

	.caseTypes a img { margin: 0 auto 10px; display: block;}

	.caseTypes a:before { display: none;}

	.caseTypes a i { margin: 0 auto;}

	.honorDesc ul { flex-wrap: wrap;}

	.honorDesc li { width: 50%;}

	.honorDesc li::after { right: 0;}

	.honorDesc li:nth-child(2n)::after { display: none;}

	.video_top p { font-size: 16px;}

}

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

	.videopl p { font-size: 14px; padding: 0 10px;}

	.videopl p span { margin-right: 5px; width: 20px; background-size: 100% auto!important; background-repeat: no-repeat;

	background-position: center;}

	.videopl p i {width: calc(100% - 60px);}

	.videopl { height: auto;}

	.video_bottom li { width: 100%; padding-bottom: 10px;}

	.video_bottom { padding:10px 0;}

	.video_top p { padding: 0 10px; bottom: 10px; font-size: 14px;}

	.video_top p b { margin-top: -5px; font-size: 12px;}

	.jobName h2 { font-size: 15px;}

	.joinDesc p { font-size: 14px;}

	.joinDesc { padding: 30px 4%;}

	.joinPage { padding: 30px 0;}

	.honorSwiper p { margin-bottom: 10px;}

	.honorCn p::after, .honorEn p::after { width: 4px; height: 4px;}

	.honorNum p { font-size: 32px;}

	.honorNum span br { display: none;}

	.honorNum span { font-size: 16px; margin: 0;}

	.honorNum { margin-bottom: 20px;}

	.honorEn p { margin-bottom: 5px; line-height: 1.25;}

	.honorIntroduceList li { padding: 30px 0;}

	.honorIntroduceList li .container { flex-direction: column;}

	.priceCont { padding: 30px 0;}

	.priceText p { font-size: 15px; margin-bottom:10px;}

	.priceText span { font-size: 14px;}

	.priceCont { flex-wrap: wrap;}

	.slideInfor { flex-wrap: wrap;}

	.honorList { margin-top: 20px;}

	.historyCont { padding-top: 20px;}

	.yearCont .swiper-button-next,.yearCont .swiper-button-prev { width: 24px; height: 24px; background-size: 100% auto!important;}

	.yearCont .swiper-slide { line-height: 2;}

	.projectTitle { padding-bottom: 20px;}

	.projectTitle p span { line-height: 1.5; display: block; font-size: 12px;}

	.projectTitle p i { top: 50%; transform: translateY(-50%); font-size:32px;}

	.projectTitle h2 span { font-size: 18px;}

	.projectTitle h2 img { height: 40px;}

	.honorSwiper .swiper-pagination { bottom: 5px;}

	.honorSwiper::after,.honorSwiper::before { bottom: 15px;}

	.honorSwiper::after { left: 90px; right: 100px;}

	.honorSwiper .swiper-pagination { font-size: 14px;}

	.honorSwiper .swiper .swiper-button-next { left: 52px;}

	.honorSwiper .swiper { padding-bottom: 40px;}

	.honorSwiper .swiper .swiper-button-next,.honorSwiper .swiper .swiper-button-prev { width: 32px; height: 32px;}

	.honorTop { padding: 30px 0;}

	.honorSwiper p, .honorDesc li p { font-size: 14px;}

	.honorIcon img { transform: scale(.8);}

	.honorIcon { height: 70px; margin-bottom: 0;}

	.honorDesc li span { line-height: 1.25; font-size: 12px;}

	.joinTitle p { font-size: 18px; margin-bottom: 5px;}

	.joinTitle span { font-size: 18px;}

	.messageForm button { font-size: 14px; width: 130px; height: 40px;}

	.scanImg { margin-bottom: 5px;}

	.scanImg { width: 100px; height: 100px;}

	.contactMedia ul { justify-content: space-between;}

	.contactMedia li p { font-size: 12px;}

	.contactMedia li p img {display: none;}

	.contactMedia li { margin: 0;}

	.mediaTit p { font-size: 18px;}

	.mediaTit span { font-size: 14px;}

	.titleDesc { display: none;}

	.messageForm li { gap: 10px; margin-bottom: 10px;flex-wrap: wrap;}

	.messageForm li input {flex: auto; height: 32px; font-size: 14px; padding-left: 10px; width: 100%;}

	.selectCont { flex: auto; width: 100%;}

	.selectCont select { height: 32px; font-size: 14px; padding-left: 10px;}

	.messageForm p { font-size: 13px; margin-bottom: 10px;}

	.mapInfor { margin-top: 10px;}

	.addressSlide li { width:33%;}

	.addressSlide li img { margin-right: 5px;}

	.titleDesc p { font-size: 16px; margin-bottom: 0;}

	.titleDesc span { font-size: 14px;}

	.titleDesc { width: 100%; margin-top: 20px;}

	.titleCont span::after { display: none;}

	.mapTitle { flex-direction: column; text-align: center;}

	.titleCont span { padding: 0; font-size: 14px;}

	.titleCont p { font-size: 18px; margin-bottom:5px;}

	.addressList li p { margin-bottom: 10px; line-height: 1.5; font-size: 14px;}

	.addressList li h2 { font-size: 18px;}

	.addressList li>img { margin-bottom: 10px;}

	.addressList li h2 { margin-bottom: 10px;}

	.map {padding: 30px 0;}

	.addressSlide ul { width: 100%;}

	.mapInfor p span { font-size: 14px;}

	.mapBar { margin-top: 0; flex-direction: column;}

	.addressSlide li { font-size: 14px;}

	.addressList li { margin-bottom: 10px; padding: 20px 0;}

	.addressList ul { gap: 0; flex-direction: column;}

	.caseTypes a img { transform: scale(.8); margin-bottom: 5px;}

	.casePage { padding: 30px 0;}

	.caseList { margin-bottom: 20px;}

	.fpage a:nth-child(1), .fpage a:last-child { width: auto; padding: 0 5px;}

	.fpage a { width: 30px; height: 30px; line-height: 30px; font-size: 12px; }

	.caseList li b { margin: 10px 0;}

	.caseTitle { background-size: 20px auto; padding-right: 25px;}

	.caseTitle p { font-size: 12px;}

	.caseTitle span { font-size: 13px;}

	.caseList ul { gap: 10px;}

	.caseList li { width: calc(50% - 5px); margin-bottom: 0;}

	.caseImg { margin-bottom: 10px;}

	.speechEn { margin-top: 20px;}

	.speechCn li p, .speechEn li p { line-height: 1.5;}

	.speechCn li, .speechEn li { margin-bottom:5px;}

	.signText span { font-size: 14px; margin-right: 10px;}

	.signText img { height: 32px;}

	.speechCn,.speechEn { width: 100%;}

	.speechCont { flex-direction: column; margin: 0;}

	.speech { padding: 30px 0;}

	.tagIcon { margin-bottom:10px;transform: scale(.6);}

	.goodTag li:nth-child(2):before, .goodTag li:nth-child(5):before,.goodTag li:nth-child(2):after, .goodTag li:nth-child(5):after{ display: none;}

	.goodTag li p { margin-top: -20px; line-height: 1.5; margin-bottom: 5px;}

	.goodTag li span { line-height: 1.5;}

	.goodTag li { width: 50%; padding: 0!important;}

	.goodTag li p, .cultureDesc p, .speechCn li p, .speechEn li p, .speechCn li span, .speechEn li span, .cultureDesc span { font-size: 14px;}

	.cultureTag span, .goodTag li span { font-size: 12px;}

	.introduceCn li::after { display: none;}

	.introduceEn p { line-height: 1.5; margin-bottom: 5px;}

	.introduceCn li,.introduceCn li:last-child { padding-bottom:5px;}

	.introduceCn li span { display: none;}

	.introduceCn,.introduceEn { width: 100%;}

	.introduceCn li p,.introduceEn p { font-size: 14px;}

	.introduceArticle { flex-direction: column; padding: 30px 0;}

	.introduceControl .swiper-button-prev,.introduceControl .swiper-button-next { width: 32px; height: 32px;}

	.introduceControl { padding: 20px 0;}

	.introducePic img { height: 148px;}

	.introduceTit p { margin-bottom: 0;}

	.introduceTit { margin-bottom: 20px;}

	.introduceDesc p,.introduceDesc span { font-size: 14px; line-height: 1.5; margin-bottom: 10px;}

	.introduce { padding: 30px 0; flex-direction: column;}

	.introduce .introduceTit { width: 100%;}

	.introduceDesc { max-width: 100%;}

	.introduceTit p, .introduceDesc h2 { font-size: 18px;}

	.introduceTit span { font-size: 16px;}

	.inBanner { height: 150px;}

	.bannerText .textInfor p { font-size:18px; letter-spacing: 4px; margin-bottom: 5px;}

	.bannerText .textInfor span { font-size: 12px; padding-right: 4px;}

	.bannerText { top: 40%;}

	.caseHome li .caseName span br:nth-child(2) { display: none;}

	.homeCont { padding: 30px 0;}

	.homeTop>div { width: 100%;}

	.footLogo img { height: 20px;}

	.banner .swiper-pagination span { width: 8px; height: 8px; border: 1px solid #ffffff; margin-right: 6px!important;}

	.subEwm { width: 100px; top: 40px;}

	.show-header .aboutMenu .fixMenu { display: none; transition: all .5s; z-index: 20; background: #f5f5f7; position: fixed; right:0; bottom: 0; top: 60px; width: 280px;}

	.small-header .aboutMenu .fixMenu { display: none; transition: all .5s; z-index: 20; background: #f5f5f7; position: fixed; right: 0; bottom: 0; top: 0; width: 280px;}

	.small-header.show-header .aboutMenu .fixMenu { top: 60px;}

	.show-header .caseType .fixMenu { display: none; transition: all .5s; z-index: 20; background: #f5f5f7; position: fixed; right: 0; bottom: 0; top: 60px; width: 280px;}

	.small-header .caseType .fixMenu { display: none; transition: all .5s; z-index: 20; background: #f5f5f7; position: fixed; right: 0; bottom: 0; top: 0; width: 280px;}

	.small-header.show-header .caseType .fixMenu { top: 60px;}

	.fixMenu span,.fixMenu a,.caseType span,.caseType a{ text-align: left; text-indent: 16px; border-bottom: 1px solid #ffffff!important; margin: 0; border-bottom: 1px solid; line-height: 44px; font-size: 13px; margin: 0; background: #efefef; color: #555555; display: block;}

	.fixMenu span.cur,.fixMenu a.cur,.caseType span.cur ,.caseType a.cur { color:#ffffff; background: #006ebd;}

	.caseType span.cur ,.caseType a.cur p { color: #ffffff;}

	.caseType span,.caseType a { padding:0;}

	.caseType span p,.caseType a p { line-height: 44px;}

	.fixMenu .hideState { background: url(../images/about_pic1.png);

	width: 25px;height: 41px; position: absolute; left: -25px; top: 150px; display: block; background-size: 100% auto;}

	.mobMenu { line-height: 36px; display: block; background: url(../images/pos_bg2.png) left center no-repeat;

	padding-left: 25px; background-size: 20px auto; font-size: 12px; color: #e8eaff; position: absolute; top: 0; right: 4%;}

	.location { line-height: 36px;}

	.fixMenu a.cur::after { display: none;}

	.homeTop { flex-direction: column;}

	.caseHome li{ width: 50%!important; float: left;}

	.caseHome ul { display: block; overflow: hidden;}

	.caseHome li>img { opacity: 1;}

	.caseHome li .caseName p { margin: 0!important; width: 100%; font-size: 16px;}

	.caseHome li .caseName span { line-height: 1!important; font-size: 14px; margin: 0!important; transform: rotate(0);}

	.caseHome li { height: 160px;}

	.caseName { padding: 10px 0 0 10px;}

	.caseHome li.cur i img { transform: scale(1);}

	.caseHome li.cur i { opacity: 1; left: auto;}

	.aboutDesc, .homeNews li p, .homeNews li span, .checkMore, .homeTitle span, .teamTitle span, .teamInfor span, .teamText b { font-size: 14px;}

	.homeNews li { line-height: 40px;}

	.homeTitle { padding-bottom: 10px;}

	.homeTitle p, .teamTitle p { font-size: 18px;}

	.homeNews ul { margin-bottom: 10px;}

	.homeAbout { margin-top: 20px;}

	.homeNews { padding-bottom: 10px;}

	.aboutDesc { height: auto; padding-bottom: 140px; margin-bottom: 10px;}

	.checkMore img { width: 20px;}

	.teamIcon { width: 88px; height: 88px;}

	.homeTeam .swiper-slide { padding: 44px 10px 0;}

	.teamTitle { padding: 30px 0 20px;}

	.teamText { margin-top:-30px;}

	.caseName p, .teamInfor p { font-size: 16px;}

	.footerTel { padding: 0; background: none;}

	.footerContact p { font-size: 14px; line-height:1.5; text-align: left;}

	.footerTel p { font-size: 16px; margin-bottom: 5px;}

	.footerTel a { font-size: 20px;}

	.footerTel { margin-bottom: 10px;}

	.langChose { margin-right: 35px;}

	.culture li { margin-bottom: 10px; width: 100%!important; padding: 0!important;}

	.cultureDesc span {line-height: 1; font-size: 12px;}

	.culture ul { margin-top: 0;}

	.culture { padding: 30px 0;}

	.cultureTag p { font-size: 14px; line-height: 1; margin-bottom: 0;}

	.cultureTag { margin-right: 10px; width: 60px; height: 60px;}

	.cultureDesc p { line-height: 1.5;}

	.course { padding: 30px 0;}

	.teamSwiper .swiper-slide-next,.teamSwiper .swiper-slide-prev { margin: 0!important;}

	.teamSwiper .swiper-slide::after { width: 100%;}

	.teamSwiper .swiper { padding: 0;}

	.teamSwiper .swiper-slide-active { transform: scale(1);}

	.teamDesc { padding-top: 80px; width: 100%;}

	.teamSwiper .swiper-slide-active .teamPic { width: 160px; height: 160px;}

	.teamSwiper .swiper-slide-active .teamPic img { border-radius: 50%;}

	.teamSwiper .swiper { height: 440px;}

	.teamName { padding-top: 25px;}

	.teamControl { margin-top: 0;}

	.teamControl .swiper-button-prev,.teamControl .swiper-button-next { width: 32px; height: 32px; background-size: 100% auto!important;}

	.team { padding: 30px 0 10px;}

	.teamSwiper { margin-top: 0;}

	.partner { padding: 30px 0;}

	.partnerSlide { margin-top: 0;}

	.picMarquee-left .bd ul li .pic img{ width:100px; height:38px; display:block;}

	.picMarquee-left .bd ul li { margin:0 3px;}

	.picMarquee-left { margin-bottom: 6px;}

	.picMarquee-left:last-child { margin-bottom: 0;}

	.courseSwiper { margin-top: 0;}

	.stepYear .swiper-button-next, .stepYear .swiper-button-prev { bottom: -16px; width: 32px; height: 32px;}

	.stepYear .swiper-button-prev::after, .stepYear .swiper-button-next::after { font-size: 14px;}

	.courseSwiper .swiper-slide { width: 60%;}

	.aboutPic { margin-bottom: 10px;}

	.stepText h2 { line-height: 1.5; font-size: 16px; margin-bottom:5px;}

	.stepText p { font-size: 14px; line-height: 1.5;}

	.stepText { height: auto; padding-bottom: 10px;}

	.stepYear .swiper-slide.cur { font-size: 16px;}

	.stepYear .swiper-slide {line-height: 50px; font-size: 14px;}

	.stepYear .swiper-slide.cur::after { width: 3px; height: 7px;}

	.stepYear { margin-top: 0;}

	.detailType { font-size: 14px;}

	.titleName p { font-size:14px; margin-bottom: 5px;} 

	.titleName span { font-size: 16px;}

	.caseDetailTitle { margin-bottom: 20px;}

	.caseDetail { padding: 30px 0;}

	.caseDesc { padding: 10px; margin-bottom: 10px; flex-direction: column;}

	.descTag { border: none; margin-bottom: 10px;}

	.descTag p { font-size: 14px;}

	.descInfor { font-size: 14px; line-height: 1.5;}

	.detailCont img { margin-bottom: 10px;}

	.pageControl a { font-size: 14px;}

	.relevant { padding-top: 20px; margin-top: 20px;}

	.relevantTit span { font-size: 16px;}

	.relevantTit { margin-bottom: 20px;}

	.relevant ul { flex-direction: column;}

	.relevant li { width: 100%; margin: 0 0 10px;}

	.relevant .caseImg { height: auto;}

	.relevant .caseImg img { display: block;}

	.relevant li .caseTitle span { margin-bottom: 5px;}

	.relevantTit p { font-size: 14px; margin-bottom: 8px;}

	.descTag p img { width: 16px;}

	.news { padding: 30px 0;}

	.news_top { padding-top: 20px;}

	.news_top ul { flex-direction: column;}

	.news_top li { width: 100%;}

	.news_text { padding: 10px 0;}

	.news_text p { font-size: 14px; margin-bottom: 10px;}

	.news_text h2 { font-size: 14px;}

	.news_top span { height: auto;}

	.newslb_top ul { display: flex;}

	.newslb_top li:nth-child(2) { flex: 1; padding: 0;}

	.newslb_top li:nth-child(1) { padding-right: 20px;}

	.wby1 { width: 100px;}

	.ssbox { width: 100%;}

	.news_lb { padding: 20px 0;}

	.newslb_bottom a i { display: none;}

	.newslb_bottom a b { font-size: 14px; padding-left: 10px; width: auto; flex: 1;}

	.newslb_bottom li span { display: flex; align-items: center;}

	.newslb_bottom li { font-size: 14px; line-height: 40px;}

	.news_xq { width: 100%; padding: 30px 0;}

	.news_left { width: 100%; padding: 0 20px;}

	.artShare  { display: none;}

	.news_bt { padding-top: 20px;}

	.fxnr_left li, .xgxw_nr h2 { font-size: 12px; padding-right: 10px;}

	.fxnr_left li b,.fxnr_left li img { margin-right: 5px;}

	.xwxq p { line-height: 1.5; font-size: 14px;}

	.news_bt p,.news_bt h2 { font-size: 16px;}

	.xwxq { padding-top: 20px;}

	.xwxq h2 { font-size: 14px;}

	.xwxq img { margin: 10px 0;}

	.news_right { width: 100%; margin-top: 20px;}

	.xgxw_nr p { font-size: 12px;}

	.xgxw_nr li { padding: 10px 0;}

	.xgxw_nr h2 { margin-bottom: 5px;}

	.xgxw_title h2 { font-size: 16px; line-height:3;}

	.news_bt>span { top: 40px;}

	.caseHome li img { opacity: 1!important;}

	.backTop { width: 32px; top: 90vh;}

	.banner .swiper-button-prev,.banner .swiper-button-next { width: 32px; height: 32px;}

	.banner .swiper-pagination { bottom: 5px;}

	.banner .swiper-button-prev:after, .banner .swiper-button-next:after { font-size: 14px;}

	.subPic { display: none;}

	.banner .swiper-button-prev, .banner .swiper-button-next { display: none;}

	.subLink p { background: none;}

	.honorMenu span { font-size: 14px; line-height: 40px;}

	.news .fpage { margin-top:20px;}

}