@charset "utf-8";
/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:#fff; font:normal 12px/22px "微软雅黑";  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
.clearfix::after { content: ''; clear: both; display: block; height: 0;}
div { box-sizing:border-box;}

/* CSS Document */
 .swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.fullSwiper { height: 100vh; overflow: hidden; position: relative;}
.homeBanner { height: 100%; width: 100%; overflow: hidden; position: relative; width: 100%;}
.header { transition: all .5s; z-index: 199; position: fixed; left: 0; top: 0; width: 100%; height: 80px; border-bottom: 1px solid rgba(255,255,255,.2);}
.header a.logo { width: 20.65vw;left: 10.125vw; position: absolute; height: 100%; top: 0; display: block;}
.header a.logo img { transition: all .5; position: absolute; left: 0; top: 45%; margin-top: -0.9375vw; display: block; width: 100%;}
.search { border-left: 1px solid rgba(255,255,255,.2); float: right; width: 80px; height: 80px;}
.search span { cursor: pointer; display: block; background: url(../images/searchwhite.png) center no-repeat; height: 100%;}
.lang { background: url(../images/linewhite.png) left center no-repeat; float: right; line-height: 80px; margin-right: 38px; padding-left: 20px;}
.lang a { color: #ffffff; font-size: 18px;}
.nav { float: right;}
.nav li { float: left; margin-right: 1.48vw;}
.nav li h2 { position: relative; font-size: 18px; line-height: 80px;}
.nav li h2::after { content: ''; transition: all .5s; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; background: #ffffff; width: 0; height: 4px; border-radius: 4px;}
.nav li h2 a { color: #ffffff;}
.nav li:last-child { margin-right: 25px;}
.nav li:hover h2 a,.nav li.cur h2 a{ font-weight: bold;}
.nav li:hover h2::after,.nav li.cur h2::after { width: 22px;}
.subCont { display: none; padding-bottom: 28px; padding-left: 16.4vw; position: absolute; left: 0; top: 80px; background:#fff; width: 100%;}
.subCont::after { content: ''; clear: both; display: block; height: 0;}
.subTit {padding-top: 52px; padding-bottom: 30px; position: relative; float: left; text-align: right;}
.subTit p{padding-right: 50px; font-size: 24px; font-weight: bold; color: #0064af; line-height:40px; }
.subTit span { font-size: 24px; line-height:40px; color: #e5e5e5; font-weight: bold;}
.subTit::after { content: ''; position: absolute; top: 0; right: 28px; height: 95px; width: 1px; background: #e1e1e1;}
.subTit::before { content: ''; position: absolute; bottom: 0; right: 28px; height: 30px; width: 1px; background: #e1e1e1;}
.subMenu { width: 405px; margin-right: 35px; float: left; margin-left: 65px; padding-top: 52px;}
.subMenu a { margin-bottom: 10px; font-size: 16px; color: #000000; position: relative; line-height: 36px; float: left; display: block; width: 135px;}
.subMenu span { display: inline-block; position: relative;}
.subMenu span::after { content: ''; transition: all .5s; position: absolute; bottom: 0; width: 0; left: 0; height: 2px; background: #000000;}
.subMenu a:hover span::after { width: 100%;}
.subImg { margin-top: 30px; float: left; width: 246px; border-radius: 5px; overflow: hidden;}
.subImg img { display: block; width: 100%;}
.searchBox { border: 1px solid #eaeaea; z-index: 10; background: #ffffff; border-radius: 36px; overflow: hidden; position: absolute; right: -110%; top: 50%; transform: translateY(-50%); width: ;}
.searchBox input { font-size: 16px; border: none; height: 36px; box-sizing: border-box; padding: 0; outline: none; float: left; width: 304px; background: url(../images/searchblack.png) 15px center no-repeat; text-indent: 44px;}
.searchBox button { float: left; width: 80px; height: 36px; color: #ffffff; font-size: 16px; border: none; background: #0064af;}
.swiper-pagination-h { right: 37px!important;}
.swiper-pagination-h span { margin: 20px 0!important; position: relative; opacity: 1; width: 6px; height: 6px; background: #ffffff; border-radius: 50%;}
.swiper-pagination-h span.swiper-pagination-bullet-active::after { content: ''; box-sizing: border-box; width: 24px; height: 24px; position: absolute;
left: 50%; top: 50%; transform: translate(-50%,-50%); border: 2px solid #ffffff; border-radius: 50%;}
.banner .swiper-pagination-v { left: 12.5vw!important; bottom: 6.4vh!important; width: auto; text-align: left;}
.banner .swiper-pagination-v span { transition: all .5s; margin: 0 10px; width: 19px; height: 5px; border-radius: 5px; background: rgba(255,255,255,.5);}
.banner .swiper-pagination-v span.swiper-pagination-bullet-active { width: 29px; background: rgba(255,255,255,1);}
.noticeMouse p { font-weight: bold; font-size: 14px; color: #ffffff;}
.noticeMouse span { animation: downAni 1.5s linear infinite; display: block; background: url(../images/mouse.png) center no-repeat; width: 24px; height: 34px; margin: 0 auto 20px;}
.noticeMouse { z-index: 10; bottom: 4.35vh; position: absolute; left: 50%; transform: translateX(-50%);}
.homeBanner img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.2); transition: all 2s;}
.homeBanner .swiper-slide-active img { transform: scale(1);}

.header.act,.header.mouseOn { background: #ffffff; box-shadow: 0 0 10px rgba(22,99,188,.2);}
.header.act::before,.header.mouseOn::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; box-shadow: 0 5px 10px rgba(22,99,188,.5); z-index: 10;}
.header a.logo img.logoc {opacity: 0;}
.header.act a.logo img,.header.mouseOn a.logo img { opacity: 0;}
.header.act a.logo img.logoc,.header.mouseOn a.logo img.logoc {opacity: 1;}
.header.act .nav li h2 a,.header.mouseOn .nav li h2 a { color: #333333;}
.header.act .nav li:hover h2 a,.header.act .nav li.cur h2 a,.header.mouseOn .nav li:hover h2 a,.header.mouseOn .nav li.cur h2 a { color: #1663bc;}
.header.act .nav li h2::after,.header.mouseOn .nav li h2::after { background:#1663bc ;}
.header.act .lang a,.header.mouseOn .lang a { color: #333;}
.header.act .lang,.header.mouseOn .lang { background: url(../images/lineblack.png) left center no-repeat;}
.header.act .search span,.header.mouseOn .search span { background: url(../images/searchon.png) center no-repeat;}
.header.act .search,.header.mouseOn .search {border-left: 1px solid #f0f0f0;}



.fullSwiper .swiper-slide.swiper-slide-active {z-index: 2;}
.newsCont { width: 1440px; max-width: 92%;}
.newsNotice { background: url(../images/noticebg.png) center no-repeat; height: 80px;}
.swiper-container-h>div>.swiper-slide:nth-child(2) { background: url(../images/secondbg.jpg) right bottom no-repeat #fefefe;}
.noticeTitle { position: relative; padding-left: 25px; font-weight: bold; font-size: 24px; color: #1663bc;}
.noticeTitle::after { content: ''; position: absolute; left: 0; top: 50%; width: 5px; height: 18px; border-radius: 5px; background: #1663BC;
transform: translateY(-50%);}
.newsNotice {overflow: hidden; line-height: 80px;}
.noticeCont { height: 100%; float: left; width: 50%;}
.noticeCont:nth-child(2n) { width: auto; max-width:50%; float: right;}
.noticeSwiper { margin-left: 18px;}
.noticeTitle { float: left;}
.noticeSwiper .swiper-slide { text-align: left; background: none;}
.noticeSwiper a { width: 100%; color: #333333; font-size: 16px; display: block;}
.noticeSwiper {width: 490px; height: 100%; float: left; max-width: calc(100% - 145px);}
.noticeSwiper .swiper { height: 100%;}
.noticeSwiper b { overflow: hidden; text-overflow: ellipsis; float: left; display: block; white-space: nowrap; max-width: calc(100% - 50px);}
.noticeSwiper span { text-align: center; margin-right: 7px; float: left; color: #ffffff; width: 20px; font-weight: bold; font-size: 10px; height: 20px; background-image: linear-gradient(to right bottom,#ff9626,#ffa755); border-radius: 3px; line-height: 20px; margin-top: 30px; display: block;}
.noticeSwiper i { margin-left: 7px; float: left; color: #ffffff; font-weight: bold; font-size: 10px; padding: 0 5px; height: 20px; background-image: linear-gradient(to right bottom,#ff9626,#ffa755); border-radius:5px 5px 5px 0; font-style: normal; line-height: 20px; margin-top: 30px; display: block;}
.newsTitle::after { content: ''; clear: both; display: block; height: 0;}
.newsTitle { margin: 2.08vw 0 1.66vw; position: relative;}
.newsTitle span { white-space: nowrap; position:absolute; left: 0; top: 0; font-weight: bold; font-size: 2vw; line-height: 1; color: #a0a0a0; opacity: .1;}
.titleTag { position: relative; float: left; background: url(../images/titline.png) left bottom no-repeat;}
.titleTag p { font-size: 1.77vw; color: #000000; line-height: 2.2;}
.newsTitle a.more { float: right; background: url(../images/moreicon.png) left center no-repeat; line-height: 3.894vw; font-size: 16px; color: #1663bc;
padding-left: 42px;}
.newsTitle a.more:hover {animation: moveAni 1s infinite linear;}
@keyframes moveAni{
	from{margin-right: 0;}
	50% { margin-right: 10px;}
	to{ margin-right: 0;}
}
.newsImgswiper { height: 433px; float: left; width: calc(100% - 670px); position: relative;}
.newsImgswiper .swiper,.newsImgswiper .swiper .swiper-slide,.newsImgswiper .swiper .swiper-slide a {width: 100%; display: block; height: 100%;}
.newsImgswiper img { display: block; width: 100%; height: 100%; object-fit: cover;}
.swiper-button-next,.swiper-button-prev { outline: none;}
.newsImgswiper .swiper-button-next { background: url(../images/newsnext.png) center no-repeat; width: 22px; height: 40px;}
.newsImgswiper .swiper-button-prev { background: url(../images/newsprev.png) center no-repeat; width: 22px; height: 40px;}
.newsImgswiper .swiper-button-next::after,.newsImgswiper .swiper-button-prev::after { display: none;}
.newsImgswiper .swiper-slide {overflow: hidden; border-radius: 9px; position: relative;}
.newsImgswiper .swiper-slide::after { content: ''; position: absolute; bottom: 0; width: 100%; left: 0; background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.7)); height: 120px;}
.newsImgswiper p {text-overflow: ellipsis;  white-space: nowrap; overflow: hidden; z-index: 2; position: absolute; left: 0; bottom: 50px; padding: 0 24px; width: 100%; text-align: left; color: #ffffff; box-sizing: border-box;
line-height: 1;}
.newsImgswiper .swiper-pagination { bottom: 20px!important; text-align: left; box-sizing: border-box; padding-left: 24px;}
.newsImgswiper .swiper-pagination span { background: rgba(255,255,255,.5); opacity: 1;}
.newsImgswiper .swiper-pagination span.swiper-pagination-bullet-active { background: #ffffff; width: 20px; border-radius: 4px;}
.newsChose { float: right; width:610px;}
.newsHd { margin-bottom: 17px; overflow: hidden;}
.newsHd span { cursor: pointer; font-size: 20px; color: #a9a9a9; font-weight: bold; line-height: 57px; border-radius: 3px; background: #f8f8f8; display: block; float: left; width: 33%; margin-right: .5%;}
.newsHd span:last-child { margin-right: 0;}
.newsHd span.cur { color: #ffffff; background-image: linear-gradient(to right,#115bb3,#3490f0);}
.newsHd span i { vertical-align: -5px; margin-right: 20px; display: inline-block;}
.newsHd span i.icon1 { background: url(../images/icon1.png) center no-repeat; display: inline-block; width: 26px; height: 26px;}
.newsHd span i.icon2 { background: url(../images/icon2.png) center no-repeat; display: inline-block; width: 25px; height: 25px;}
.newsHd span i.icon3 { background: url(../images/icon3.png) center no-repeat; display: inline-block; width: 30px; height: 30px;}
.newsHd span.cur i.icon1 { background: url(../images/icon1on.png) center no-repeat;}
.newsHd span.cur i.icon2 { background: url(../images/icon2on.png) center no-repeat;}
.newsHd span.cur i.icon3 { background: url(../images/icon3on.png) center no-repeat;}
.hotNews h2 { transition: all .5s; overflow: hidden; line-height: 2; font-size: 24px; font-weight: bold; color: #333333;text-overflow: ellipsis;  white-space: nowrap; padding-left: 16px; position: relative;}
.hotNews h2::after { transition: all .5s; content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 7px; height: 7px; background: #333333;
border-radius: 50%;}
.newsBd {text-align: left;}
.hotNews { margin-bottom: 15px;}
.hotNews p {padding-left: 16px; font-size: 16px; color: #999999; line-height: 26px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsSlide li { line-height: 2; overflow: hidden; padding-left: 16px; position: relative;}
.newsSlide li p {overflow: hidden; transition: all .5s; max-width: calc(100% - 135px); float: left; font-size: 16px; color: #333333;text-overflow: ellipsis;  white-space: nowrap; position: relative;}
.newsSlide li span { float: right; font-size: 16px; color: #999999;}
.newsSlide li::after {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; background: #a9a9a9;
border-radius: 50%;}
.newsSlide li:hover p { color: #1663bc;}
.newsSlide li:hover::after { background:#1663bc ;}
.hotNews:hover h2 { color:#1663bc ;}
.hotNews:hover h2::after { background:#1663bc ;}
.newsPic { margin-top: 24px; position: relative;}
.newsPic .swiper-button-next,.newsPic .swiper-button-prev { color: #ffffff; font-size: 16px;}
.newsPic .swiper-button-next::after,.newsPic .swiper-button-prev::after { font-size: 16px;}
.newsPic .swiper-slide { border-radius: 8px; overflow: hidden; background: none;}
.newsPic img { display: block; width: 100%; height: 110px; object-fit: cover;}
.dn { display: none;}
.industrial { width: 1440px; margin: 60px auto 0; max-width: 92%;}
.industralTit::after { content: ''; clear: both; display: block; height: 0;}
.industralTit .titleTag { background: url(../images/titline2.png) left bottom no-repeat; float: left; position: relative;}
.industralTit .titleTag span { left: 0; line-height: 1; position: absolute; font-size: 2vw; font-weight: bold; color: rgba(255,255,255,.1); white-space: nowrap;}
.industralTit .titleTag p { font-size: 1.77vw; line-height: 2.2; color: #ffffff;}
.industraChose { float: right; margin-top: 13px;}
.industraChose span { cursor: pointer; float: left; display: block; padding: 0 37px; line-height: 40px; border-radius: 40px; margin-left: 20px;
font-size: 16px; color: #333333; background: #ffffff;}
.industraChose span.cur { background-image: linear-gradient(to right,#115bb4,#3490f0); color: #ffffff;}
.industraSlide::after { content: ''; clear: both; display: block; height: 0;}
.projectTxt { margin-top: 7.08vw; float: left; text-align: left; width: 610px;}
.projectTxt h2 { margin-bottom: 23px; font-size: 26px; color: #ffffff; line-height: 1;}
.projectTxt p { font-size: 16px; line-height: 30px; color: #ffffff;}
.projectStep { margin-top: 60px;}
.projectStep dl { overflow: hidden;}
.projectStep dt { float: left; position: relative; margin-right: 86px; text-align: center;}
.projectStep dt:hover img { transform: rotate(360deg);}
.projectStep dt img { transition: all .8s; display: block; margin: 0 auto 20px;}
.projectStep dt span { font-size: 18px; font-weight: bold; line-height: 1; color: #ffffff; display: block; margin: 0 auto;}
.projectStep dt:last-child { margin-right: 0;}
.projectStep dt:last-child::after { display: none;}
.projectStep dt::after { content: ''; position: absolute; background: url(../images/stepline.png) center no-repeat; width: 40px; height: 3px;
left: 74px; top: 23px;}
.projectDate { margin-top:9.5vw; width: 570px; float: right;}
.projectDate li { margin-bottom: 90px; width: 40%; float: left; text-align: left; color: #ffffff;}
.projectDate li i { font-style: normal; vertical-align:20px;}
.projectDate li:nth-child(3n) { width: 20%;}
.projectDate p b { font-size: 40px; font-weight: bold;}
.projectDate p i { font-size: 20px;}
.projectDate span { display: block; font-size: 14px;}
.industraSlide a.more { background: url(../images/moreicon.png) left center no-repeat; line-height: 77px; font-size: 16px; color: #ffffff;
padding-left: 42px; display: inline-block; margin-top: 80px;}
.industraSlide a.more:hover { animation:moveAni2 1s infinite linear;}
@keyframes moveAni2{
	from{margin-left: 0;}
	50% { margin-left: 10px;}
	to{ margin-left: 0;}
}
.industraBd { height: 626px; text-align: left;}
.miningHd { margin-top:40px; margin-bottom: 64px; line-height: 76px; overflow: hidden;}
.miningHd span { cursor: pointer; float: left; display: block; margin-right: 54px; color: #ffffff; font-size: 24px; position: relative;}
.miningHd span::after { content: ''; position: absolute; bottom: 0; left: 0; height: 5px; background: #ffffff; width: 0; border-radius: 5px;}
.miningHd span.cur::after { content: ''; width: 100%;}
.mining .projectTxt { width: 530px;}
.miningDate { margin-top: 7.8125vw; float: right; width: 697px;}
.miningDate ul{ overflow: hidden;}
.miningDate li {padding-top: 32px; text-align: center; margin-right: 7px; margin-bottom: 10px; box-sizing: border-box; float: left; width: 227px; padding-bottom: 32px; background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,.2);}
.miningDate li:nth-child(3n) { margin-right: 0;}
.miningDate li p { font-weight: bold; font-size: 40px; color: #ffffff; line-height: 1; margin-bottom: 15px;}
.miningDate li span { display: block; font-size: 14px; color: #ffffff; line-height:22px;}
.miningDate ul:nth-child(2) li { padding: 65px 0 65px 45px; text-align: left;}
.miningDate li p i { font-style: normal;}
.clearningDate { margin-top:46px;}
.clearningDate ul {overflow: hidden;}
.clearningDate li { float: left;}
.clearningDate li:nth-child(1) { margin-right: 147px;}
.clearningDate li h3 { margin-bottom: 15px; line-height: 1; color: #ffffff; font-weight: bold; font-size: 14px;}
.clearningDate li h3 i { font-size: 40px; font-style: normal; font-weight: bold;}
.clearningDate li span { display: block; font-size: 14px; color: #ffffff;}
.clearningTag { margin-top: 95px; float: right; width: 530px; height: 374px;}
.clearningTag .swiper { width: 100%; height: 100%;}
.clearningTag .swiper .swiper-slide { transition: all .5s; transform: scale(0.8); opacity: .2; background: none;}
.clearningTag a { transition: all .5s; margin: 0 10px; border: 1px solid #ffffff; border-radius: 6px;line-height: 2; padding: 0 30px; display: inline-block; font-size:28px; color: #ffffff;}
.clearningTag .swiper .swiper-slide-prev,.clearningTag .swiper .swiper-slide-next { opacity: .6;}
.clearningTag .swiper .swiper-slide-active { opacity: 1; transform: scale(1);}
.clearningTag .swiper .swiper-slide-active a:hover { background:#115bb4; border: 1px solid #115bb4;}
.layoutCont { transition: all 1s!important; background-size: cover!important; }
.videoTitle::after { content: ''; clear: both; display: block; height: 0;}
.videoTitle .titleTag { background: url(../images/titline.png) left bottom no-repeat; float: left; position: relative;}
.videoTitle .titleTag span { left: 0; line-height: 1; position: absolute; font-size: 2vw; font-weight: bold; color: #a0a0a0; opacity: .2; white-space: nowrap;}

.videoTitle a.more { float: right; background: url(../images/moreicon.png) left center no-repeat; line-height: 3.894vw; font-size: 16px; color: #1663bc;
padding-left: 42px;}
.videoTitle a.more:hover {animation: moveAni 1s infinite linear;}
.videoCont { width: 1440px; margin: 0 auto; max-width: 92%; padding-top: 3.125vw;}
.videoBox { position: relative; background: #000000; width: 55.729vw; box-shadow: 0 0 10px rgba(0,0,0,0.2); height: 30.7vw; margin: 40px auto 0; box-sizing: border-box; border: 9px solid #000000; border-radius:9px;}
.videoBox video { display: block; border-radius: 9px; outline: none; width: 100%; height: 100%; object-fit: cover;}
.videoNotice img { display: block; margin: 0 auto 20px;}
.videoNotice { z-index: 2; cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.videoNotice p { font-weight: bold; font-size: 16px; color: #ffffff;}
.projectInfor{ margin-top: 2.345vw; width: 100%; padding-left: calc(50% - 720px);}
.projectCont { width: 100%;}
.projectText { z-index: 2; text-align: left; position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; padding: 0 28px 15px 45px;}
.projectText h2 {line-height: 58px; color: #ffffff; font-weight: bold; font-size: 24px;text-overflow: ellipsis;  white-space: nowrap; overflow: hidden; padding-right: 40px;}
.projectText p {overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height: 0; overflow: hidden; transition: all .5s; max-width: calc(100% - 110px); font-size: 16px; line-height: 28px; color: #ffffff;}
.projectText span { background: url(../images/enter.png) center no-repeat; width: 48px; height: 48px; position: absolute; right: 28px; bottom: 28px; display: block;}
.projectInfor img { height: 22.8vw; object-fit: cover; display: block; width: 100%;}
.projectInfor a { display: block; width: 100%;}
.projectInfor .swiper-slide:hover p { height: 56px;}
.projectInfor .swiper {padding-bottom: 58px;}
.projectInfor .swiper-slide { border-radius:8px; overflow: hidden;}
.projectInfor .swiper-slide::after { content: ''; position: absolute; left: 0; bottom: 0; height: 120px; width: 100%;
background-image: linear-gradient(to bottom,rgba(0,58,124,0),rgba(0,58,124,.8));}
.projectCont .swiper-scrollbar-drag { background: #4c7ec6;}
.footer { width: 100%; background: #f3f8fe;}
.footerCont { max-width: 92%; width: 1440px; margin: 0 auto; padding-top: 75px;}
.footerTop { padding-bottom: 55px; border-bottom: 1px solid #dadfe4;}
.footerTop::after { content: ''; clear: both; display: block; height: 0;}
.footerLeft { text-align: left; float: left;}
.footerLeft p { font-size: 16px; color: #666666; line-height: 1; margin-bottom: 14px;}
.footerLeft p:nth-child(2) { margin-bottom: 0;}
.footerLeft a { margin-top: 38px; width: 140px; height: 40px; border-radius: 4px; line-height: 40px; position:relative;text-align: left; text-indent: 23px; font-size: 16px; display: block; background-image: linear-gradient(to right,#115cb4,#3490ef); color: #ffffff; text-indent: 23px;}
.footerLeft a::after { content: ''; background: url(../images/icon8.png) center no-repeat; display: block; width: 20px; height: 20px; position: absolute; right: 13px;
top: 50%; transform: translateY(-50%);}
.footerRight { float: right;}
.friendLink { position: relative; overflow: hidden;}
.friendLink span {  background: url(../images/icon4.png) center no-repeat; width: 20px; height: 20px; position: absolute; right: 10px;
top: 50%; transform: translateY(-50%); transition: all .5s;}
.friendLink span.act { transform: translateY(-50%) rotate(90deg);}
.friendLink select { float: right; -webkit-appearance:none;-moz-appearance:none;appearance:none; outline: none; border: 1px solid #afafaf; border-radius: 4px; width: 388px; height: 50px; background: #f3f8fe; color: #666666;
font-size: 16px; box-sizing: border-box; padding-left: 17px;}
.share { margin-top: 26px;}
.share li { font-size: 20px; color: #333333; float: right; position: relative; margin-left: 47px; padding-left: 30px;}
.share li>img { position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.share li:nth-child(3) { padding-left: 42px;}
.share li:nth-child(2) { padding-left: 38px;}
.shareEwm { display: none; border-radius: 4px; overflow: hidden; position: absolute; left: 50%; transform: translateX(-50%); bottom: 33px; width: 124px; height: 124px; border: 6px solid #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
.shareEwm img { display: block; width: 100%;}
.share li:hover .shareEwm { display: block;}
.copyRight { line-height: 62px; overflow: hidden;}
.copyRight p { font-size: 16px; color: #333333; float: left;}
.copyRight p a { transition: all .5s; color: #333333; margin-right: 10px;}
.copyRight span { font-size: 16px; float: right; color: rgba(51,51,51,.5);}
.copyRight span a { transition: all .5s; color: rgba(51,51,51,.5) ;}
.copyRight p a:hover,.copyRight span a:hover { color:#1663bc ;}
.fullSwiper .swiper-slide:last-child { height: auto!important;}
#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index:100;}
.videoAlt { display: none; position: fixed; z-index: 102; left: 50%; top: 50%; transform: translate(-50%,-50%); width:800px; max-width: 90%;}
.videoAlt video { display: block; margin: 0 auto; outline: none; width: 100%;}
.closeAlt { display: block; background: url(../images/close.png) center no-repeat; margin: 20px auto 0; width: 40px; height: 40px; cursor: pointer;}
.copyRight i { font-style: normal;}
/**/
.insideBanner { position: relative; height: 500px;}
.insideBanner>img { display: block; height: 100%; object-fit: cover; width: 100%;}
.bannerTxt { width: 1440px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 92%;}
.bannerTxt h2 { font-size: 50px; line-height: 1; margin-bottom: 24px; color: #ffffff;}
.bannerTxt p { font-size: 18px; color: #ffffff;}
.bannerTxt img { display: block; margin-bottom: 12px;}
.introducePage { max-width: 92%; width: 1580px; margin:-70px auto 0; padding:40px 70px 100px;  border-radius: 12px 12px 0 0 ;
position: relative; z-index: 2;}
.introducePage::after {position: absolute; max-height: 80%;
    top: 0;
    right: 0;
    left: 0;
   
    margin: 0 auto;
    content: "";
    border-radius: 15px 15px 0 0;z-index: 1;
    height: 560px;
    background: linear-gradient(180deg,#fff 36.56%,hsla(0,0%,100%,0) 81.5%);
    box-shadow: 0 -25px 50px rgba(56,49,71,.06);}
.introducePage.intBg {background: url(../images/intbg.png) center 700px no-repeat #ffffff;}
.pageMenu::after { content: ''; clear: both; display: block; height: 0;}
.pageMenu { line-height: 56px;}
.loaction { float: right; font-size: 16px; color: #999999;}
.loaction a { color: #999999; transition: all .5s;}
.loaction a:hover { color: #1d63b7;}
.pageMenu ul {float: left;}
.pageMenu li { font-size: 16px; position: relative; margin-right: 45px; float: left;}
.pageMenu li:last-child { margin-right: 0;}
.pageMenu li a { color: #666666; font-weight: bold; transition: all .5s;}
.pageMenu li:hover a { color: #1d63b7;}
.pageMenu li.cur a { color: #1d63b7;}
.pageMenu li::after {content: ''; transition: all .5s; position: absolute; bottom: 0; left: 0; width: 0; height: 3px; border-radius: 3px; background: #1d63b7;}
.pageMenu li.cur::after,.pageMenu li:hover::after { width: 100%;}
.contBox { background: #ffffff; position: relative; z-index: 5;}
@keyframes downAni{
	from{ margin: 0 auto 20px;}
	50% {margin: 0 auto 10px;}
	to{ margin: 0 auto 20px;}
}
.intCont { margin-bottom: 100px; margin-top: 80px;}
.intCont::after { content: ''; clear: both; display: block; height: 0;}
.intArt { float: right; width: 50%;}
.intArt p { text-align: justify; font-size: 16px; text-indent: 32px; color: #333333; line-height: 2;}
.intTag { float: left; width: 50%;}
.tagTop h2 { margin-bottom: 28px; font-weight: bold; font-size: 36px; color: #333333; line-height: 52px;}
.tagTop p { font-size: 20px; color: #959595; line-height: 2;}
.dateNotice {margin-top: 50px;}
.dateNotice h2 { margin-bottom: 60px; font-size: 16px; color: #999999; line-height: 1;}
.dateNotice ul {overflow: hidden;}
.dateNotice li { margin-bottom: 100px; float: left; width: 50%;}
.dateNotice li:nth-child(3),.dateNotice li:nth-child(4) { margin-bottom: 0;}
.topDate {overflow: hidden; margin-bottom: 20px;}
.dataNum { float: left; line-height: 1; font-weight: bold; font-size: 60px; color: #1663bc;}
.dataTxt { float: left; margin-left: 30px;}
.dataTxt p { line-height: 30px; font-size: 16px; color: #333333;}
.dateNotice li h3 { line-height: 1; font-size: 16px; color: #999999;}
.intVideo video { width: 100%; display: block; border-radius: 15px; outline: none;}
.organBg { background: url(../images/zzbg.jpg) center bottom no-repeat; padding-bottom: 4.8vw;}
.organCont img {max-width: 100%; display: block; margin: 0 auto; padding-top: 5.2vw;}
.teamBg { background: url(../images/teambg.jpg) center bottom no-repeat!important;}
.teamBg .contBox {background: none;}
.teamCont { padding-bottom: 230px;}
.teatTitle p { font-weight: bold; font-size: 36px; line-height: 52px; margin-bottom: 10px; color: #333333;}
.teatTitle span { font-weight: 200; font-size: 24px; color: #e8e8e8; line-height: 1;}
.teatTitle { float: left;}
.teamInfor { margin-top: 85px;}
.teamInfor ul { float: right; width: 850px;}
.teamInfor li { transition: all .5s; overflow: hidden; line-height: 60px; border-bottom: 1px solid #e1e5f1;}
.teamInfor li p { letter-spacing:5px; width: 190px; padding-left: 30px; font-size: 24px; color: #333333; position: relative; float: left;}
.teamInfor li span { font-size: 18px; color: #666666; float: left;}
.teamInfor li p::after { content: ''; position: absolute; left:10px; background: url(../images/listdoc.png) center no-repeat;
width: 10px; height: 10px; top: 50%; transform: translateY(-50%);}
.marketArt h2 { margin-bottom: 22px; position: relative; text-align: center; font-weight: bold; font-size: 36px; line-height: 90px; color: #333333;}
.marketArt h2::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 44px; height: 4px; border-radius: 4px;
transform: translateX(-50%); background: #333333;}
.marketArt p { font-size: 18px; color: #333333; line-height: 2; text-indent: 36px;}
.marketInfor { margin-top: 65px;}
.marketMap { margin: 100px auto 30px; position: relative;}
.marketMap img {width: 100%; display: block; margin: 0 auto;}
.marketMap li { cursor: pointer; background: #ffffff; position: absolute; padding: 12px 18px 16px; border: 2px solid #d6dee8; border-radius: 8px;}
.marketMap li.cur {border: 2px solid #005bac;}
.marketMap li h2 { line-height: 34px; font-weight: bold; font-size: 20px; color: #8caccd;}
.marketMap li.cur h2 { color:#005bac ;}
.marketMap li p { line-height: 26px; font-size: 16px; color: #999999;}
.marketMap li:nth-child(1) { left: 82.77%; top:34.46%;}
.marketMap li:nth-child(2) { left: 38.88%; top: 0;}
.marketMap li:nth-child(3) { left: 31.94%; top:32.14%;}
.marketMap li:nth-child(4) { left: 42.36%; top:71.42%;}
.marketMap li:nth-child(5) { left: 63.19%; top:50.35%;}

.marketMap li:nth-child(6) { right: 1.45%; top:67.85%;}
.addressInfor { background: #f8fafd; padding: 50px 58px 50px;}
.addressHd { margin-bottom: 55px; overflow: hidden;}
.addressHd span { cursor: pointer; line-height: 56px; border-radius: 5px; float: left; width: 16.36%; text-align: center; font-size: 22px; color: #666666; background: #eaeff5; margin-right: 0.368%;}
.addressHd span:last-child { margin-right: 0;}
.addressHd span.cur { background: #005bac; color: #ffffff;}
.addressBd ul {overflow: hidden;}
.addressBd li { border-radius: 6px; text-indent: 30px; margin-bottom: 5px; line-height: 56px; float: left; position: relative; background: #ffffff; width: 16.36%; font-size: 20px; color: #333333; margin-right: 0.368%;}
.addressBd li:nth-child(6n) { margin-right: 0;}
.addressBd li::after { content: ''; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: 6px; height: 20px; background: #f2d488;
border-radius: 6px;}
.honorBox { background: url(../images/honorbg.jpg) right top no-repeat; margin-top: 35px;}
.honorTitle h2 { font-weight: bold; color: #333333; font-size: 36px; line-height: 1; margin-bottom: 18px;}
.honorTitle p { font-size: 24px; font-weight: 200; color: #e8e8e8;}
.honorTitle{padding-top: 48px; position: relative;}
.honorTitle::after { content: ''; position: absolute; right: 0; top: 75px; left: 278px; height: 4px; background: #f0f0f0;}
.honorSlide {    max-height: 400px; overflow-y: auto; border-top: 1px dashed #d6d6d6;}
.honorSlide li { cursor: pointer; position: relative; padding-left: 35px; line-height: 1.5; padding: 20px 0 20px 35px; color: #333333; font-size: 18px; border-bottom: 1px dashed #d6d6d6;}
.honorSlide { float: left; width: 490px;}
.honorInfor::after { content: ''; clear: both; display: block; height: 0;}
.honorSlide li::after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 14px; height: 14px;
box-sizing: border-box; border: 3px solid #1157cb; border-radius: 50%;}
.honorSlide li.cur { font-weight: bold; color:#1157cb}
.honorSwiper { float: right; margin-right: -5%; width: calc(100% - 500px);}
.honorSwiper .swiper {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}
.honorSwiper .swiper-slide {
  background-position: center;
  background-size: cover;

  padding:20px;
  opacity: 0;
  box-shadow: 0 0 20px rgba(225,233,243,.5); border: 2px solid #e1e9f3; border-radius: 8px;
  position: relative;
   filter:blur(2px)
}
.honorSwiper .swiper-slide img {
  display: block;
  width: 100%;
}
.honorSwiper .swiper-slide::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,.5); }
.honorSwiper .swiper-slide.swiper-slide-active { filter:blur(0) }
.honorSwiper .swiper-slide.swiper-slide-active::after { display: none;}
.honorSwiper .swiper-slide.swiper-slide-prev,.honorSwiper .swiper-slide.swiper-slide-active,.honorSwiper .swiper-slide.swiper-slide-next { opacity: 1;} 
.honorSwiper .swiper-3d .swiper-slide-shadow-left,.honorSwiper .swiper-3d .swiper-slide-shadow-right { display: none;}
.honorInfor { overflow: hidden; margin-top: 80px;}
.honorSwiper .swiper-button-next{ width: 60px; height: 60px; left: auto; right: 20%; background: url(../images/honornext.png) center no-repeat; }
.honorSwiper .swiper-button-prev{ width: 60px; height: 60px; left: 20%; background: url(../images/honorprev.png) center no-repeat; }
.honorSwiper .swiper-button-next::after,.honorSwiper .swiper-button-prev::after { display: none;}
.honorSwiper .swiper-button-next:hover { background: url(../images/honornexton.png);}
.honorSwiper .swiper-button-prev:hover { background: url(../images/honorprevon.png);}
.teamInfor li:hover { border-bottom: 1px solid #1157cb;}
.techArt h2 { margin-bottom: 20px; text-align: center; line-height: 90px; font-weight: bold; font-size: 36px; color: #333333; position: relative;}
.techArt h2::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 44px; height: 4px;
border-radius: 4px; background: #333333;}
.techArt p { font-size: 18px; color: #333333; line-height: 38px; text-indent: 36px;}
.techChose { margin-bottom: 60px; overflow: hidden;}
.techChose span { cursor: pointer; position: relative; font-size: 40px; text-shadow: 0 0 10px rgba(0,0,0,0.2); color: #ffffff; float: left; text-align: center; line-height: 132px; background: url(../images/tecmod.jpg) center no-repeat; width: 32.6%; margin-right: 1.1%;}
.techChose span:last-child { margin-right: 0;}
.techChose span.cur { background: url(../images/tecon.jpg) center no-repeat;}
.techChose span.cur::after { content: ''; background: url(../images/curicon.png) center no-repeat; width: 36px; height: 21px; position: absolute;
bottom: 0; left: 50%; transform: translateX(-50%);}
.techChose { margin-top: 50px;}
.techBd li {overflow: hidden; border-bottom: 2px dashed #cbcbcb; line-height: 134px; position: relative;}
.techBd li::after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 14px; height:14px;
box-sizing: border-box; border: 3px solid #1157cb; border-radius: 50%;}
.techBd li p {  transition: all .5s; text-indent: 60px; float: left; font-size: 28px; font-weight: bold; color: #333333;}
.techBd li span { float: right; font-size: 24px; color: #333333; transition: all .5s;}
.techBd li:hover span { font-weight: bold; color:#1157cb ;}
.techBd li:hover p { color:#1157cb ;}
.technologyCont { margin-top: 65px;}
.importantNew { margin: 60px 0 70px; border-radius: 8px; overflow: hidden; background: rgb(249,249,249);}
.newImgs { float: left; width: 50%; overflow: hidden; height: 405px;}
.newImgs img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .8s;}
.newArt { float: right; width: 50%; position: relative; padding: 55px 4% 0;}
.newDate { margin-bottom: 30px;}
.newDate p { font-size: 50px; line-height: 1; color: #333333;}
.newDate span { font-size: 16px; color: #333333;}
.newTag h2 { margin-bottom: 25px; font-size: 26px; color: #333333; line-height: 40px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newTag p { font-size: 16px; line-height: 2; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; color: #333333; opacity: .6;}
.newArt i { width: 48px; height: 48px; background: rgb(230,230,230); display: block; position: absolute; top: 38px; right: 36px; border-radius: 50%;}
.newArt i::after { content: ''; transition: all .5s; position: absolute; width: 11px; height: 11px; background: url(../images/newsicon1.png) center no-repeat;
left: 50%; top: 50%; margin-top: -5.5px; margin-left: -5.5px;}
.importantNew:hover .newArt i { background-image: linear-gradient(to right,#1d63b7,#348fee);}
.importantNew:hover .newArt i::after { transform: rotate(45deg);}
.importantNew:hover .newImgs img { transform: scale(1.1);}
.newsList .newsImg { float: right; width: 400px; height: 225px; border-radius: 8px; overflow: hidden;}
.newsList .newsImg img { transition: all 1s; display: block; width: 100%; height: 100%; object-fit: cover;}
.newsList li {overflow: hidden; padding: 60px 0; position: relative;}
.newsList li::before {content: ''; transition: all .8s; position: absolute; right: 0; bottom: 0; z-index: 1; height: 1px; width: 100%; background: #dedede;}
.newsList li::after { content: ''; transition: all .8s; position: absolute; right: 0; bottom: 0; z-index: 2; height: 1px; width: 0; background: #1d63b7;}
.newsData { float: left;}
.newsData p { font-size: 50px; line-height: 1; color: #333333;}
.newsData span { font-size: 16px; color: #333333;}
.newsTag { float: left; width: calc(100% - 655px); margin-left: 85px;}
.newsTag h2 { transition: all .5s;  margin-bottom: 23px; font-size: 22px; color: #333333; line-height: 1; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.newsTag p { font-size: 16px; line-height: 2; color: #999999;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.newsList li:hover::after { width: 100%;}
.newsList li:hover h2 { color:#1d63b7 ;}
.newsTag a { margin-top: 65px; text-indent: 20px; font-size: 16px; display: block; position: relative; width: 160px; line-height: 50px; border-radius: 50px; color: #ffffff; background-image: linear-gradient(to right,#1d63b7,#348fee);}
.newsTag a::after { content: ''; background: url(../images/newsicon2.png) center no-repeat; width: 14px; height: 13px; top: 50%; margin-top: -6.5px;
position: absolute; right: 18px;}
.newsTag a:hover::after { animation:rightArr 1s linear infinite;}
.newsList li:hover img { transform: scale(1.1);}
.page_list { margin-top: 50px; text-align: center;}
.page_list li { line-height: 40px; width: 40px; background: #f9f9f9; border-radius: 50%; margin: 0 5px; display: inline-block; vertical-align: top;}
.page_list li.active a { color: #ffffff;} 
.page_list li.active {background-image: linear-gradient(to right,#175fb5,#3892ef);}
.page_list li a { display: block; font-size: 16px; color: #333333;}
.page_list li.disabled a { color: #999;}
.articlePage {width: 1440px; max-width: 92%; padding-top: 80px; margin: 80px auto;}
.articleBox {   margin: 0 auto;}
.articleTag { text-align: center;}
.articleTag span { margin: 0 30px; font-size: 16px; color: #333333;}
.articleTitle h2 { margin-bottom: 38px; line-height: 1.5; font-size: 38px; color: #333333; text-align: center;}
.articleTag span a { vertical-align: -4px; margin: 0 5px;}
.articleCont { position: relative; margin: 50px auto; padding: 50px 4.1vw; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 35px;}
.articleCont a.backList { display: block; position: fixed; left: 50%; top: 200px; margin-left: 42vw; width: 60px; height: 60px; border-radius: 50%;
background-image: linear-gradient(to bottom,#3490f0,#125cb4); text-align: center;}
.backList p { position: absolute; left: 0; width: 100%; color: #ffffff; top: 50%; transform: translateY(-50%); font-size: 14px; line-height: 18px;}
.articleBar img { display: block; margin: 0 auto 30px; max-width: 100%;}
.articleBar p { font-size: 16px; color: #333333; text-indent: 32px; line-height: 2; margin-bottom: 30px;}
.articlePages {overflow: hidden;}
.articlePages .pageBtn { padding: 20px 30px; box-sizing: border-box; border-radius: 8px; float: left; width: 49%; display: block; background: #f8f8f8;}
.articlePages .pageBtn:nth-child(2) { float: right;}
.articlePages .pageBtn p { font-size: 16px; color: #999999; line-height: 32px;}
.articlePages .pageBtn span { display: block; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;  font-size: 18px; color: #333333; line-height: 32px;}
.articlePages .pageBtn span a { color: #333;}
.articlePages .pageBtn:hover a { font-weight: bold; color: #125cb4;}
.projectBuild { background: url(../images/buildbg.jpg) center top no-repeat; padding-top: 10vw;}
.buildConts { width: 1440px; margin: 0 auto; max-width: 92%;}
.buildArt h2 { position: relative; margin-bottom: 30px; text-align: center; font-size: 36px; font-weight: bold; color: #333333; line-height: 90px;}
.buildArt p { font-size: 18px; color: #333333; text-indent: 36px; line-height: 2;}
.buildArt h2::after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 44px; height: 4px;
border-radius: 4px; background: #333333;}
.buildSlide { padding: 0 55px;}
.buildSlide ul {text-align: center;}
.buildSlide ul::after { content: ''; clear: both; display: block; height: 0;}
.buildSlide li { position: relative; text-align: center; float: left; width: 20%;}
.buildIcon { position: relative; border-radius: 50%; width: 110px; margin: 0 auto 15px; height: 110px; padding: 16px;}
.buildIcon span { width: 100%; height: 100%; border-radius: 50%; position: relative; background: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.2); display: block;}
.buildIcon span img { transition: all .5s; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.buildIcon span img.actIcon { opacity: 0;}
.buildSlide li.act .buildIcon{ background: #c9dbea;}
.buildSlide li.act span { background: #085dad;}
.buildSlide li.act img.actIcon { opacity: 1;}
.buildSlide li.act img.modeIcon { opacity: 0;}
.buildSlide li p { font-size: 20px; font-weight: bold; color: #333333;}
.buildIcon::after { content: ''; width: 8px; height: 8px; box-sizing: border-box; top: 50%; transform: translateY(-50%); border: 1px solid #b6b7b8;
position: absolute; border-radius: 50%; left:calc(50% + 55px);}
.buildIcon::before { content: ''; width: 8px; height: 8px; box-sizing: border-box; top: 50%; transform: translateY(-50%); border: 1px solid #b6b7b8;
position: absolute; border-radius: 50%; right:calc(50% + 55px);}
.buildSlide li:nth-child(1) .buildIcon::before,.buildSlide li:last-child .buildIcon::after { display: none;}
.buildSlide li::after { content: ''; position: absolute; top: 55px; right: 0;left:calc(50% + 62px); border-top: 1px dashed #d7d8d8;}
.buildSlide li::before { content: ''; position: absolute; top: 55px; left: 0;right:calc(50% + 62px); border-top: 1px dashed #d7d8d8;}
.buildSlide li:nth-child(1)::before,.buildSlide li:last-child::after { display: none;}
.buildSlide li.act img { transform: translate(-50%,-50%) rotate(360deg);}
.buildSlide { margin: 120px auto 0; position: relative;}
.prevBuild { background: url(../images/buildprev.png) left center no-repeat; top: 0; cursor: pointer; position: absolute; left: 0; width: 55px; height: 110px;}
.nextBuild { background: url(../images/buildnext.png) right center no-repeat; position: absolute; cursor: pointer; right: 0; top: 0; width: 55px; height: 110px;}
.buildIntroduce p { text-align: center; font-size: 16px; color: #333333; line-height: 2;}
.buildIntroduce { margin-top: 90px;}
.buildSwiper .swiper img { height: 588px; object-fit: cover; display: block; width: 100%;}
.buildTxt { position: absolute; top: 24%; left: 0; width: 100%; text-align: center;}
.buildTxt h2 { font-size: 44px; color: #ffffff; line-height: 1; margin-bottom: 22px;}
.buildTxt p { overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; width: 725px; margin: 0 auto; max-width: 90%; font-size: 16px; color: #ffffff; line-height: 28px;}
.buildTxt a { display: block; width: 148px; line-height: 44px; border-radius: 44px; text-align: center; background: #ffffff;
font-size: 16px; color: #333333; margin: 22px auto 0; transition: all .5s;}
.buildTxt a:hover { background: #085dad; color: #ffffff;}
.buildSwiper { margin: 130px auto ; border-radius: 8px; position: relative; overflow: hidden;}
.buildSwiper .swiper-button-prev { height: 80px; left: 40px; top: 220px; color: #ffffff; font-size: 20px;}
.buildSwiper .swiper-button-prev::after { font-size:30px; font-weight: 200;}
.buildSwiper .swiper-button-next { height: 80px; right: 40px; top: 220px; color: #ffffff; font-size: 20px;}
.buildSwiper .swiper-button-next::after { font-size:30px; font-weight: 200;}
.buildMenu { width: 100%; padding: 0 40px; position: absolute; bottom: 0; left: 0; z-index: 2;}
.buildMenu li { position: relative; float: left; width: 12.6%; margin-right: 0.9833%;}
.buildMenu li:last-child { margin-right: 0; width: 18.5%;}
.buildMenu li>h2 {border-top: 1px solid rgba(255,255,255,.4); line-height: 92px; font-weight: bold; text-align: center; font-size:16px; color: #ffffff;}
.buildCover { transition: all .8s; padding: 20px 10% 0; left: 0; bottom:-169px; background-image: linear-gradient(to bottom,#3490f0,#115bb4); position: absolute; width: 100%; height: 169px;}
.buildCover h2 { font-size: 18px; color: #ffffff; background: url(../images/addicon.png) right center no-repeat; padding-right: 16px;}
.buildCover P { font-size: 12px; color: #ffffff; zoom: .8;}
.buildCover img { position: absolute; bottom: 14px;}
.buildMenu li:hover .buildCover { bottom: 0;}
.buildMenu li a {display: block; width: 100%; height: 100%;}
@keyframes rightArr{
	0% {right: 18px;}
	50% {right: 24px;}
	100%{right: 18px;}
}
.projectList ul::after { content: ''; clear: both; display: block; height: 0;}
.projectList li { margin-bottom: 2.8vw; float: left; width: 32%; margin-right: 2%;}
.projectList li:nth-child(3n) { margin-right: 0;}
.proImg { margin-bottom: 35px; height: 13.2vw; overflow: hidden; border-radius: 8px;}
.proImg img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .5s;}
.projectList li:hover img { transform: scale(1.1);}
.projectList li h2 { transition: all .5s; font-size: 18px; font-weight: bold; color: #333333; line-height: 1; margin-bottom: 20px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.projectList li p { margin-bottom: 30px; font-size: 16px; color: #666666; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;}
.projectList li span {padding-right: 32px; display: inline-block; font-size: 16px; color: #999999;}
.projectList li:hover h2 { color: #115bb4;}
.projectList li span img { margin-left: 12px; vertical-align: -3px;}
.projectList li:hover span img {animation:  moreAni 1s infinite linear;}
.projectDetail { position: relative; padding: 200px 0 135px;}
.detailBg {overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.detailBg img { width: 100%; height: 100%; object-fit: cover;filter: blur(10px);}
.detailBg::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.detailCont { position: relative; z-index: 2; width: 1440px; margin: 0 auto; max-width: 92%; }
.detailCont::after { content: ''; clear: both; display: block; height: 0;}
.detailArt { float: left; width: 310px;}
.detailImg { float: right; width: calc(100% - 380px); border-radius: 6px; overflow: hidden;}
.detailImg img { display: block;width: 100%;}
.detailArt h2 { margin: 50px 0; line-height: 1.5; color: #ffffff; font-size: 30px;}
.artScroll {padding-right: 24px; height: 260px; overflow-y: auto;}
.artScroll p { font-size: 16px; color: #ffffff; line-height:36px;}
.artScroll::-webkit-scrollbar-track {
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
	background-color:#F5F5F5;
	border-radius:3px;
}
.artScroll::-webkit-scrollbar {
	width:3px;
	background-color:rgba(255,255,255,.11);
}
.artScroll::-webkit-scrollbar-thumb {
	border-radius:3px;
	background:#fff;
}
.detailControl { overflow: hidden; margin-top: 70px;}
.prevDetail { margin-right: 25px; float: left; background: url(../images/honorprev.png) center no-repeat; width: 60px; height: 60px; display: block; transition: all .5s;}
.nextDetail { float: left; background: url(../images/honornext.png) center no-repeat; width: 60px; height: 60px; display: block; transition: all .5s;}
.prevDetail:hover { background: url(../images/honorprevon.png) center no-repeat; transform: rotate(360deg);}
.nextDetail:hover { background: url(../images/honornexton.png) center no-repeat; transform: rotate(360deg);}
.teamList { margin-top: 2.8vw;}
.teamList ul {overflow: hidden;}
.teamList li { text-align: center; float: left; width: 46%; margin-bottom: 2%;}
.teamImg { height: 19.27vw; border-radius: 8px; overflow: hidden;}
.teamImg img { transition: all .5s; display: block; width: 100%; height: 100%; object-fit: cover;}
.teamList li:hover img { transform: scale(1.1);}
.teamList li:nth-child(2n) { float: right;}
.teamList li p { transition: all .5s; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  font-weight: bold; font-size: 22px; color: #333333; line-height: 5;}
.teamList li:hover p { color: #115bb4;}
@keyframes moreAni{
	0% {margin-left: 12px;}
	50% {margin-left: 18px;}
	100%{margin-left: 12px;}
}
.projectList { margin-top:3.125vw;}
.closeDetail { transition: all .5s; display: block; position: absolute; width: 60px; right: -6.25vw; top: -30px;}
.closeDetail img { display: block; width: 100%;}
.closeDetail:hover {transform: rotate(360deg);}
.partTitle {background: url(../images/honorbg.jpg) right top no-repeat; margin-top: 35px;padding-top: 48px;
    position: relative;}
.partTitle h2 {
font-weight: bold;
  color: transparent;
  -webkit-text-fill-color: #333333;
  text-fill-color: #333333;
  font-size: 36px;
  line-height: 1;
  margin-bottom: 60px;
  background-color: white;
  -webkit-background-clip: text;
  background-clip: text;
  position: relative;
  z-index: 9999;
  width: 100%;
}
.partTitle::after {
    content: '';
    position: absolute;
    right: 0;
    top: 70px;
    left: 278px;
    height: 4px;
    background: #f0f0f0;
}
.partMenu p a{ transition: all .5s; font-size: 20px; font-weight: bold; color: #999999;}
.partMenu p {line-height: 1; margin-bottom:40px;}
.partMenu p:hover a,.partMenu p.cur a { color: #1663bc;}
.partMenu { float: left; width: 278px;}
.partList { float: right; width: calc(100% - 278px);}
.partConts::after { content: ''; clear: both; display: block; height: 0;}
.partImg { float: left; width: 266px; height: 166px; border-radius: 4px; overflow: hidden;}
.partImg img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .5s;}
.listCont li:hover img { transform: scale(1.1);}
.listCont li::after { content: ''; display: block; height: 1px; width: 100%; background:#e5e7eb; position: absolute; bottom: 0; left: 0;}
.listCont li::before { content: '';display: block; height: 1px; width: 0; z-index: 2; transition: all .8s; background:#1663bc; position: absolute; bottom: 0; left: 0;}
.listCont li {overflow: hidden; position: relative; padding-bottom: 30px; margin-bottom: 30px; }
.listCont li:hover::before { width: 100%;}
.partTxt { float: right; width: calc(100% - 310px);}
.partTxt h2 { transition: all .5s; line-height: 1.9; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  font-size: 20px; font-weight: bold; color: #333333;}
.partTxt p { margin-bottom: 30px; font-size: 16px; color: #999999; line-height: 30px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.partTag {overflow: hidden;}
.partTag span { float: left; font-size: 16px; color: #999999;}
.partTag b { float: right; font-size: 16px; color: #999999;}
.listCont li:hover h2 { color: #1663bc;}
.emptyBox { padding: 120px 0; text-align: center;}
.emptyBox img { max-width: 90%; display: block; margin: 0 auto 20px;}
.emptyBox p { font-size: 16px; color: #d7dbe1;}
.brandVideo {padding: 5.2vw 0 80px; background: url(../images/brandbg.jpg) center bottom no-repeat;}
.brandVideo .videoBox { margin: 0 auto;}
.videoList { margin-top: 2.6vw;}
.videoList ul::after { content: ''; clear: both; display: block; height: 0;}
.videoList li { width: 32%; margin-right: 2%; margin-bottom: 2%; float: left;}
.videoImg { border-radius: 5px; height: 13.54vw; overflow: hidden; position: relative;}
.videoImg>img { transition: all .5s; display: block; width: 100%; height: 100%; object-fit: cover;}
.videoTxt{ line-height: 60px; overflow: hidden;}
.videoTxt p { max-width: 60%; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;  float: left; font-size: 16px; font-weight: bold; color: #333333;}
.videoTxt span { float: right; max-width: 40%; font-size: 14px; background: url(../images/brandeye.jpg) left center no-repeat; padding-left: 27px; color: #666666;}
.videoTxt span b { color: #ff0000;}
.videoList li:nth-child(3n) { margin-right: 0;}
.videoList li:hover .videoImg>img { transform: scale(1.2);}

.sysArt h2 { margin-bottom: 22px; position: relative; text-align: center; font-weight: bold; font-size: 36px; line-height: 90px; color: #333333;}
.sysArt h2::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 44px; height: 4px; border-radius: 4px;
transform: translateX(-50%); background: #333333;}
.sysArt p { font-size: 18px; color: #333333; line-height: 2; text-indent: 36px; margin-bottom: 30px;}
.sysImg img { max-width: 100%; display: block; margin: 0 auto;}
.investorDate { margin: 60px auto; background: #f4f4f4; padding: 60px 60px 40px; overflow: hidden;}
.investorLeft { float: left; width: 340px; border-right: 1px solid #dedede;}
.investorLeft h2 { font-size: 20px; color: #333333;}
.investorLeft h2 span { margin-left: 10px;}
.investorLeft p { line-height: 1; margin: 25px 0;}
.investorLeft p.greenTxt { color: #10d139; font-size: 50px;}
.investorLeft p.redTxt { color: #ff3333; font-size: 50px;}
.investorLeft p span { font-size: 16px; color: #666666; margin: 0 36px;}
.investorLeft h3 { font-size: 16px; color: #666666;}
.investorLeft h3 span.redTxt { color: #ff3333;}
.investorLeft h3 span.greenTxt { color: #10d139;}
.investorRight { float: right; width: calc(100% - 430px);}
.investorRight ul { margin-bottom:40px; overflow: hidden;}
.investorRight li { float: left; width: 25%;}
.investorRight li p { line-height: 20px; margin-bottom: 25px; font-size: 16px; color: #666666;}
.investorRight li span { font-size: 30px; line-height: 1; color: #000000;}
.dataTag { font-size: 14px; color: #999999;}
.dataTag span { margin: 0 24px;}
.invesList { margin-top: 55px; border-top: 1px solid #efefef;}
.invesList li {padding-right: 88px; position: relative; line-height: 80px; border-bottom: 1px solid #efefef; overflow: hidden;}
.invesList li span { float: left; display: block; font-size: 20px; color: #999999; width: 173px; position: relative; text-indent: 20px;}
.invesList li span::after { content: ''; transform: translateY(-50%); position: absolute; right: 0; top: 50%; width: 1px; height: 20px; background: #efefef;}
.invesList li p { transition: all .5s; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  float: right; width: calc(100% - 217px); font-size: 20px; color: #333333;}
.invesList li::after { content: ''; background: url(../images/relsicon.jpg) right center no-repeat; position: absolute; top: 50%;
right: 28px; transform: translateY(-50%); display: block; width: 26px; height: 26px;}
.invesList li:hover p {font-weight: bold; color: #1663bc;}
.contactCont { overflow: hidden;}
.contactTxt { float: left; width: 50%;}
.contaictMap { float: right; width: 50%;}
.contactTitle { margin-bottom: 30px; padding: 20px 0 40px; position: relative;}
.contactTitle h2 { font-weight: bold; font-size: 30px; color: #333333; line-height: 1; margin-bottom: 20px;}
.contactTitle span{ display: block; line-height: 1; font-size: 16px; color: #666666;}

.contactTitle::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; transition: all .8s; height: 3px; border-radius: 3px; background: #125cb4;}
.contactTxt:hover .contactTitle::after { width: 80%;}
.contactTxt p { font-size: 22px; color: #333333; line-height: 54px;}
.contactCont { margin: 80px auto;}
.contaictMap { height: 460px;}
.BMap_bubble_title { font-size: 16px; color: #125cb4!important;}
.informaitonArt { float: right; width: calc(100% - 278px);}
.informaitonArt img { display: block; margin: 0 auto; max-width: 100%;}
.informaitonArt p { font-size: 16px; text-indent: 32px; color: #333333; line-height:2; margin-bottom: 32px;}
.partTitle.informationTit { background: url(../images/informationtit.jpg) right top no-repeat;}
.searchCont {max-width: 100%; position: relative; float: left; width: 627px; height: 60px; box-sizing: border-box; border: 2px solid #e1e9f3; border-radius: 5px;}
.searchCont input { display: block; outline: none; height: 100%; box-sizing: border-box; border: none; width: 100%; font-size: 16px; text-indent: 20px;}
.searchCont button { cursor: pointer; position: absolute; background: url(../images/searchblack.png) center no-repeat; width: 60px; height: 60px;
border: none; position: absolute; right: 0; top: 0; outline: none;}
.searchNotice { font-size: 16px; color: #333333; line-height: 100px;}
.searchNotice span { color: #e23c32; font-weight: bold;}
.resultList {border-top: 1px solid #ebebeb; padding-top: 40px;}
.resultList li { padding-bottom: 40px; margin-bottom: 40px; position: relative;}
.resultList li::after { content: ''; position: absolute; width: 100%; left: 0; bottom: 0; height: 1px; background: #ebebeb;}
.resultList li::before { content: ''; position: absolute; width:0; transition: all .8s; z-index: 2; left: 0; bottom: 0; height: 1px; background: #125cb4;}
.resultList li:hover::before { width: 100%;}
.resultList li h2 { overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  font-size: 24px; color: #000000;}
.resultList li h2 span { color: #ff0000;}
.resultList li p { line-height: 30px; margin: 12px 0 20px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
 font-size: 16px; color: #999999;}
.resultTag {overflow: hidden;}
.resultTag span { float: left; background: url(../images/moreicons.png) right center no-repeat; padding-right: 32px; color: #999999; font-size: 16px;}
.resultTag b { float: right; background: url(../images/timeicon.png) left center no-repeat; padding-left: 28px; color: #999999; font-size: 16px;}
.tm2d{padding-bottom: 7.8vw; margin-top: 6vw;}
.tm2d::after { content: ''; clear: both; display: block; height: 0;}
.tm2d .detailInfor { width: 50%; float: left;}

.tm2d ul { float: right; width: 48%; overflow: hidden;}
.tm2d li { margin-top: 4.16vw; float: left; width: 33.33%;}
.tm2d li span { font-size: 16px; color: #333333;}
.tm2d li span b { line-height: 1; font-size: 44px; color: #1663bc; font-weight: bold;}
.tm2d li h3 { font-size: 16px; color: #999999;}

.teamConts {padding-right: 50%;padding-bottom: 7.8vw; margin-top: 6vw; background: url(../images/teamdetailbg2.jpg) right top no-repeat;}
.detailInfor h2 { margin-bottom: 40px; font-weight: bold; font-size: 36px; position: relative; line-height: 90px;}
.detailInfor h2::after { content: ''; position: absolute; bottom: 0; left: 0; width: 44px; height: 4px; border-radius: 4px; background: #333333;}
.detailInfor p { font-size: 18px; color: #333333; line-height: 40px; max-width: 630px;}
.detailInfor ul {overflow: hidden;}
.detailInfor li { margin-top: 4.16vw; float: left; width: 33.33%;}
.detailInfor li span { font-size: 16px; color: #333333;}
.detailInfor li span b { line-height: 1; font-size: 44px; color: #1663bc; font-weight: bold;}
.detailInfor li h3 { font-size: 16px; color: #999999;}
.detailIntroduce {margin: 4vw auto 0; padding: 6vw 5.2vw 5.2vw; border-radius: 10px; background: url(../images/teamdetailcont.jpg) center no-repeat; background-size: cover;}
.detailIntroduce p {max-width: 490px; color: #ffffff; font-size: 18px; line-height: 40px;}

.mailTitle { line-height: 92px; text-align: center; font-weight: bold; color: #333333; position: relative; font-size: 36px;}
.mailTitle::after { content: ''; background: #333333; position: absolute; width: 44px; height: 4px; position: absolute; bottom: 0; left: 50%; margin-left: -22px;
border-radius: 4px;}
.mailBg { background: url(../images/buildbg.jpg) center bottom no-repeat;}
.mailCont { padding: 4vw 5.2vw; background: url(../images/mailbg.jpg) center no-repeat; background-size: cover; width: 1150px; border: 10px solid #e9f2fc;
margin: 2.6vw auto; max-width: 92%;}
.mailCont li { margin-bottom: 25px;}
.mailCont li::after { content: ''; clear: both; display: block; height: 0;}
.mailCont li input.longTxt { font-size: 16px; text-indent: 20px; font-weight: bold; float: left; width: 49%; outline: none; box-sizing: border-box; height: 54px; border: 1px solid #cdd9e6; border-radius: 5px;}
.mailCont li input.longTxt:nth-child(2) { float: right;}
.mailCont li textarea { display: block; width: 100%; resize: none; box-sizing: border-box; border: 1px solid #cdd9e6; padding:10px 20px; font-weight: bold; font-family: '微软雅黑'; font-size: 16px;
outline: none; border-radius: 4px; height: 140px;}
.mailCont li input.shortTxt { font-size: 16px; text-indent: 20px; font-weight: bold; float: left; width:280px; outline: none; box-sizing: border-box; height: 54px; border: 1px solid #cdd9e6; border-radius: 5px;}
.changeCheck { display: block; float: left; background: url(../images/mailchange.jpg) center no-repeat; width: 54px; height: 54px;}
.checkImg { float: left;}
.checkImg img { display: block; height: 100%; width: auto;}
.mailCont a.subMail { display: block; font-weight: bold; color: #ffffff; height: 54px; border-radius: 4px; background-image: linear-gradient(to right,#125bb3,#338fef);
width: 140px; margin-left: 14px; float: left; text-align: center; line-height: 54px; font-size: 16px;}


.pop-image {position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%;}
.pop-image.bigScreen img { height: 90vh;}
.pop-image .mask {width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, .5);}
.pop-image .close {position: absolute; right: 20px; top: 20px; z-index: 99;}
.pop-image .close span {display: block; width: 50px; height: 50px; background: rgba(0, 0, 0, .5); border-radius: 50%; position: relative; transform: rotate(45deg); cursor: pointer;}
.pop-image .close span:before,
.pop-image .close span:after {content: ''; display: block; position: absolute; left: 50%; top: 50%; background: #fff;}
.pop-image .close span:before {width: 20px; height: 2px; margin-left: -10px; margin-top: -1px;}
.pop-image .close span:after {width: 2px; height: 20px; margin-left: -1px; margin-top: -10px;}

.pop-image .wrap {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.pop-image .main {font-size: 0; position: relative; z-index: 90;}
.pop-image .main img {max-width: 80vw; max-height: 80vh;}

.pop-image {display: none; }
.pop-image .mask {opacity: 0; transition: opacity .3s;}
.pop-image .main {opacity: 0; transform: scale(.9); transition:all .3s;}
.pop-image.show {display: block;}
.pop-image.show.animation .mask {opacity: 1;}
.pop-image.show.animation .main {opacity: 1; transform: scale(1);}

@media screen and  (max-width:1680px){
	.closeDetail { right: 0; top: -80px;}
	.nav li h2,.lang a { font-size: 16px;}
	.nav li { margin-right: 1.5vw;}
	.projectText h2 { font-size: 20px;}
	.noticeTitle { font-size: 20px;}
	.share li { font-size: 18px;}
	.articleTitle h2 { font-size: 30px;}
	.articlePages a span { font-size: 16px;}
}
@media screen and  (max-width:1440px){
	.marketArt h2,.buildArt h2,.sysArt h2,.techArt h2,.teatTitle p { font-size: 30px;}
	.teatTitle span { font-size: 20px;}
	.marketArt p { font-size: 16px; text-indent: 32px;}
	.teamList li p { font-size: 20px;}
	.articleTitle h2 { font-size: 26px;}
	.articlePage {padding-top: 20px;}
	.articleCont { padding: 30px;}
	.industraBd { height: 500px;}
	.projectInfor {padding-left: 4%;}
	.miningHd { margin-bottom: 22px;}
	.newsHd,.hotNews { margin-bottom: 10px;}
	.newsTitle { margin: 1.2vw 0;}
	.newsCont { padding-top: 60px;}
	.projectText h2 { font-size: 18px;}
	.header { height: 60px;}
	.subCont {top: 60px;}
	.lang { line-height: 60px;}
	.search { width: 60px; height: 100%;}
	.nav li h2, .lang a { font-size: 14px; line-height: 60px;}
	.noticeSwiper b { font-size: 14px;}
	.share li { font-size: 16px;}
	.newsHd span { font-size: 16px; line-height: 44px;}
	.hotNews h2 { font-size: 20px;}
	.hotNews p { font-size: 14px; line-height: 20px;}
	.newsSlide li p,.newsSlide li span { font-size: 14px;}
	.newsPic { margin-top: 10px;}
	.newsImgswiper { height: 358px;}
	.newsTitle a.more { font-size: 14px;}
	.projectTxt {margin-top:4vw;}
	.projectDate { margin-top: 7vw;}
	.projectDate li { margin-bottom: 4vw;}
	.miningDate li p { font-size: 30px;}
	.miningHd span { font-size: 20px; line-height: 2.8;}
	.miningDate li { width: 33%; margin-right: 0.5%; margin-bottom: 0.5%; padding: 20px 0;}
	.projectTxt a.more { margin-top: 40px;}
	.projectStep { margin-top: 40px;}
	.clearningTag { height: 288px; margin-top: 55px;}
	.clearningTag a { font-size: 24px;}
	.miningHd span::after { height: 3px;}
	.clearningDate li h3 i { font-size: 30px;}
	.clearningDate { margin-top: 38px;}
	.miningDate  { width: 600px;}
	.friendLink select { width: 348px;}
	.bannerTxt h2 { font-size: 40px;}
	.introducePage { padding: 20px 40px 100px;}
	.intArt p { font-size: 15px; text-indent: 30px;}
	.honorSlide li { font-size: 16px; line-height: 40px;}
	.partTitle h2 { font-size: 30px;}
}
@media screen and  (max-width:1366px){
	.buildMenu li>h2 { font-size: 12px;}
	.buildCover h2 { font-size: 14px;}
	.buildMenu li:last-child { width: 14.5%;}
	.buildMenu li:nth-child(5),.buildMenu li:nth-child(6){ width: 14.6%;}
}
@media screen and  (max-width:1280px){
	.mailCont li input.longTxt,.mailCont li input.shortTxt { float: none; width: 100%; margin-bottom: 10px; padding: 0 10px; text-indent: 0; height: 32px; font-size: 14px;
	font-weight: normal;}
	.mailCont li input.longTxt:nth-child(2) { float: none; margin: 0;}
	.mailCont li { margin-bottom: 10px;}
	.mailCont li textarea { font-size: 14px; font-weight: normal; padding: 10px;}
	.mailCont { width: 100%; max-width:none;}
	.mailTitle { font-size:16px; line-height:3;}
	.changeCheck { width: 32px; height: 32px; background-size: 50% auto;}
	.checkImg img { height: 32px;}
	.mailCont a.subMail { height: 32px; width: 80px; line-height: 32px; font-size: 14px;}
	.mailTitle::after { height: 1px;}
	.teamInfor ul { float: none; width: 100%; margin-top: 20px;}
	.teamInfor li p { font-size: 20px;}
	.teamInfor li span { font-size: 16px;}
	.teatTitle { float: none;}
	.teamInfor { margin-top: 20px;}
	.searchCont { float: none; height: 40px;}
	.searchCont button { height: 40px;}
	.brandVideo { background-size: 100% auto; padding-bottom: 30px;}
	.insideBanner { height: 300px;}
	.emptyBox { padding: 20px 0;}
	.introducePage { padding: 20px;}
	.loaction { line-height: 3; float: none; font-size: 13px;}
	.pageMenu ul { white-space: nowrap; overflow-x: auto; float: none;}
	.pageMenu li { float: none; font-size: 13px; line-height: 3; display: inline-block; vertical-align: top; margin-right: 10px;}
	.bannerTxt h2 { margin-bottom: 10px; font-size: 20px;}
	.bannerTxt p { font-size: 14px;}
	.header.act .nav li.cur h2::after { left: 0; transform: translateX(0); height: 100%; width: 2px;}
	.articleTitle h2 { font-size: 20px; margin-bottom: 20px;}
	.articleTag span { font-size: 14px; display: inline-block; margin: 0 5px;}
	.header span.menu { display: block; position: absolute; top: 0; height: 60px; background: url(../images/menu.png) center no-repeat;
	right: 0; border-left: 1px solid #eee; width: 60px;}
	.search { margin-right: 60px;}
	.videoTitle a.more { line-height: 40px; padding-left: 32px; background-size: 30px auto; font-size: 14px;}
	.industraSlide a.more { padding-left: 32px; background-size: 30px auto; font-size: 14px;}
	.fullSwiper { background: #f3f8fe;}
	.footerCont { padding: 20px 0;}
	.footerTop {display: none;}
	.articleCont {margin-bottom: 0; margin-top: 20px; padding: 20px;}
	.articleBar p { font-size: 14px; text-indent: 28px; margin-bottom: 15px;}
	.articleBar img { margin: 0 auto 15px;}
	.copyRight i{ display: block;}
	.copyRight { padding: 10px 0 0;}
	.copyRight span { float: none; display: block; font-size: 14px; line-height: 1.5;}
	.copyRight p { float: none; font-size: 14px; line-height: 1.5;}
	.footerRight { display: none;}
	.fullSwiper {padding-top: 60px;}
	.swiper-container-h>.swiper-wrapper>.swiper-slide { height: auto;}
	.newsCont { padding:30px 0;}
	.projectTxt { float: none; width: 100%;}
	.projectDate { float: none; width: 100%;}
	.industraSlide a.more { margin-top: 0;}
	.videoCont { padding: 30px 0;}
	.projectCont { padding-bottom: 30px;}
	.nav { width: 160px; position: fixed;left: -110%; top: 60px; bottom: 0; background: #ffffff;}
	.nav li { line-height: 40px; float: none; margin: 0!important; border-bottom: 1px solid #eee;}
	.nav li h2 { line-height: 40px; text-indent: 20px;}
	.nav li h2::after { height: 2px;}
	.nav li:hover h2::after { width: 100%;}
	.subCont { position: static; padding: 0; width: 100%;}
	.subTit { display: none;}
	.subMenu { padding: 0; float: none; margin: 0; width: 100%;}
	.subMenu a { font-size: 14px; float: none; text-indent: 30px; width: 100%;}
	.subImg { display: none;}
	.subMenu a span { display: block;}
	.subCont { padding: 0;}
	
	.header a.logo { width: 260px;left: 3vw;}
	.header a.logo img { margin-top: -10.5px;}
	.lang { display: none;}
	.searchBox input { width: 204px; font-size: 14px;}
	.searchBox button { font-size: 14px;}
	.noticeMouse  { zoom: .6; bottom: 10px;}
	.banner .swiper-pagination-v { bottom: 10px!important; left: 10px!important;}
	.banner .swiper-pagination-v span.swiper-pagination-bullet-active,.banner .swiper-pagination-v span { width: 15px;}
	.noticeCont { height: 60px; width: 100%; float: none!important; max-width: none!important;}
	.noticeTitle { font-size: 16px; padding-left: 15px;}
	.newsNotice { height: 160px; height: 120px; line-height: 60px; background: none;}
	.noticeSwiper { height: 60px; max-width: calc(100% - 105px);}

	.noticeSwiper span { margin-top: 20px;}
	.noticeSwiper i { margin-top: 20px;}
	.newsImgswiper { float: none; margin: 0 auto 10px; width: 100%; height: auto;}
	.titleTag p { font-size: 16px; line-height: 40px;}
	.newsTitle span { font-size: 16px;}
	.newsTitle a.more { line-height: 40px; background-size: 30px auto; padding-left: 32px;}
	.newsImgswiper .swiper-pagination { bottom: 10px!important;}
	.newsImgswiper p { font-size: 14px; bottom:30px;}
	.newsChose { float: none; width: 100%;}
	.newsHd span i { display: none!important;}
	.newsTitle { margin-bottom: 15px;}
	.industralTit .titleTag p { font-size: 16px;}
	.industralTit .titleTag span { font-size: 16px;}
	.industraChose { float: none; margin:20px 0; text-align: center;}
	.industralTit .titleTag { text-align: left; float: none;}
	.industraChose span { float: none; display: inline-block; font-size: 14px; padding: 0 10px; margin:0 5px; line-height: 2;}
	.projectTxt h2 { font-size: 16px; margin-bottom: 15px;}
	.projectTxt p { font-size: 14px; line-height: 2;}
	.projectStep dt { display: inline-block; float: none;}
	.projectStep dl { overflow-x: auto; white-space: nowrap;}
	.mining .projectTxt { float: none; width: 100%;}
	.miningHd span { margin: 0 15px; font-size: 16px; float: none; display: inline-block;}
	.miningHd { text-align: center; margin: 0;}
	.miningDate { width: 100%;}
	.miningDate ul { overflow-x: auto; white-space: nowrap;}
	.miningDate ul li {  display: inline-block; float: none; width: auto; padding: 20px!important;}
	.projectStep dt span { font-size: 14px;}
	.projectDate p b { font-size: 20px;}
	.projectDate span { font-size: 12px;}
	.projectDate p i { font-size: 14px;}
	.projectDate li { width: 38%;}
	.projectDate li:nth-child(3n) { width: 24%;}
	.videoNotice { zoom: .5;}
	.clearningTag { display: none;}
	.clearningDate li { width: 50%; margin: 0!important;}
	.projectInfor .swiper { padding-bottom: 28px;}
	.projectText { padding: 0 20px 10px;}
	.projectText span { right: 10px; zoom: .5; bottom:46px;}
	.projectText h2 { font-size: 16px;}
	.projectInfor .swiper-slide:hover p { max-width: calc(100% - 40px); line-height:1.5; height: 42px; font-size: 14px;}
	.newsImgswiper .swiper, .newsImgswiper .swiper .swiper-slide, .newsImgswiper .swiper .swiper-slide a { width: 100%;}
	.industraBd { height: auto;}
	.articlePages .pageBtn { margin-bottom: 5px; padding: 10px; float: none; width: 100%;}
	.copyRight { padding: 0; text-align: center;}
	.homeFooter .footerCont{padding-bottom: 0;}
	.articleCont a.backList { width: 40px; height: 40px; top: 200px; left: auto; right: 2%;}
	.backList p { font-size: 12px; line-height: 14px;}
	.articlePages .pageBtn span,.articlePages .pageBtn p { font-size: 14px; line-height: 2;}
	.bannerTxt img { height: 64px;}
	.investorLeft { width: 280px;}
	.investorRight { width: calc(100% - 330px);}
	.investorRight li p { font-size: 14px;}
	.investorRight li span { font-size: 24px;}
	.addressHd span { font-size: 16px;}
}
@media screen and  (max-width:780px){
	.tm2d .detailInfor { width: 100%; float: none;}
	.tm2d ul { float: none; width: 100%;}
	.tm2d li { text-align: center; width: 50%;}
	.tm2d li h3 { font-size: 12px;}
	.tm2d li span { font-size: 12px;}
	.tm2d li span b { font-size: 16px;}
	
	
	.pop-image.bigScreen img { height: auto;}
	.teamConts { margin-top: 0; background: none; padding: 0;}
	.detailIntroduce p { font-size: 14px; line-height: 2;}
	
	.detailInfor p { font-size: 14px; line-height: 2;}
	.detailInfor h2 { margin-bottom: 20px; font-size: 20px; line-height: 2;}
	.detailInfor h2::after { height: 2px;}
	.detailInfor li { text-align: center; width: 50%;}
	.detailInfor li h3 { font-size: 12px;}
	.detailInfor li span { font-size: 12px;}
	.detailInfor li span b { font-size: 16px;}
	.teamInfor li { line-height: 44px;}
	.teatTitle p { font-size: 20px; line-height: 1.5; margin-bottom: 0;}
	.teatTitle span { font-size: 16px;}
	.teamCont { padding-bottom: 40px;}
	.teamInfor li p { width: auto; font-size: 16px;}
	.teamInfor li span { font-size: 13px; float: right;}
	.techBd li { line-height: 32px;}
	.techBd li::after { width: 8px; height: 8px; border: 1px solid #1157cb;}
	.techBd li p {text-indent: 16px; font-size: 14px;}
	.techBd li span { font-size: 14px;}
	.techChose { margin: 20px auto;}
	.techChose span { font-size:16px; line-height:2.5;}
	.techChose span.cur::after { zoom: .5;}
	.techArt p,.sysArt p { font-size: 14px; text-indent: 28px; line-height: 2;}
	.technologyCont { margin-top: 20px;}
	.techArt h2,.sysArt h2 { font-size: 20px; line-height:3;}
	.resultList li { padding: 0 0 20px; margin-bottom: 20px;}
	.resultList li h2 { font-size: 16px;}
	.resultList li p {margin: 10px 0; font-size: 14px;}
	.resultTag span,.resultTag b { font-size: 12px;}
	.searchNotice { font-size: 14px; line-height: 1.5; padding: 20px 0;}
	.searchCont input { font-size: 14px; text-indent: 10px;}
	.detailControl { margin-top: 20px; text-align: center;}
	.prevDetail,.nextDetail { float: none; display: inline-block; width: 30px; height: 30px; background-size: 100% auto; margin: 0 15px;}
	.closeDetail { top: -40px;}
	.detailImg { float: none; display: block; width: 100%;}
	.projectDetail {padding-bottom: 40px; padding-top: 120px;}
	.detailArt h2 { margin:20px 0; font-size:20px;}
	.artScroll p { line-height: 2; font-size: 14px;}
	.detailArt { float: none; width: 100%;}
	.closeDetail { width: 30px;}
	.closeDetail img { display: block; width: 100%;}
	.buildSwiper .swiper img { height: 260px;}
	.buildTxt { top: 50%; transform: translateY(-50%);}
	.buildTxt h2 { font-size: 20px;}
	.buildTxt p { font-size: 14px; line-height: 1.5;}
	.buildTxt a { font-size: 14px; width: 100px; line-height: 3; height: auto;}
	.buildMenu { display: none;}
	.buildSwiper { margin: 30px auto;}
	.buildIntroduce p { font-size: 14px;}
	.buildIntroduce { margin-top: 20px;}
	.buildSlide li p { font-size: 16px;}
	.buildIcon::before { display: none;}
	.buildIcon::after { display: none;}
	.buildSlide li::after { display: none;}
	.nextBuild,.prevBuild {top: 50%; transform: translateY(-50%); zoom: .8;}
	.buildSlide { margin: 20px auto; padding: 0 10px;}
	.buildIcon { width: 90px; margin-bottom: 0; height: 90px; padding: 5px;}
	.buildSlide li.act .buildIcon {background: none;}
	.buildSlide li { width:30%; float: none; display: inline-block; vertical-align: top;}
	.buildArt p { font-size: 14px; text-indent: 28px;}
	.projectBuild {padding-top: 80px;}
	.listCont li { padding-bottom: 20px; margin-bottom: 20px;}
	.partTxt h2 { font-size: 16px; margin: 10px 0 0;}
	.partTxt p { margin-bottom: 10px; font-size: 14px; line-height: 1.5;}
	.partTag span,.partTag b { font-size: 12px;}
	.partList { margin-top: 20px; float: none; width: 100%;}
	.partImg { float: none; width: 100%; height: auto;}
	.partTxt { float: none; width: 100%;}
	.newsData { float: none; margin: 20px 0 10px;}
	.newsTag h2 { font-size: 16px; margin-bottom: 10px;}
	.newsTag p { font-size: 14px;}
	.newsTag a { margin-top: 10px; font-size: 14px; line-height: 40px; height: 40px; width: 120px;}
	.newsTag { float: none; width: 100%; margin: 0;}
	.newsList .newsImg { float: none; width: 100%;}
	.importantNew {margin: 20px 0;}
	.newsList li { padding: 20px 0;}
	.newDate p,.newsData p { font-size: 20px;}
	.newDate span,.newsData span { font-size: 12px;}
	.newDate { margin-bottom: 10px;}
	.newTag h2 { font-size: 16px; line-height:1.5; margin-bottom: 0;}
	.newTag p { font-size: 14px;}
	.newArt i { top: 20px; right: 20px; width: 30px; height: 30px;}
	.newImgs { float: none; width: 100%; height: auto;}
	.newArt { padding: 20px; float: none; width: 100%;}
	.marketArt h2,.buildArt h2 { font-size: 20px; line-height: 3;}
	.marketMap { margin: 20px auto;}
	.marketArt p { font-size: 14px;}
	.addressHd { margin-bottom: 20px; overflow-x: auto; white-space: nowrap;}
	.addressBd li::after { width: 2px; height: 16px;}
	.addressBd li { line-height: 2; width: 49%; font-size: 14px; margin-right: 0;}
	.addressBd li:nth-child(2n) { float: right;}
	.addressHd span { width: auto; line-height: 2; padding: 0 10px; font-size: 14px; display: inline-block; float: none; vertical-align: top;}
	.addressInfor { padding: 20px;}
	.marketMap li { zoom: .3;}
	.marketInfor { margin-top: 20px;}
	.investorForm iframe { height: 400px!important;}
	.investorRight ul { margin-bottom: 10px;}
	.dataTag span {opacity: 0;}
	.investorLeft h2 { font-size: 18px;}
	.investorLeft p.redTxt { font-size: 40px;}
	.investorDate { margin: 20px auto; padding: 20px;}
	.investorLeft { float: none; margin-bottom: 10px; width: 100%; border: none;}
	.investorRight { float: none; width: 100%;}
	.investorRight li { margin-bottom: 10px; width: 50%;}
	.investorRight li span { font-size:16px;}
	.invesList { margin-top: 20px;}
	.investorRight li p { margin-bottom: 0;}
	.invesList li { line-height: 40px; padding-right: 30px;}
	.invesList li::after {right: 0; width: 18px; background-size: 100% auto;}
	.invesList li p {width: calc(100% - 110px); font-size: 14px;}
	.invesList li span { text-indent: 0; font-size: 12px; width:90px;}
	.contaictMap { float: none; height: 300px; margin-top: 20px; width: 100%;}
	.contactTxt { float: none; width: 100%;}
	.contactCont { margin: 20px auto;}
	.contactTitle h2 { font-size: 20px;}
	.contactTitle span { font-size: 14px; line-height: 1.5;}
	.contactTitle { margin-bottom: 20px; padding: 0 0 20px;}
	.contactTxt p { font-size: 16px; line-height:2;}
	.informaitonArt { margin-top: 20px;}
	.partTitle {margin-top: 20px; padding-top: 0;}
	.partTitle h2 {line-height: 40px; margin-bottom: 20px; font-size: 20px;}
	.partTitle::after { left: 80px; top:40px;}
	.partMenu { white-space: nowrap; overflow-x: auto; float: none; width: 100%;}
	.informaitonArt { float: none; width: 100%;}
	.partMenu p a { font-size: 14px;}
	.informaitonArt p { font-size: 14px; text-indent: 28px; margin-bottom: 14px;}
	.partMenu p { margin-right: 10px; margin-bottom: 0; display: inline-block; vertical-align: top;}
	.honorInfor { margin-top: 20px;}
	.honorSlide { float: none; width: 100%;}
	.honorSwiper { float: none; width: 100%;}
	.honorSwiper .swiper-slide { padding: 2px;}
	.honorSwiper .swiper { padding: 20px 0;}
	.honorSwiper .swiper-button-prev {left:0; zoom: .8;}
	.honorSwiper .swiper-button-next {right:0; zoom: .8;}
	.honorTitle h2 { font-size: 26px; margin-bottom: 10px;}
	.honorTitle p { font-size: 18px;}
	.videoList li { width: 100%; float: none; margin-right: 0;}
	.intArt { float: none; width: 100%;}
	.articleTitle h2 { font-size:18px;}
	.projectList li { margin-right: 0; margin-bottom:20px; float: none; width: 100%;}
	.proImg { height: auto; margin-bottom: 10px;}
	.projectList li h2 { font-size: 16px; margin-bottom: 10px;}
	.projectList li p { font-size: 14px; margin-bottom: 5px;}
	.projectList li span { font-size: 14px;}
	.videoImg { height: auto;}
	.brandVideo .videoBox { width: 90%; height: auto;}
	.videoTxt p { font-size: 14px;}
	.videoTxt span { font-size: 12px;}
	.teamList li { margin-bottom: 10px; float: none; width: 100%;}
	.teamImg { height: auto;}
	.teamList li p { font-size: 14px; line-height: 2.5;}
	.page_list li a { font-size: 12px;}
	.page_list li { width: 22px; line-height: 22px; height: 22px; margin: 0 1px;}
	.page_list { margin-top: 20px;}
	.intCont { margin-top: 20px; margin-bottom: 20px;}
	.intTag { float: none; width: 100%;}
	.tagTop h2 { font-size: 20px; line-height: 2; margin-bottom: 0;}
	.tagTop p { font-size: 16px; text-align: justify;}
	.dateNotice { margin-top: 20px;}
	.dateNotice h2 { margin-bottom: 20px;}
	.dataNum { font-size: 30px; line-height: 1;}
	.dataTxt p { font-size: 14px; line-height: 15px;}
	.topDate { margin-bottom: 10px;}
	.dateNotice li h3 { font-size: 14px;}
	.dateNotice li { margin-bottom: 10px;}
	.intArt { margin-top: 20px;}
	.intVideo video { height: auto;}
	.projectInfor img { height: 180px;}
	.newsPic img { height: 50px; object-fit: cover;}
}