.wow{ transition-delay:0.3s;}
.pc{ display:block;}
.mob{ display:none;}

#index{ height:100vh;}
#index > .section{ position:relative; height:100vh; overflow:hidden;}
.banner{ position:relative; height:100vh; overflow:hidden;}
.banner .swiper-slide{ overflow:hidden;}
.banImg{ height:100%; transform:scale(1.05); transition:all .5s;}
.banner .swiper-slide-active .banImg{ transform:scale(1); transition:all 5s;}
.banText{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; color:#FFFFFF; text-align:center; font-size:3.65vw; line-height:120%; font-family: 'SourceHanSansCNMedium';}
.banText .dot{ display:inline-block; vertical-align:middle; width:12px; height:12px; background:#FFFFFF; border-radius:50%; margin:0 .2rem; position:relative; top:-4px;}
.banEn{ font-size: 2.19vw; font-family: 'SourceHanSansCNRegular';}
.banPage{ position:absolute; left: 0; right: 0; bottom:3%; text-align:center; z-index:1;}
.banPage .swiper-pagination-bullet{ width:12px; height:12px; margin: 0 .06rem; border:2px solid #FFFFFF; opacity:1; background:none; transition:all .3s;}
.banPage .swiper-pagination-bullet-active{ background: #FFFFFF;}

.boxPd{ padding-top:110px;}

/* hmBg2 */
.hmBg2{ background: url(../images/hm2Bg.jpg) center bottom no-repeat; background-size: cover;}
.hm2Box{ margin-right: -6.5%;}
.hm2Lef{ float: left; width: 46.15%; padding-right: 4.2vw;}
.hm2Tab{ list-style: none; display: flex; max-width: 342px; border: 1px solid #0849bf; font-size: 16px; text-align: center; line-height: 32px; margin: 2vw 0;}
.hm2Tab li{ flex: 1;}
.hm2Tab li a{ display: block; color: #0849bf; padding: .1rem;}
.hm2Tab li.active a{ background-color: #0849bf; color: #FFFFFF;}
.hm2Text{ margin: 2vw 0;}
.hm2Tit{ font-size: 28px; color: #000000; line-height: 1.8; margin: .1rem 0;}
.hm2Des{ font-size: 16px; color: #666666; line-height: 26px; max-width: 540px; height: 104px; -webkit-line-clamp:4; margin: .1rem 0 2vw;}
.hm2Rig{ position: relative; float: right; width: 53.85%;}
.hm2Ico{ list-style: none; position: absolute; left: 0; top: 50%; transform: translate(-50%,-50%); width: 150px; height: 150px; width: 7.8vw; height: 7.8vw; border: 0.83vw solid #FFFFFF; background-color: #0849bf; border-radius: 50%; z-index: 2;}
.hm2Ico li{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.hm2Ico li span{ display: block; width: 100%; max-height: 100%;}
.hm2Ico li img{ display: block; max-width: 52%; max-height: 7.8vw; margin: 0 auto;}
.hm2Img{ position: relative; overflow: hidden;}
.hm2Img .imgBg{ position: relative; overflow: hidden; height: 0; padding-bottom: 72.62%;}

/*hmBg3*/
.hmBg3{ color:#FFFFFF; background-image: linear-gradient(to bottom right, #0393f1 , #0849bf);}
.hmBg3 .hmTit{ position: absolute; left: 50%; top: calc(110px + 5%); transform: translateX(-50%); color: #FFFFFF; z-index: 2;}
.hm3Img{ position:absolute; left:0; top:0; right:0; bottom:0; opacity:.3;}
.hm3Img .imgBg{ width:100%; height:100%; transform:scale(1); transition:all .5s;}
.hm3Img .swiper-slide-active .imgBg{ transform:scale(1.05); transition:all 5s;}
.hm3List{ display:flex; position:absolute; left:0; top:0; width:100%; height:100%;}
.hm3List li{ flex: 1; padding-right:1px; transition:all .5s;}
.hm3List li + li{ border-left: 1px solid #FFFFFF;}
.hm3Item{ height:100%; padding:.3rem 5.9vw 10%; padding-top:calc(.3rem + 110px); display:flex; flex-direction:column; justify-content:flex-end;}
.hm3Ico{ display:flex; flex-direction:column; justify-content:center; width:70px; height:70px; width:3.65vw; height:3.65vw; margin:.1rem 0;}
.hm3Ico img{ max-width:100%; max-height:100%;}
.hm3Tit{ font-size:36px; font-size:1.875vw; line-height:140%; margin:.1rem 0;}
.hm3Text{ height:130px; margin:.1rem auto; font-size:16px; line-height:26px; max-height:0; margin: .2rem 0; overflow:hidden; -webkit-line-clamp:5; transition:all 0.5s;}
.hm3Item .hmMore{ max-height: 0; overflow: hidden; transition: all .5s;}
.hm3Item .hmMore a{ border-color: #FFFFFF; color: #FFFFFF;}
.hm3Item .hmMore a i{ background-color: #FFFFFF; color: #0849bf;}
.hm3Item .hmMore a::before{ background-color: #FFFFFF;}
.hm3Item .hmMore a:hover{ color: #0849bf;}
.hm3List li.active .hm3Text{ max-height:130px; transition:all 0.5s linear 0.2s;}
.hm3List li.active .hmMore{ max-height: 54px; transition:all 0.6s;}

/* hmBg4 */
.hmBg4{ background: url(../images/hm4Bg.png) center bottom 15% no-repeat; background-size: auto 80%;}
.hm4Box{ position: relative; margin-top: 4.9vw;}
.hm4Lef{ float: left; width: calc(100% - 200px);}
.hm4Item{ display: flex; align-items: center; justify-content: space-between;}
.hm4Con{ width: 25%;}
.hm4Tit{ font-size: 24px; color: #000000; line-height: 34px; height: 68px;}
.hm4Line{ display: block; height: 2px; background: #333333; margin: .2rem 0;}
.hm4Text{ font-size: 16px; color: #888888; line-height: 34px; margin: 2vw 0; -webkit-line-clamp:4; height: 136px;}
.hm4Img{ width: 68%; overflow: hidden;}
.hm4Img a{ display: block;}
.hm4Img .imgBg{ display: block; height: 0; padding-bottom: 56.56%; transition: all 2s;}
.hm4Img a:hover .imgBg{ transform: scale(1.05);}
.hm4Rig{ position: absolute; right: 0; top: 50%; transform: translateY(-75%); width: 130px; text-align: right;}
.hm4Page{ text-align: center; font-size: 16px; color: #888888; font-weight: bold; font-family: Arial; margin: 2vw 0;}
.hm4Cur{ font-size: 54px; color: #0849bf;}
.hm4Page i{ margin: 0 5px;}
.hm4Btn{ display: flex; width: 100%; height: 54px; line-height: 52px; text-align: center; border: 1px solid #0849bf; font-size: 24px;}
.hm4Btn span{ width: 50%; cursor: pointer;}
.hm4Prev{ color: #0849bf;}
.hm4Next{ background-color: #0849bf; color: #FFFFFF;}
.hm4Lef.one{ width: 100%;}
.hm4Lef.one + .hm4Rig{ display: none;}

/* hmBg5 */
.hmBg5{ background-color: #e9e9e9;}
.hm5Box{ margin-top: 3vw;}
.hm5Lef{ float: left; width: 38.89%;}
.hm5Rig{ list-style: none; float: right; width: 50%;}
.hm5Lef a{ display: block;}
.hm5Img{ position: relative; overflow: hidden; height: 0; padding-bottom: 48.93%; margin-bottom: .15rem;}
.hm5Img .imgBg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 1s;}
.hm5Tit{ font-size: 24px; color: #060606; line-height: 1.8;}
.hm5Des{ font-size: 16px; color: #888888; line-height: 30px; margin: .2rem 0; -webkit-line-clamp: 2; height: 60px;}
.hm5Clock{ font-size: 16px; color: #060606; line-height: 2;}
.hm5Lef a:hover .imgBg{ transform: scale(1.05);}
.hm5Lef a:hover .hm5Tit{ color: #0849bf;}
.hm5Rig li{ margin-bottom: 85px;}
.hm5Rig li:last-child{ margin-bottom: 0;}
.hm5Rig li a{ display: flex;}
.hm5Time{ width: 120px; flex-shrink: 0; padding: .2rem; font-size: 14px; color: #FFFFFF; background: url(../images/logoIco.png) center bottom -50% #292929 no-repeat; background-size: contain; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-right: 30px; transition: all .3s;}
.hm5Time strong{ font-size: 45px;}
.hm5Time i{ display: block; width: 100%; height: 1px; background: #FFFFFF; margin: .2rem auto; max-width: 55px;}
.hm5Con{ flex: 1; overflow: hidden;}
.hm5More{ font-size: 14px; color: #888888;}
.hm5More i{ display: inline-block; vertical-align: middle; width: .5rem; height: 1px; background: #888888; margin-right: .1rem;}
.hm5Rig li a:hover .hm5Tit{ color: #0849bf;}
.hm5Rig li a:hover .hm5More{ color: #0849bf;}
.hm5Rig li a:hover .hm5More i{ background: #0849bf;}
.hm5Rig li a:hover .hm5Time{ background-color: #0849bf;}



.onePrev,.oneNext{ display:block; width:54px; height:54px; border-radius:50%; border:2px solid #bababa; position:absolute; top:50%; margin-top:-27px; background-position:center center; background-repeat:no-repeat; background-size:contain; cursor:pointer; z-index:1;}
.onePrev{ left:-5.2vw; background-image:url(../images/one3Prev.png);}
.oneNext{ right:-5.2vw; background-image:url(../images/one3Next.png);}
.onePrev:not(.swiper-button-disabled):hover,.oneNext:not(.swiper-button-disabled):hover{ border-color:#0c559b; background-color:#0c559b; transition:all 0.3s;}
.onePrev:not(.swiper-button-disabled):hover{ background-image:url(../images/box3Prev.png);}
.oneNext:not(.swiper-button-disabled):hover{ background-image:url(../images/box3Next.png);}
.onePrev.swiper-button-disabled,.oneNext.swiper-button-disabled{ opacity:.1; cursor:no-drop;}

.one1Bg{ position:relative; padding:.7rem 0; background:url(../images/about/one1Bg.jpg) center top #FFFFFF no-repeat; background-size:100% auto; overflow:hidden;}
.one1Box{ position:relative; text-align: center;}
.one1Logo{ margin: 0 auto .3rem;}
.one1Logo img{ max-width:50%; height:auto;}
.one1Tit{ font-size:34px; color:#333333; line-height:160%; margin: .3rem 0;}
.one1Text{ font-size:16px; color:#888888; line-height:187.5%; margin:.3rem 0;}

.one2Bg{ padding:6.25vw 0; background:url(../images/about/one2Bg.jpg) center center no-repeat; background-size:cover; color:#FFFFFF; overflow:hidden;}
.one2Tab{ list-style: none; display: flex; max-width: 660px; font-size: 36px; line-height: 1.2;}
.one2Tab li{ min-width: 50%; border: 1px solid #FFFFFF; opacity: 0.5; padding: .2rem .3rem; margin-left: -1px; cursor: pointer;}
.one2Tab li span{ display: block; font-size: 16px; text-transform: uppercase;}
.one2Tab li.active{ opacity: 1;}
.one2Item{ font-size: 16px; line-height: 2;}
.one2Img{ float: right; width: 37.5%; text-align: right; margin-top: -4.68vw;}
.one2Item img{ max-width: 90%; height: auto;}
.one2Text{ overflow: hidden;}
.one2Text p{ text-align: justify;}
.one2Top{ display: flex; align-items: center; margin: 2.6vw 0 2vw;}
.one2Top h3{ flex-shrink: 0; font-size: 40px; margin-right: 2vw; font-weight: normal;}
.one2Level{ line-height: 1.6}

.page .hmTit{ text-align: center;}
.page .hmTit h2 span::after{ display: none;}

.one3Bg{ padding:4.16vw 0; background: url(../images/hm2Bg.jpg) center center no-repeat; background-size: cover; overflow:hidden;}
.one3Tab{ position:relative; margin: .5rem 0 .3rem; overflow: hidden;}
.one3Line{ position: absolute; left: 0; top: 54px; width: 130%; height: 14px; background: url(../images/about/one3Tab.png) left 0 repeat-x; background-size: auto 100%;}
.one3Ico{ display: flex; width: 127px; height: 127px; border: 1px solid #888888; border-radius: 50%; background: #FFFFFF; overflow: hidden; margin: 0 auto; transition: all .3s;}
.one3Ico img{ max-width: 100%;max-height: 100%; margin: 0 auto;}
.one3Tit{ font-size:30px; color:#111111; line-height:140%; font-weight: normal; text-align:center; padding:.1rem 0; transition:all .3s;}
.one3Tab .swiper-slide{ cursor: pointer;}
.one3Tab .swiper-slide-active .one3Ico{ background-color: #0849bf;}
.one3Tab .swiper-slide-active img.shows{ display: none;}
.one3Tab .swiper-slide-active img.hides{ display: block;}
.one3Tab .swiper-slide-active .one3Tit{ color: #0849bf;}
.one3List{ list-style: none; font-size: 16px; color: #888888; line-height: 2; margin-top: 30px;}
.one3List li{ border: 1px solid #cbcbcb; background: #FFFFFF; padding: 35px 65px;}
.one3List h4{ font-size: 30px; color: #0849bf; line-height: 1.8; font-family: Arial; font-weight: normal; margin: .1rem 0;}
.one3Text{ height: 300px; overflow: hidden;}

.one4Bg{ overflow:hidden;}
.box4Box{ display: flex; text-align: center;}
.one4Item{ position: relative; width: 50%; overflow: hidden; margin: 0 1px;}
.one4Img{ position: relative; overflow: hidden; height: 0; padding-bottom: 92.76%; background-color: #002f83;}
.one4Img .imgBg{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: .3; transition: all 1s;}
.one4Text{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.one4Text .hmTit{ color: #FFFFFF; margin-bottom: 3vw;}
.one4Text .hmMore a{ color: #FFFFFF; border-color: #FFFFFF;}
.one4Text .hmMore a::before{ background-color: #FFFFFF;}
.one4Text .hmMore i{ background-color: transparent;}
.one4Text .hmMore a:hover,
.one4Text .hmMore a:hover i{ color: #0849bf;}
.one4Item:hover .imgBg{ transform: scale(1.05); opacity: .4;}

.one5Bg{ padding:4.16vw 0; background:url(../images/about/one5Bg.png) center bottom no-repeat; overflow:hidden;}
.one5Tab{ list-style: none; margin: 2.5vw 0; text-align: center; display: flex; flex-wrap: wrap; justify-content: center;}
.one5Tab li{ min-width: 10.4vw; border: 1px solid #0849bf; margin-left: -1px; overflow: hidden;}
.one5Tab li:first-child{ border-radius: 30px 0 0 30px;}
.one5Tab li:last-child{ border-radius: 0 30px 30px 0;}
.one5Tab span{ display: block; font-size: 20px; color: #0849bf; line-height: 59px; padding: 0 .1rem; cursor: pointer;}
.one5Tab li.active span{ background: #0849bf; color: #FFFFFF;}
.one5List{ position:relative; margin:3vw 0 0;}
.one5Item{ position: relative; background:#FFFFFF; border: 1px solid #cbcbcb;}
.one5Con{ padding: 2.6vw 3.65vw; border-right: 1px solid #cbcbcb; margin-right: -1px;}
.one5Img{ position:relative; overflow:hidden; height:0; padding-bottom:140%;}
.one5Img .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0; background-size:contain; transition:all .3s;}
.one5Prev,
.one5Next{ display: block; width: 3.125vw; height: 3.125vw; line-height: calc(3.125vw - 4px); border: 2px solid #e4e4e4; border-radius: 50%; text-align: center; cursor: pointer; position: absolute; top: 50%; margin-top: -1.562vw; color: #949494; transition: all .2s;}
.one5Prev i,
.one5Next i{ font-size: 1.2vw;}
.one5Prev{ right: 100%; margin-right: 0.8vw;}
.one5Next{ left: 100%; margin-left: 0.8vw;}
.one5Prev:hover,
.one5Next:hover{ border-color: #0849bf; background-color: #0849bf; color: #FFFFFF;}

.one6Bg{ position: relative; overflow: hidden; height: 90vh; background-color: #0b0b0b; color: #FFFFFF;}
.one6Bg .hm3List li{ flex: none; width: 18.75%;}
.one6Bg .hm3List li + li{ border-color: rgba(255, 255, 255, .3);}
.one6Bg .hm3List li.active{ width: 43.75%;}
.one6Bg .hm3Item{ padding: .3rem 1.8vw 10%;}
.one6Bg :not(.active) .hm3Tit{ font-size: 1.46vw;}
.one6Bg .hmMore a i{ background-color: transparent; color: #FFFFFF;}
.one6Bg .hmMore a:hover i{ color: #0849bf;}
.one6Num{ font-size: 45px; font-size: 2.34vw; opacity: .1;}
.one6Bg .active .hm3Item{ justify-content: center; padding: .3rem 8.6vw 10%;}
.one6Bg .active .one6Num{ opacity: 0; visibility: hidden;}

.bussiness{ padding: 5.2vw 0 7.3vw; font-size: 16px; color: #888888; line-height: 1.8;}
.bussImg{ float: right; max-width: 45%;}
.bussCir{ position: relative; max-width: 463px; margin: 0 30px;}
.bussCir > img{ display: block; width: 100%; height: auto;}
.bussIco{ list-style: none;}
.bussIco li{ position: absolute; width: 38.87%; height: 38.87%; border-radius: 50%; overflow: hidden; border: .1rem solid #FFFFFF; z-index: 1;}
.bussIco li span{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: #0849bf;}
.bussIco li span img{ max-width: 50%; max-height: 50%;}
.bussIco1{ left: 50%; margin-left: -19.43%; top: 0; margin-top: -10%;}
.bussIco2{ left: 0; bottom: 4%; margin-left: -5%;}
.bussIco3{ right: 0; bottom: 4%; margin-right: -5%;}
.bussArrow{ list-style: none;}
.bussArrow li{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.bussArrow li span{ display: block; position: absolute;}
.bussArrow .arrow1{ animation: rotate 3s linear infinite;}
.bussArrow .arrow1 span{ left: 9%; top: 31.53%; width: 6%; height: 3.8%; background: url(../images/business/bussArrow1.png) center center no-repeat; background-size: contain;}
.bussArrow .arrow2{ animation: rotate 3s linear infinite;}
.bussArrow .arrow2 span{ left: 49%; top: 88%; width: 3.2%; height: 6.2%; background: url(../images/business/bussArrow2.png) center center no-repeat; background-size: contain;}
.bussArrow .arrow3{ animation: rotate 3s linear infinite;}
.bussArrow .arrow3 span{ left: 85.53%; top: 31.53%; width: 6%; height: 3.8%; background: url(../images/business/bussArrow3.png) center center no-repeat; background-size: contain;}

.bussText{ float: left; width: 50%; list-style: none; max-width: 704px;}
.bussText li{ border-bottom: 1px solid #e7e7e7; padding: 1vw 0;}
.bussText li:first-child{ padding-top: 0;}
.bussText li:last-child{ border-bottom: none; padding-bottom: 0;}
.bussText h3{ font-size: 36px; color: #0849bf; line-height: 1.8; margin: .1rem 0;}

.techList{ list-style: none; margin: 3.65vw 0 4.68vw;}
.techList li{ padding: 2.6vw 0; box-shadow: 0 3px 29px rgba(0,0,0,0.08);}
.techList li + li{ margin-top: .3rem;}
.techImg{ float: right; width: 50%; text-align: center; padding: 0 .3rem;}
.techImg img{ max-width: 100%; height: auto;}
.techText{ overflow: hidden; padding: 0 5vw;}
.techText h3{ font-size: 36px; color: #0849bf; line-height: 1.4;}
.techDes{ font-size: 16px; color: #888888; line-height: 1.6; margin-top: 1vw;}
.techDes p{ margin: .15rem 0;}
.techDes img{ max-width: 100% !important; height: auto !important;}

.artBox .techText{ padding: 0;}
.artBox .techDes img{ display: block; margin: .1rem auto;}
.artTit{ text-align: center; margin: .1rem 0;}

.equipList{ list-style: none; margin: 4.16vw -1.56vw 3.6vw; display: flex; flex-wrap: wrap;}
.equipList li{ width: 33.33%; padding: 0 1.56vw; margin-bottom: 2.6vw;}
.equipLink{ display: block; box-shadow: 0 .03rem .29rem rgba(0,0,0,0.08);}
.equipImg{ position: relative; overflow: hidden; height: 0; padding-bottom: 63.63%;}
.equipImg .imgBg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 1s;}
.equipText{ padding: 1vw 2.08vw 2.08vw;}
.equipTit{ font-size: 26px; color: #0849bf; line-height: 2; margin: .1rem 0;}
.equipDes{ font-size: 16px; color: #888888; line-height: 26px; height: 104px; -webkit-line-clamp:4; margin: .1rem 0 .2rem;}
.equipMore{ display: block; width: 120px; height: 40px; border: 1px solid #bfbfbf; line-height: 38px; text-align: center; font-size: 14px; color: #bfbfbf; margin: .1rem 0; transition: all .5s;}
.equipMore i{ margin-left: 15px;}
.equipLink:hover .imgBg{ transform: scale(1.05);}
.equipLink:hover .equipMore{ background-color: #0849bf; color: #FFFFFF; border-color: #0849bf;}

.caseTop{ list-style: none; display: flex; flex-wrap: wrap; justify-content: center; font-size: 20px; margin: 2.6vw 0;}
.caseTop li a{ display: block; color: #1a1720; line-height: 24px; padding: .1rem .15rem; text-align: center; border: 1px solid transparent;}
.caseTop li a:hover{ color: #0849bf;}
.caseTop li.active a{ color: #0849bf; border-color: #0849bf; min-width: 1.06rem;}
.caseList .equipLink{ position: relative;}
.caseList .equipLink::after{ display: block; content: ""; position: absolute; left: 50%; bottom: 0; width: 0%; height: .04rem; background-color: #0849bf; transition: all 1s;}
.caseList .equipDes{ margin: .1rem 0;}
.caseList .equipLink:hover::after{ left: 0; width: 100%;}
.caseBox{ position: relative;}
.caseBox .techText{ position: relative; max-width: 1200px; padding: 0; margin: 0 auto;}
.caseBox .techText h3{ text-align: left; margin-right: 140px;}
.caseBox .hmMore{ position: absolute; right: 0; top: 15px; margin: 0;}
.caseBox .hmMore a{ max-width: 130px; height: 40px; line-height: 38px;}
.caseBox .hmMore a i{ width: 40px; line-height: 38px;}

.arTop{ display: flex; padding: 1.3vw; margin: 3.125vw 0; box-shadow: 0 .1rem .2rem rgba(0, 0, 0, 0.1);}
.arImg{ position:relative; width: 36%; margin-right: 3.4vw; overflow: hidden;}
.arImg .imgBg{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; transition:all .8s linear;}
.arImg:hover .imgBg{ transform: scale(1.05);}
.arRig{ flex: 1; overflow: hidden;}
.arTime{ font-size: 20px; color: #333333; line-height: 1.8;}
.arTit{ font-size:36px; color:#0849bf; line-height:1.8; font-weight: normal;}
.arTit a{ color: #0849bf;}
.arDes{ font-size: 16px; color:#888888; line-height:30px; height:90px; margin:.15rem 0 .3rem; -webkit-line-clamp:3}
.arTop .hmMore{ margin: .2rem 0;}
.arTop .hmMore a{ margin: 0;}

.arList{ list-style: none; margin: 3.6vw 0;}
.arList li{ border-bottom: 1px solid #c0c0c0;}
.arLink{ position: relative; display:block; padding: 2vw 0; overflow:hidden;}
.arLink::after{ display: block; content: ""; width: 100%; height: 0; background: #0849bf; transition: all .3s; position: absolute; left: 0; bottom: 0;}
.arList li:first-child .arLink{ padding-top: 0;}
.newsTime{ float: left; width: 120px; text-align: center; margin-right: 3.9vw; font-size: 20px; color: #333333; font-family: Arial;}
.newsTime strong{ font-size: 300%; line-height: 1.4; font-weight: normal;}
.newsTit{ font-size: 30px; color: #333333; line-height: 1.8; font-weight: normal; transition: all .3s;}
.newsDes{ font-size: 16px; color: #888888; line-height: 30px; margin-top: 1vw;}
.arLink:hover::after{ height: .04rem;}
.arLink:hover .newsTit{ color: #0849bf;}

.arInfor{ font-size:0; margin:1vw 0; text-align: center;}
.arInfor span,.share,.share a{ display: inline-block; vertical-align: middle; font-size:16px; color:#999999; line-height:200%;}
.arInfor span,.share{ margin: 0 .1rem;}
.arLine{ display:block; width:100%; height:1px; background:#e2e2e2; margin:2vw 0;}
.share a{ width:24px; height:24px; margin: 0 .04rem; background-position:center center; background-repeat:no-repeat; background-size:contain; transition:all .3s;}
.shareIco1{ background-image:url(../images/news/shareIco1.png);}
.shareIco2{ background-image:url(../images/news/shareIco2.png);}
.arPage{ font-size:16px; color:#888888; line-height:180%; margin: .5rem 0 0; display: flex; justify-content: space-between;}
.arPage p{ width: 48%;}
.arPage p a{ color:#888888;}
.arPage p a:hover{ color:#0849bf;}
.arPage p:nth-child(2){ text-align: right;}


.conBg1{ margin:4.68vw 0 6.25vw;}
.contact{ display: flex;}
.conLef{ position: relative; width: 40%; flex-shrink: 0; padding: 3.125vw 3vw; color: #FFFFFF; font-size: 16px; line-height: 1.8; background-image: linear-gradient(to right bottom,#0393f1,#0849bf)}
.logoBg{ position: absolute; right: -5%; bottom: -5%; max-width: 80%; height: auto;}
.conText{ position: relative; z-index: 1;}
.conTit{ font-size: 30px; line-height: 1.4; font-weight: normal; margin: 5px 0;}
.conEn{ font-size: 18px; line-height: 1.4; margin: 5px 0;}
.conLine{ display: block; width: 100%; height: 1px; background: #FFFFFF; opacity: .3; margin: 1.5vw 0;}
.conLef p{ margin: .1rem 0;}
#map{ flex: 1; overflow: hidden;}
.conBg2{ color: #FFFFFF; background: url(../images/contact/conBg2.jpg) center center fixed no-repeat; background-size: cover;}
.con2{ display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: .3rem 0; min-height: 40vw; color: #FFFFFF;}
.con2 .hmTit{ color: #FFFFFF;}
.con2 .hmh2 span::after{ display: none;}
.con2Tit{ font-size: 45px; color: #FFFFFF; line-height: 1.4; font-weight: normal; margin: 2.6vw 0 1.56vw;}
.con2Des{ font-size: 18px; line-height: 2; max-width: 940px; margin: .2rem auto;}
.con2Arrow{ display: block; width: 28px; height: 16px; background: url(../images/contact/arrow.png) center bottom no-repeat; background-size: contain; margin: 3vw auto 0; animation: bounce 3s linear infinite;}
.conBg3{overflow: hidden; margin: 2vw 0;}
.joinFilter{ list-style: none; font-size: 20px; color: #333333; line-height: 32px; margin: 2vw 0;}
.joinFilter li{ padding: 1vw 0;}
.joinFilter li + li{ border-top: 1px solid #cdcdcd;}
.filterLef{ float: left;}
.filterLef img{ max-height: 30px; margin-right: 5px; vertical-align: middle; margin-top: -2px;}
.filterCon{ overflow: hidden;}
.filterCon label{ position: relative; display: inline-block; vertical-align: middle; cursor: pointer;}
.filterCon input{ position: absolute; left: 0; top: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none;}
.filterCon span{ display: block; padding: 0 .1rem; border-radius: 4px;}
.filterCon input:checked + span{ background: #0849bf; color: #FFFFFF;}
.joinList{ list-style:none; margin: 2vw 0;}
.joinList li{ margin-top:2vw; background:#FFFFFF; box-shadow:0 0 .15rem rgba(0,0,0,0.15);}
.joinTop{ overflow:hidden; font-size:18px; color:#888888; line-height:36px; padding:.38rem 2.6vw; font-weight: normal; cursor:pointer; transition:all .5s;}
.joinName{ float: left; width:230px; font-size:24px; color:#0849bf; font-weight:bold;}
.joinInfo{ float: left; width:calc(100% - 270px); padding:0 1vw; text-align: center;}
.joinInfo span{ position: relative; float: left; min-width: 150px; max-width: 33.33%; padding: 0 .1rem;}
.joinInfo span:after{ display:block; content:""; width:1px; height:22px; background:#c7c7c7; position:absolute; left:0; top:50%; margin-top:-11px;}
.joinIco{ float: right; width: 40px; font-size: 0; text-align: right;}
.joinIco i{ position: relative; display: inline-block; vertical-align: middle; width: 35px; height: 35px; background: #0849bf;}
.joinIco i::before,
.joinIco i::after{ display: block; content: ""; background-color: #FFFFFF; position: absolute; left: 50%; top: 50%;}
.joinIco i::before{ width: 14px; height: 2px; margin: -1px 0 0 -7px;}
.joinIco i::after{ width: 2px; height: 14px; margin: -7px 0 0 -1px; transition: all .3s;}
.joinText{ padding:0 2.6vw 1vw; font-size:16px; color:#888888; line-height:180%; display:none;}
.joinInfor{ padding:.25rem 0; margin-bottom: .3rem; border-bottom:1px solid #dbdbdb; display: none;}
.joinInfor span{ padding-right:3.5vw;}
.joinInfor span:last-child{ padding-right:0;}
.joinTip{ padding:.25rem 0; margin-top: .3rem; border-top:1px solid #dbdbdb;}
.joinTip a{ color:#0849bf;}
.joinList li.active .joinIco i:after{ transform: rotate(90deg);}

.LayBg{ position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index:10; display:flex; flex-direction:column; justify-content:center; align-items:center; overflow-y:auto; padding:.3rem; opacity:0; visibility:hidden; transition:all .4s;}
.LayBox{ position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); display:block; max-width:1739px; width:95%; background:#FFFFFF; padding:2.6vw 7.8vw; border-radius:.1rem; z-index:11; opacity:0; visibility:hidden; transition:all .4s;}
.LayBox .hmTit{ margin: .2rem 0; color: #333333;}
.LayBox .hmh2 span::after{ display: none;}
.LayClose{ display: block; width: 40px; height: 40px; background: url(../images/close.png) center center no-repeat; position: absolute; right: 1.5vw; top: 1.5vw; cursor: pointer; z-index: 1;}
.LayText{ padding-right: .2rem; margin-right: -.2rem; max-height: 60vh; overflow-y: auto;}
.LayText::-webkit-scrollbar {
    width: .1rem;
    max-width: 5px;
    height: 1px;
}
.LayText::-webkit-scrollbar-thumb {
    border-radius: .1rem;
     box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #0849bf;
}
.LayText::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: .1rem;
    background: #EDEDED;
}
.LayCon{ font-size:16px; color:#888888; line-height:2;}
.LayCon img{ display: block; max-width: 100%; height: auto; margin: 0 auto;}
.LayBg.active,.LayBox.active{ opacity:1; visibility:visible;}

@media (min-width:1201px){
}
@media (min-width:1600px){
	.container{ width:1470px;}
}
@media (max-width:1600px){
	.boxPd{ padding-top:80px;}
    .hm2Box{ margin: 0;}
    .hm2Tab{ font-size: 14px; line-height: 24px;}
    .hm2Tit{ font-size: 24px;}
    .hm2Des{ font-size: 14px;}
    .hm2Img .imgBg{ padding-bottom: 64%;}
	.hm3Item{ padding-top:calc(.3rem + 80px);}
	.hm3Text{ font-size:14px;}
    .hm4Box{ margin-top: 4vw;}
    .hm4Tit{ font-size: 20px; line-height: 30px; height: 60px;}
    .hm4Line{ height: 1px; margin: .1rem 0;}
    .hm4Text{ font-size: 14px; line-height: 28px; height: 112px; margin: 1.5vw 0;}
    .hm4Page{ font-size: 14px;}
    .hm4Cur{ font-size: 48px;}
    .hm4Btn{ height: 44px; line-height: 42px; max-width: 100px; margin: 0 auto; font-size: 20px;}
    .hm5Box{ margin-top: 2vw;}
    .hm5Rig li{ margin-bottom: 50px;}
    .hm5Img{ padding-bottom: 45%;}
    .hm5Tit{ font-size: 20px;}
    .hm5Des{ font-size: 14px; line-height: 24px; height: 48px; margin: .15rem 0;}
    .hm5Clock{ font-size: 14px;}
    .hm5Time{ width: 100px; padding: .1rem; margin-right: 20px; font-size: 12px;}
    .hm5Time strong{ font-size: 40px;}
    .hm5Time i{ margin: .1rem auto;}
    .one1Logo img{ width: 180px; height: auto;}
    .one1Tit{ font-size: 28px;}
    .one1Text{ font-size: 14px;}
    .one2Tab{ font-size: 28px; max-width: 500px;}
    .one2Tab li{ padding: .15rem .2rem;}
    .one2Tab li span{ font-size: 14px;}
    .one2Item{ font-size: 14px;}
    .one2Top h3{ font-size: 32px;}
    .one2Img{ width: 30%;}
    .one3Line{ top: 42px;}
    .one3Ico{ width: 100px; height: 100px;}
    .one3Tit{ font-size: 24px;}
    .one3List{ font-size: 14px;}
    .one3List li{ padding: .3rem .4rem;}
    .one3List h4{ font-size: 24px;}
    .one3Text{ height: 2.4rem;}
    .one5Tab span{ line-height: 48px; font-size: 18px;}
    .one5Prev{ margin-right: 0.6vw;}
    .one5Next{ margin-left: 0.6vw;}
    .bussiness,
    .techDes{ font-size: 14px;}
    .arTit,
    .bussText h3,
    .techText h3{ font-size: 28px;}
    .equipTit{ font-size: 22px;}
    .equipDes{ font-size: 14px; line-height: 22px; height: 88px;}
    .caseTop{ font-size: 16px;}
    .caseTop li a{ line-height: 20px;}
    .arImg{ width: 30%;}
    .arTime{ font-size: 14px; line-height: 1.8;}
    .arDes{ font-size: 14px; line-height: 24px; height: 72px;}
    .newsTime{ width: 100px; font-size: 16px;}
    .newsTit{ font-size: 22px;}
    .newsDes{ font-size: 14px; line-height: 24px;}
    .arInfor span, .share, .share a{ font-size: 14px;}
    .share a{ width: 20px; height: 20px;}
    .arPage{ font-size: 14px;}
    .conLef{ font-size: 14px;}
    .conTit{ font-size: 24px;}
    .conEn{ font-size: 14px;}
    .con2Tit{ font-size: 36px;}
    .con2Des{ font-size: 16px; max-width: 840px;}
    .con2Arrow{ width: 22px; height: 14px;}
    .joinFilter{ font-size: 16px;}
    .filterLef img{ max-height: 22px;}
    .joinTop{ padding: .25rem 2.6vw; font-size: 16px;}
    .joinName{ font-size: 20px;}
    .joinIco i{ width: 30px; height: 30px;}
    .joinText{ font-size: 14px;}
    .LayText{ max-height: 50vh;}
    .LayCon{ font-size: 14px;}
}
@media (max-width:1400px){
    .one1Logo img{ width: 150px;}
}
@media (max-width:1200px){
	#index{ height:auto !important;}
	.boxPd{ padding-top:0;}
	.banner{ position:relative; height:6rem;}
    .hmBg2{ padding: .6rem 0;}
    .hm2Lef{ float: none; width: 100%; padding: 0;}
    .hm2Tab{ margin: .3rem auto;}
    .hm2Text{ text-align: center; margin: .2rem 0;}
    .hm2Des{ margin: .2rem auto; height: auto;}
    .hm2Rig{ float: none; width: 100%; max-width: 540px; margin: 4.8vw auto 0;}
    .hm2Ico{ left: 50%; top: 0;}
    .hmBg3 .hmTit{ position: relative; transform: none; left: auto; top: auto; padding: .3rem 0;}
	.hm3List{ position:relative;}
    .hm3List li{ flex: none; width: 33.33%; padding: 0;}
    .hm3List li + li{ border: none;}
	.hm3Item{ padding:.4rem .2rem; justify-content:flex-start;}
    .hm3Ico{ margin: .1rem auto;}
    .hm3Tit{ text-align: center;}
	.hm3Text{ max-height: none; text-align: center; margin: .1rem auto;}
    .hm3Item .hmMore{ max-height: none;}
    .hmBg4{ padding: .6rem 0;}
    .hm4Box{ margin: .3rem 0;}
    .hm4Lef{ float: none; width: 100%;}
    .hm4Rig{ width: 100%; position: static; transform: none;}
    .hmBg5{ padding: .6rem 0;}

	.hm2Lef,.hm2Rig,.hm3List,.box3Tab,.box3List,.hmTit,.hm4Box,.hm5Lef,.hm5Rig{ animation-name:none !important;}

    .one1Tit{ font-size: 24px;}
    .one2Tab{ font-size: 24px;}
    .one5Tab span{ line-height: 40px; font-size: 16px;}
    .one5List{ padding: 0 4vw;}
    .one6Bg{ height: auto;}
    .one6Bg .hm3List{ flex-wrap: wrap;}
    .one6Bg .hm3List li{ width: 50% !important; border-bottom: 1px solid rgba(255, 255, 255, .3); margin-bottom: -1px;}
    .one6Bg .hm3List li:nth-child(2n + 1){ border-right: 1px solid rgba(255, 255, 255, .3);}
    .one6Bg .hm3Item{ padding: .4rem .2rem !important; justify-content: flex-start !important;}
    .one6Bg .hm3Tit{ font-size: 18px !important;}

    .arTit,
    .bussText h3,
    .techText h3{ font-size: 24px;}
    .techText{ padding: 0 .3rem;}
    .techList{ margin: .5rem 0 0.7rem;}
    .equipList{ margin: .5rem -.1rem;}
    .equipList li{ padding: 0 .1rem; margin-bottom: .2rem;}
    .equipTit{ font-size: 18px; line-height: 1.6;}
    .caseTop{ margin: .3rem 0;}
    .caseBox .hmMore{ position: static; margin: 0 auto; margin-top: .3rem;}
    .arDes{ margin: .1rem 0;}
    .arTop .hmMore{ margin: .1rem 0;}
    .newsTime{ width: 60px; font-size: 14px;}
    .newsTit{ font-size: 18px;}
    .newsDes{ margin-top: .1rem;}
    .joinTop{ padding: .15rem .3rem}
    .joinText{ padding: 0 .3rem .15rem;}
    .LayBox{ padding: .1rem .3rem .5rem;}
}
@media (max-width:991px){
    .banner{ height: 5rem;}
    .banText{ padding-top: 30px;}
	.banPage .swiper-pagination-bullet{ margin:0 4px;}
    .hm3Text{ font-size: 12px;}
    .hm5Lef{ width: 46%;}
    
    .one2Tab{ max-width: 100%; text-align: center;}
    .one2Img{ float: none; width: 100%; width: 4rem; max-width: 300px; margin: .3rem auto .2rem;}
    .one2Top{ justify-content: center;}
    .one3Line{ top: 32px;}
    .one3Ico{ width: 80px; height: 80px;}
    .one5Con{ padding: .2rem;}

    .bussImg,
    .bussText{ float: none; width: 100%; max-width: 100%;}
    .bussCir{ width: 70%; max-width: 360px; margin: .3rem auto;}
    .techList li{ padding: .3rem;}
    .techImg{ float: none; width: 100%; margin: 0 auto; padding: 0;}
    .techText{ padding: 0; margin-top: .2rem;}
    .equipTit{ font-size: 16px;}
    .equipDes{ height: 66px; -webkit-line-clamp:3;}
    .equipMore{ width: 100px; height: 34px; line-height: 32px;}
    .equipMore i{ margin-left: 10px;}
    .caseTop{ font-size: 14px;}
    .caseTop li a{ padding: .08rem .1rem;}
    .caseTop li.active a{ min-width: 1rem}
    .arDes{ height: 48px; -webkit-line-clamp:2;}
    .conBg1{ margin: .6rem 0;}
    .contact{ display: block;}
    .conLef{ width: 100%;}
    #map{ height: 4rem; max-height: 300px;}
    .con2{ padding: .6rem 0;}
    .con2Tit{ font-size: 30px;}
    .con2Des{ font-size: 14px;}
    .joinFilter{ font-size: 14px;}
    .filterLef img{ max-height: 18px;}
    .joinName{ width: calc(100% - 40px);}
    .joinInfo{ display: none;}
    .joinInfor{ display: block;}
}
@media (max-width:767px){
    .banText{ font-size: .36rem;}
    .banEn{ font-size: .28rem;}
    .banText .dot{ width: .12rem; height: .12rem; top: -.04rem;}
    .hm3Ico{ width: 0.7rem; height: 0.7rem; max-width: 50px; max-height: 50px;}
    .hm3Tit{ font-size: 18px;}
    .hm4Con{ width: 30%;} 
    .hm4Tit{ font-size: 18px; height: auto; margin-bottom: .3rem;}
    .hm4Line,
    .hm4Text{ display: none;}
    .hm4Con .hmMore a{ margin: 0;}
    .hm4Cur{ font-size: .4rem;}
    .hm4Btn{ width: 80px; height: 38px; line-height: 36px; font-size: 16px;}
    .hm5Box{ margin: .3rem 0;}
    .hm5Lef,
    .hm5Rig{ float: none; width: 100%; margin: .3rem 0;}
    .hm5Tit{ font-size: 18px;}
    .one5Tab li{ flex: 1;}
    .one5Tab span{ line-height: 34px; font-size: 14px;}
    .one5List{ padding: 0 40px;}
    .one5Prev,
    .one5Next{ width: 32px; height: 32px; line-height: 28px;}
    .one5Prev i,
    .one5Next i{ font-size: 16px;}
    .one5Prev{ margin-right: 15px;}
    .one5Next{ margin-left: 15px;}


    .equipList li{ width: 50%;}
    .arTit{ font-size: 22px; line-height: 1;}
}
@media (max-width:640px){
    .hm2Tit{ font-size: 20px;}
    .hm2Ico{ width: 1rem; height: 1rem; border-width: 0.06rem;}
    .hm2Rig{ margin: 0.7rem auto 0;}
    .hm3List{ flex-wrap: wrap; justify-content: center;}
    .hm3List li{ width: 50%;}
    .hm3Text{ line-height: 20px; height: 60px; -webkit-line-clamp: 3;}
    .hm4Tit{ font-size: 16px; line-height: 1.8;}
    .hm4Btn{ width: 60px; height: 30px; line-height: 28px; font-size: 14px;}

    .one1Tit{ font-size: 20px;}
    .one1Logo img{ width: 2rem;}
    .one2Bg{ padding: .6rem 0;}
    .one2Tab{ font-size: 18px;}
    .one2Tab li span{ font-size: 12px;}
    .one2Top h3{ font-size: 24px;}
    .one3Bg{ padding: .6rem 0;}
    .one3List li{ padding: .2rem .2rem .3rem;}
    .one3Tit{ font-size: .32rem;}
    .one3List h4{ font-size: 20px;}
    .one3Text{ height: 4rem;}
    .one5Bg{ padding: .6rem 0;}
    .one6Bg .hm3Tit{ font-size: 16px !important;}

    .arTit,
    .bussText h3,
    .techText h3{ font-size: 20px;}
    .caseBox .hmMore a{ max-width: 100px; height: 32px; line-height: 30px;}
    .caseBox .hmMore a i{ line-height: 30px; width: 30px;}
    .arTop{ display: block; padding: .2rem; margin: .4rem 0;}
    .arImg{ width: 100%; margin: 0 0 .1rem;}
    .arImg .imgBg{ position: static; height: 4.4rem;}
    .arDes{ height: auto;}
    .arList{ margin: .5rem 0;}
    .arLink{ padding: .2rem 0;}
    .newsTime{ margin-right: .2rem; font-size: 12px; width: 50px;}
    .newsTime strong{ font-size: 200%;}
    .newsTit{ font-size: 16px; line-height: 1.2;}
    .newsDes{ font-size: 12px; line-height: 20px; -webkit-line-clamp:2;}
    .arPage{ display: block;}
    .arPage p{ width: 100%; text-align: left !important;}
    .conTit{ font-size: .3rem;}
    .conEn{ font-size: .2rem;}
    .con2Tit{ font-size: 22px;}
    .con2Des{ font-size: 14px;}
    .joinFilter{ line-height: 24px;}
    .joinFilter li{ padding: .15rem 0;}
    .filterLef{ float: none; display: block;}
    .filterCon label{ margin: .06rem 0 0}
    .joinName{ font-size: 16px; width: calc(100% - 30px);}
    .joinIco{ width: 30px;}
    .joinIco i{ width: 24px; height: 24px;}
    .joinIco i::before{ width: 10px; margin-left: -5px;}
    .joinIco i::after{ height: 10px; margin-top: -5px;}
    .LayClose{ background-size: 16px auto;}
}
@media (max-width:460px){
	.banText{ padding-top:25px;}
    .banPage .swiper-pagination-bullet{ width: 10px; height: 10px;}
    .hm2Tit{ font-size: 18px;}
    .hm3Tit{ font-size: 16px;}
    .hm4Item{ flex-direction: column-reverse;}
    .hm4Con,
    .hm4Img{ width: 100%;}
    .hm4Tit{ margin: .2rem 0; text-align: center;}
    .hm4Con .hmMore a{ margin: 0 auto;}
    .hm5Tit{ font-size: 16px;}
    .hm5Des{ font-size: 12px; line-height: 20px; height: 40px;}
    .hm5Clock{ font-size: 12px;}
    .hm5More{ font-size: 12px;}
    .hm5Time{ margin-right: .2rem; width: 1.4rem; background-position: center bottom -25%;}
    .hm5Time strong{ font-size: .4rem;}
    .one2Tab{ font-size: 18px;}
    .one2Tab li span{ font-size: .2rem;}
    .one2Top{ display: block;}
    .one3Line{ top: 20px;}
    .one3Ico{ width: 60px; height: 60px;}
    .box4Box{ display: block;}
    .one4Item{ width: 100%; margin: 1px 0;}
    .one5Con{ border: none; margin: 0;}
    .one6Bg .hm3Tit{ font-size: 14px !important;}

    .arTit,
    .bussText h3,
    .techText h3{ font-size: 18px;}
    .equipList li{ width: 100%;}
    .equipText{ padding: .1rem .2rem;}
    .equipTit{ font-size: 14px;}
    .equipDes{ font-size: 12px; line-height: 20px; height: auto; -webkit-line-clamp:2;}
    .equipMore{ display: none;}
    .caseTop li a{ line-height: 18px;}
    .arDes{ line-height: 1.4; margin: .15rem 0;}
    .newsTit{ font-size: 14px;}
    .conTit{ font-size: .36rem;}
    .conEn{ font-size: .24rem;}
    .con2Tit{ font-size: 20px;}
    .con2Des{ font-size: 12px;}
    .con2Arrow{ width: 18px; height: 10px;}
    .LayBox .hmh2{ font-size: 20px;}
    
}
@media all and (orientation : landscape){
	.pc{ display:block;}
	.mob{ display:none;}
}
@media all and (orientation : portrait){
	.pc{ display:none;}
	.mob{ display:block;}
}