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

.banner{ position:relative; height:100vh;}
.banner .parallax{ height:100%;}
.banner .swiper-slide{ overflow:hidden;}
.banImg{ height:100%; transform:scale(1.1); transition:all 1s;}
.banner .swiper-slide-active .banImg{ transform:scale(1); transition:all 5s;}
.banText{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; color:#FFFFFF;}
.banLogo{ max-width:25%; height:auto; margin:.2rem 0;}
.banLogo img{ display:block; width:100%; height:auto;}
.banCn{ font-size:36px; line-height:140%; margin:.2rem 0;}
.banEn{ font-size:18px; line-height:140%; text-transform:uppercase; font-family:Arial; min-height:100px; margin:.2rem 0;}
.banMore{ display:block; text-align:center; position:relative; width:160px; height:40px; line-height:40px; color:#FFFFFF; text-align:center; background:#007dc0; text-transform:uppercase; border-radius:4px; overflow:hidden;}
.banMore span{ display:block; position:relative;}
.banMore:hover,.banMore:focus{ color:#FFFFFF;}
.banMore:before{ display:block; content:""; position:absolute; left:0; bottom:0; width:100%; height:0; background:#d7eaf8; transition:all .3s;}
.banMore:hover:before{ height:100%;}
.banMore:hover{ color:#007dc0;}
.banPage{ position:absolute; z-index:1; width:100%; text-align:center; bottom:calc(2% + 70px);}
.banPage .swiper-pagination-bullet{ width:22px; height:22px; background:rgba(255,255,255,0.3); margin:0 .07rem; vertical-align:middle; opacity:1; position:relative; transition:all .3s;}
.banPage .swiper-pagination-bullet:after{ display:block; content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:16px; height:16px; border-radius:50%; background:#FFFFFF; opacity:.5; transition:all .3s; z-index:1;}
.banPage .swiper-pagination-bullet-active:after{ background:#0083c9;}
.banMouse{ position:absolute; left:50%; bottom:2%; transform:translateX(-50%); text-align:center; z-index:1; cursor:pointer;}
.banMouse span{ display:block; width:28px; height:42px; border:2px solid #FFFFFF; position:relative; margin:0 auto .1rem; border-radius:15px;}
.banMouse span i{ display:block; position:absolute; left:50%; margin-left:-2px; top:5px; width:4px; height:9px; background:#FFFFFF; border-radius:2px; animation:banScroll 1s linear infinite;}

.hmTitEn{ font-size:0;}
.hmTitEn *{ display:inline-block; vertical-align:middle;}
.hmTitEn span{ font-size:18px; color:#0083c9; font-family:Impact;}
.hmTitEn i{ width:.6rem; height:1px; background:#dddddd; margin:0 .1rem;}
.hmTitEn b{ font-size:18px; color:#dddddd; text-transform:uppercase; font-family:Arial;}
.hmTitCn{ font-size:44px; color:#333333; line-height:160%;}
.hmTitDes{ color:#999999;}
.hmTitWhite span,.hmTitWhite b,.hmTitWhite .hmTitCn,.hmTitWhite .hmTitDes{ color:#FFFFFF;}
.hmTitWhite b,.hmTitWhite i,.hmTitWhite .hmTitDes{ opacity:.7;}

.mainBg{ position:relative; background:url(mainBg.jpg) center top #fcfdff no-repeat; background-size:100% auto; z-index:1; min-height:50vh; overflow:hidden;}
.hmBg1{ background:url(hmBg1.jpg) center bottom #f8f8f8 fixed no-repeat; background-size:100% auto; display:flex; flex-shrink: 0; overflow:hidden;}
.hm1Lef{ width:58%; padding:.5rem 8.3%; color:#333333; line-height:30px; display:flex; flex-direction:column; justify-content:center;}
.hm1Text p{ margin:.3rem 0;}
.hm1Lef .banMore{ margin-top:.5rem;}
.hm1Rig{ width:42%;  color:#333333; line-height:180%;}
.hm1Rig li{ height:25%; min-height:160px; border-bottom:1px solid #dddddd; display:flex; flex-direction:row-reverse; align-items:center; padding:.3rem 5%}
.hm1Rig li:last-child{ border:none;}
.hm1RigIco{ width:20%;}
.hm1RigIco img{ display:block; width:100%; max-width:55px; height:auto;}
.hm1RigText{ width:80%; padding-right:5%;}
.hm1Num{ font-size:16px;}
.hm1Num span{ font-size:44px; margin-right:4px;}
.hm1Rig li:hover .hm1RigIco img{ animation:swing 1s linear 1;}

.hmBg2{ padding:70px 0; background:url(hmBg2.jpg) center center fixed no-repeat; background-size:cover; overflow:hidden;}
.hm2List{ text-align:center; margin:.8rem -.1rem; font-size:0;}
.hm2List li{ float:none; display:inline-block; vertical-align:top; margin:.2rem 0; padding:0 .1rem;}
.hm2List li a{ display:block; color:#FFFFFF;}
.hm2List li a p{ font-size:18px; color:#FFFFFF; font-weight:bold; font-family:Arial;}
.hm2Cir{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:154px; height:154px; margin:.4rem auto; position:relative; perspective:500px;}
.hm2Cir:before{ display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid #FFFFFF; border-radius:50%; transition:all .6s;}
.hm2Cir img{ display:block; max-width:100%; height:auto; transition:all .6s;}
.hm2Tit{ font-size:24px; color:#FFFFFF; line-height:160%; font-weight:bold;}
.hm2More{ border:2px solid #FFFFFF; line-height:36px; background:none; margin:.4rem auto;}
.hm2List li a:hover .hm2Cir img{ transform:translateY(-5%) scale(1.1);}
.hm2List li a:hover .hm2Cir:before{ transform:rotateX(45deg); transform-origin:center bottom; border-color:rgba(0,0,0,0.00) rgba(255,255,255,1) rgba(255,255,255,1) rgba(255,255,255,1);}

.hmBg3{ padding:70px 0; background:url(hmBg3.jpg) center bottom #f0f5f7 no-repeat; background-size:100% auto; overflow:hidden;}
.hmBg3 .hmTit{ margin-bottom:50px;}
.hm3List{ overflow:hidden; margin:0 -.1rem;}
.hm3List li{ float:left; width:25%; padding:0 .1rem; margin-bottom:.2rem;}
.hm3List li a{ display:block; position:relative; overflow:hidden; color:#FFFFFF;}
.hm3Img{ position:relative; height:0; padding-bottom:58%; overflow:hidden;}
.hm3Img .imgBg,.hm3Shade,.hm3Text{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all .5s;}
.hm3Shade{ background:#0083c9; opacity:0; visibility:hidden;}
.hm3Text{ display:flex; flex-direction:column; justify-content:center; align-items:center; padding:.3rem; margin-top:10px; opacity:0; visibility:hidden;}
.hm3Tit{ font-size:18px; font-weight:bold;}
.hm3List li:first-child{ width:50%;}
.hm3List li:first-child .hm3Img{ padding-bottom:59.1%;}
.hm3List li:first-child .hm3Shade{ opacity:1; visibility:visible; background:url(hm3ImgBg.png) center center no-repeat; background-size:100% 100%;}
.hm3List li:first-child .hm3Text{ display:block; opacity:1; visibility:visible; margin:0; align-items:flex-start; justify-content:flex-start;}
.hm3List li:first-child .hm3Tit{ font-size:30px; margin:.3rem 0 .1rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hm3Des{ line-height:22px; margin:.1rem 0; -webkit-line-clamp:2;}
.hm3List .banMore{ width:130px; height:36px; line-height:32px; margin:.2rem 0;}
.hm3List li a:hover .imgBg{ transform:scale(1.1); transition:all 1s;}
.hm3List li a:hover .hm3Shade{ opacity:.6; visibility:visible;}
.hm3List li a:hover .hm3Text{ opacity:1; visibility:visible; margin:0;}

.hmBg4{ padding:70px 0 30px; overflow:hidden; background:#FFFFFF;}
.hmBg4 .hmTit{ margin-bottom:50px;}
.hm4List{ overflow:hidden; margin:0 -25px;}
.hm4List li{ float:left; width:33.33%; padding:0 25px; margin-bottom:.5rem;}
.hm4List li a{ display:block; line-height:22px;}
.hm4Img{ position:relative; overflow:hidden; height:260px; margin-bottom:.3rem;}
.hm4Img img{ width:100%; height:auto; transition:all .3s;}
.hm4Tit{ font-size:18px; color:#333333; line-height:30px; font-weight:bold; margin:.1rem 0; -webkit-line-clamp:2; transition:all .5s;}
.hm4Time{ font-size:16px; color:#555555; margin:.1rem 0;}
.hm4Des{ color:#555555; height:44px; margin:.1rem 0; -webkit-line-clamp:2;}
.hm4List .banMore{ width:130px; height:36px; line-height:32px; border:1px solid #007dc0; background:none; color:#555555; margin:.2rem 0;}
.hm4List .banMore:before{ background:#007dc0;}
.hm4List .banMore:hover{ color:#FFFFFF;}
.hm4List li a:hover .hm4Tit{ color:#007dc0;}
.hm4List li a:hover .hm4Img img{ transform:scale(1.05); transition:all 1s;}
.hm4List li a:hover .banMore{ color:#FFFFFF;}
.hm4List li a:hover .banMore:before{ height:100%;}

.onepage{ padding:80px 0;}
.oneImg{ float:right; width:436px; height:436px; margin-left:4%; margin-right:.2rem; position:relative; margin-top:30px;}
.oneImg:after{ display:block; content:""; width:100%; height:100%;  opacity:.15; position:absolute; right:-.2rem; top:-.1rem;}
.oneImg img{ display:block; width:100%; height:auto; position:relative; z-index:1;}
.oneYear{ position:absolute; left:2%; top:12%; color:#0083c9; font-size:16px; line-height:140%; text-align:right; z-index:1;}
.oneYear big{ display:block; font-size:180%;}
.oneText{ color:#555555; line-height:24px; overflow:hidden;}
.oneText p{ margin:.2rem 0;}
.oneTit{ font-size:30px; color:#333333; line-height:160%;}
.oneText p.oneEn,.oneEn{ margin:0; font-size:18px; color:#dddddd; font-weight:bold; text-transform:uppercase; font-family:Arial; margin-bottom:.3rem; text-indent:0;}
.oneBot{ display:flex; background:#FFFFFF; padding:10px 0; overflow:hidden; margin:.4rem 0;}
.oneBot li{ width:25%; padding:.16rem .4rem; border-left:1px solid #dedede; margin-left:-1px;}
.oneIco{ float:left; width:50px; margin-right:.12rem;}
.oneIco img{ display:block; width:100%; height:auto;}
.oneRig{ overflow:hidden; color:#333333; line-height:20px;}
.oneNum{ font-size:16px; line-height:32px;}
.oneNum span{ font-size:30px;}

.busList{ margin:.4rem -.15rem; font-size:0; text-align:center;}
.busList li{ float:none; vertical-align:top; padding:0 .15rem; margin-bottom:.3rem;}
.busImg{ position:relative; overflow:hidden; height:0; padding-bottom:52.63%; background:#1685c4; transition:all .6s;}
.busImg .imgBg{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; opacity:.3; transition:all .6s;}
.busTit{ font-size:20px; color:#FFFFFF; font-weight:bold; position:absolute; left:0; top:50%; transform:translate(0,-50%); padding:.2rem; width:100%; text-align:center;}
.busImg:hover{ box-shadow:.1rem .1rem .1rem rgba(0,0,0,0.2); transform:translateY(-5px);}
.busImg:hover .imgBg{ opacity:.1; transform:scale(1.1);}
.busList2{ display:flex; flex-wrap:wrap; margin:0 -25px;}
.busList2 li{ width:25%; padding:0 25px; margin-top:30px;}
.busCon{ height:100%; padding:.3rem; border:1px solid rgba(22,133,196,0.3); font-size:18px; color:#999999; line-height:24px; transition:all .3s;}
.busIco{ margin-bottom:.1rem;}
.busIco img{ display:block; width:auto; height:.4rem;}
.busName{ font-size:24px; color:#333333; line-height:160%; font-weight:bold; margin:.1rem 0;}
.busList2 li:hover .busCon{ border-color:rgba(22,133,196,1); color:#666666;}

.history{ padding:.44rem 0 1rem;}
.hisList{ position:relative; list-style:none; padding-top:.5rem;}
.hisList:before{ display:block; content:""; width:1px; height:100%; background:#0083c9; position:absolute; left:50%; top:0;}
.hisList li{ width:50%; position:relative;}
.hisList li:before,.hisList li:after{ display:block; content:""; position:absolute; left:100%; top:5px; background:#0083c9; border-radius:50%; transform:translateX(-50%);}
.hisList li:before{ width:18px; height:18px; opacity:.3;}
.hisList li:after{ width:14px; height:14px; margin-top:2px;}
.hisYear{ float:right; color:#0083c9; margin:0 20px; padding-right:15px;}
.hisYear strong{ font-size:24px;}
.hisText{ overflow:hidden; background:#FFFFFF; box-shadow:0 0 .25rem rgba(244,244,244,1.00); color:#333333; line-height:24px; padding:.2rem 0 .2rem .2rem; display:flex; align-items:center;}
.hisLef{ width:45%; font-size:16px; color:#555555;}
.hisTit{ font-size:24px; color:#0083c9; line-height:160%;}
.hisRig{ width:55%; padding-left:5%;}

.hisList li:nth-child(2n){ margin-left:50%;}
.hisList li:nth-child(2n):before,.hisList li:nth-child(2n):after{ left:auto; right:100%; transform:translateX(50%);}
.hisList li:nth-child(2n) .hisYear{ float:left; padding:0; padding-left:15px;}
.hisList li:nth-child(2n + 1){ animation-name:fadeInLeft;}

.honList{ margin:0 -.13rem; padding-top:.2rem;}
.honList li{ padding:0 .13rem; margin-top:.2rem;}
.honCon{ background:#FFFFFF; padding:.1rem; box-shadow:0 0 .15rem rgba(220,220,220,0.5); transition:all .5s;}
.honImg{ position:relative; overflow:hidden; height:0; padding-bottom:80%; background-size:contain;}
.honTit{ font-size:16px; color:#333333; line-height:30px; padding:.2rem 0; text-align:center;}
.honCon:hover{ transform:translateY(-5px); box-shadow:0 0 .2rem rgba(220,220,220,1);}
.honCon:hover .honTit{ color:#0083c9;}

.culList{ padding:.9rem 0;}
.culList li{ margin-bottom:.6rem; background:#FFFFFF; display:flex; box-shadow:0 0 .2rem rgba(220,220,220,0.5);}
.culList li:last-child{ margin-bottom:0;}
.culList li:nth-child(2n + 1){ flex-direction:row-reverse;}
.culImg{ width:60%; min-height:360px;}
.culText{ width:40%; padding:60px 5% 20px;}
.culText p{ margin:0;}

.newsList{ margin:.4rem 0 .6rem;}
.newsList li{ padding:.3rem 0 .4rem; border-bottom:1px solid #dedede;}
.newsList li a{ display:block; padding-right:180px; position:relative; overflow:hidden;}
.newsImg{ float:left; max-width:35%; height:auto; max-height:182px; overflow:hidden; margin-right:3.7%; max-width:30%;}
.newsImg img{ display:block; max-width:100%; height:auto; transition:all .5s;}
.newsRig{ overflow:hidden;}
.newsTit{ font-size:18px; color:#333333; line-height:24px; font-weight:bold; margin:.1rem 0; transition:all .3s;}
.newsTime{ display:block; font-size:16px; color:#555555; line-height:22px; margin:.1rem 0 .2rem;}
.newsDes{ color:#555555; line-height:22px; margin:.2rem 0 0;}
.newsIco{ position:absolute; right:0; top:0; height:100%; width:50px; background:url(../images/news/newsIco.png) center center no-repeat; transition:all .5s;}
.newsList li a:hover .newsTit{ color:#0083c9;}
.newsList li a:hover .newsImg img{ transform:scale(1.1);}
.newsList li a:hover .newsIco{ background-image:url(../images/news/newsIco-blue.png); transform:translateX(25%);}

.newsBox{ padding:.6rem 0 .2rem;}
.newsTop{ padding:.18rem 0; border-bottom:1px solid #dedede;}
.newsName{ font-size:24px; color:#333333; line-height:140%; font-weight:bold;}
.newsClock{ font-size:16px; color:#999999; line-height:200%; margin:5px 0;}
.newsText{ color:#555555; line-height:200%;}
.newsText p{ margin:.2rem 0; text-indent:2em;}
.newsText img{ max-width:100% !important; height:auto !important;}
.newsPage{ background:#FFFFFF; padding:.7rem 0; font-size:16px; line-height:200%;}
.newsPage p a{ color:#555555;}
.newsPage p a span{ color:#999999;}
.newsPage a:hover{ color:#0083c9;}
.newsBox .newsPage{ background:none; padding:.3rem 0;}

.responList{ margin:.4rem 0 .5rem;}
.responList li{ padding:.3rem 0; border-bottom:1px solid #dedede;}
.responList li a{ display:block;}
.responImg{ float:left; max-width:41.67%; max-height:260px; overflow:hidden; margin-right:5%;}
.responImg img{ display:block; max-width:100%; height:auto; transition:all .5s;}
.responText{ overflow:hidden; padding-top:.2rem;}
.responList .newsDes{ -webkit-line-clamp:2; margin-bottom:.2rem;}
.responList .banMore{ width:120px; height:auto; line-height:36px; border-radius:0; margin-top:.4rem;}
.responList li a:hover .responImg img{ transform:scale(1.05);}
.responList li a:hover .newsTit{ color:#0083c9;}
.responList li a:hover .banMore{ color:#0083c9;}
.responList li a:hover .banMore:before{ height:100%;}
.responList li:nth-child(2n) .responImg{ float:right; margin-right:0; margin-left:5%;}

.responBox .newsText{ margin:.2rem 0;}
.responBox .newsText p{ text-indent:0; margin:0;}
.responBox .newsPage{ background:none; padding:.3rem 0;}

.investor{ padding:.7rem 0 0;}
.investorList{ margin:0 0 .5rem; font-size:16px; color:#666666; line-height:30px;}
.investorList li{ overflow:hidden; border-bottom:1px solid #ececee;}
.investorList li a,.investorList li span{ float:left;}
.text{ width:calc(100% - 260px); color:#666666; padding:.15rem 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all .3s;}
.see,.down{ width:70px; height:30px; margin:.15rem 0; background-position:center center; background-repeat:no-repeat;}
.see{ background-image:url(../images/investor/InvestorIco1.png);}
.down{ background-image:url(../images/investor/InvestorIco2.png);}
.investorList li span{ width:120px; text-align:right; padding:.15rem 0;}
.text:hover{ color:#0083c9; padding-left:10px;}
.see:hover{ background-image:url(../images/investor/InvestorIco1-blue.png);}
.down:hover{ background-image:url(../images/investor/InvestorIco2-blue.png);}

.talent{ padding:.6rem 0; color:#555555; line-height:24px;}
.talent p{ margin:.2rem 0;}
.talent img{ max-width:100% !important; height:auto;}
.talentImg{ list-style:none; overflow:hidden; margin:.3rem -.15rem;}
.talentImg li{ float:left; width:33.33%; padding:.15rem;}
.talentImg li img{ display:block; max-width:100%; height:auto; margin:0 auto;}

.contact{ margin:90px 0 136px; display:flex; box-shadow:0 0 .2rem rgba(220,220,220,0.5);}
.conMap{ width:60%;}
#map{ height:100%;}
.conText{ width:40%; padding:50px 2% 50px 5%;}
.conTit{ font-size:24px; color:#0083c9; line-height:140%; margin-bottom:.2rem;}
.conList{ list-style:none; margin:.2rem 0; font-size:16px; color:#999999;}
.conList li{ margin:.4rem 0;}
.conList span{ float:left; width:90px;}
.conList p{ overflow:hidden; color:#0083c9;}
.conText .ftShare{ text-align:left;}
.conText .ftShare li{ width:auto;}

.researchBg1{ padding:110px 0; overflow:hidden;}
.research1Lef{ float:left; width:52.5%; font-size:16px; color:#666666; line-height:200%;}
.research1Lef p{ margin:.15rem 0;}
.research1Rig{ float:right; width:44%; text-align:right;}
.research1Rig img{ max-width:100%; height:auto;}
.researchBg2{ padding:90px 0; background:url(../images/solution/researchBg2.jpg) center center fixed no-repeat; background-size:cover;}
.researchBg2 .oneTit{ color:#FFFFFF;}
.researchBg2 .oneEn{ color:#dddddd; margin-bottom:.5rem;}
.research2List{ list-style:none; margin:0 -1px; display:flex;}
.research2List li{ padding:0 1px; color:#FFFFFF; text-align:center; width:17%; transition:all .3s;}
.research2Item{ height:100%; min-height:400px; background:rgba(0,131,201,0.5); padding:70px 15px 40px; transition:all .3s;}
.research2Ico{ text-align:center;}
.research2Ico img{ display:block; width:auto; height:.6rem; margin:0 auto;}
.research2Tit{ font-size:20px; margin:.4rem 0; transition:all .3s;}
.research2Line{ display:block; width:40px; height:1px; background:#FFFFFF; opacity:.5; margin:.3rem auto;}
.research2Des{ max-width:130px; margin:.2rem auto; opacity:.5;}
.research2List li.active{ width:32%; text-align:left;}
.research2List li.active .research2Item{ padding:70px 30px 40px; background:rgba(0,180,255,0.6);}
.research2List li.active .research2Ico img{ margin:0; animation:reverseImg 3s linear 1;}
.research2List li.active .research2Tit{ margin:.4rem 0 .2rem;}
.research2List li.active .research2Line{ margin:.2rem 0;}
.research2List li.active .research2Des{ max-width:100%; -webkit-line-clamp:4;}
.researchBg3{ padding:100px 0;}
.research3Lef{ float:left; width:33.33%;}
.research3Tit{ font-size:18px; color:#333333; font-weight:bold; line-height:180%; margin-top:.5rem;}
.research3Line{ display:block; width:40px; height:1px; background:#0083c9; margin:.2rem 0;}
.research3Des{ color:#999999; line-height:24px; margin:.2rem 0;}
.research3More{ color:#0083c9; line-height:24px;}
.research3More:hover,.research3More:focus{ color:#0083c9;}
.research3More:hover{ text-decoration:underline;}
.research3Rig{ float:right; width:60%; position:relative; height:480px; margin-top:.4rem;}
.research3Rig a{ width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; color:#FFFFFF; text-decoration:none;}
#ball1{ font-size:36px;}
#ball1 a{ padding:0 30px;}
#ball2{ font-size:30px;}
#ball3{ font-size:29px; color:#1b6a95;}
#ball3 a{ color:#1b6a95; padding:0 13px;}
#ball4{ font-size:24px;}
#ball5{ font-size:30px; color:#025987;}
#ball6{ font-size:24px;}
#ball7{ font-size:30px;}
#ball7 a{ padding:0 13px;}
#ball8{ font-size:24px;}
#ball9{ font-size:24px; color:#025987;}
#ball9 a{ color:#025987; padding:0 30px;}
#ball10{ font-size:30px;}
.researchBg4{ padding:80px 0; background:url(../images/mainBg.jpg) center top #fcfdff no-repeat; background-size:100% auto;}
.research4List{ list-style:none; display:flex; flex-wrap:wrap; margin:0 -.1rem;}
.research4List li{ width:50%; padding:0 .1rem; margin-bottom:.3rem;}
.research4Item{ padding:.3rem; background:url(../images/solution/research4Item.png) center center no-repeat; background-size:100% 100%; transition:all .3s;}
.research4Ico{ float:left; max-width:80px; height:auto; margin-right:5%;}
.research4Ico img{ display:block; max-width:100%; height:auto;}
.research4Rig{ overflow:hidden;}
.research4Tit{ font-size:18px; color:#333333; line-height:160%;}
.research4Des{ color:#999999; line-height:24px; height:120px; -webkit-line-clamp:5; margin:.2rem 0;}
.research4Tag{ color:#8a9499; line-height:24px;}
.research4Tag span{ display:inline-block; vertical-align:middle; margin-right:.2rem;}
.research4Tag img{ vertical-align:middle; margin-top:-2px; margin-right:5px;}
.research4List li:nth-child(2n) .research4Item{ background-image:url(../images/solution/research4Item2.png);}
.research4Item:hover{ transform:translateY(-4px);}
.research4Item:hover .research4Tit{ color:#0083c9;}

.mbbrBg1{ padding:70px 0;}
.mbbr1List{ list-style:none; display:flex; flex-wrap:wrap; margin:0 -.15rem;}
.mbbr1List li{ width:33.33%; padding:0 .15rem; margin-bottom:.3rem;}
.mbbr1Item{ height:100%; min-height:160px; border:1px solid #dedede; position:relative; overflow:hidden; font-size:18px; color:#555555; line-height:180%; padding:.3rem;}
.mbbr1Num{ position:absolute; right:.3rem; bottom:.2rem; color:#0083c9; opacity:.1; font-size:64px; font-weight:bold; font-family:Arial; transition:all .5s;}
.mbbr1Item:hover{ color:#FFFFFF; border-color:transparent; box-shadow:5px 5px 10px rgba(0,0,0,0.1); background-image: linear-gradient(to bottom right,#179de5,#0083c9);}
.mbbr1Item:hover .mbbr1Num{ color:#FFFFFF;}
.mbbrBg2{ position:relative; height:640px; height:auto;}
.mbbr2Tit{ position:absolute; left:0; top:45px; width:100%; z-index:2; position:static;}
/*.mbbr2Tit .oneTit,.mbbr2Tit .oneEn{ color:#FFFFFF;}*/
.mbbr2Tit .oneEn{ opacity:.5;}
.mbbr2Img{ height:100%;}
.mbbr2Text{ position:absolute; left:0; top:30%; width:100%; color:#FFFFFF; color:#555555; position:relative; padding:0 0 .6rem;}
.mbbr2Name{ font-size:36px; line-height:160%;}
.mbbr2Line{ display:block; width:.8rem; height:2px; background:#FFFFFF; background:#555555; opacity:.5; margin:.2rem 0;}
.mbbr2Des{ font-size:18px; line-height:24px;}
.mbbr2Btn{ position:absolute; left:0; top:calc(30% + 240px); width:100%; z-index:2; display:none;}
.mbbr2Btn span{ display:inline-block; vertical-align:middle; width:50px; height:30px; background-position:center center; background-repeat:no-repeat; cursor:pointer;}
.mbbr2Prev{ background-image:url(../images/solution/mbbr2Prev-blue.png);}
.mbbr2Next{ background-image:url(../images/solution/mbbr2Next-blue.png);}
.mbbr2Btn i{ display:inline-block; vertical-align:middle; width:1px; height:14px; background:#555555; margin:0 .2rem;}
.mbbrBg3{}
.mbbr3Top{ padding:70px 0 10px; background:#FFFFFF;}
.mbbr3Bot{ list-style:none; display:flex; flex-wrap:wrap; text-align:center; color:#FFFFFF;}
.mbbr3Bot li{ width:50%; background:#0083c9; padding:50px 8%; transition:all .3s; padding-left:14%;}
.mbbr3Tit{ font-size:24px; line-height:200%; margin:.2rem 0;}
.mbbr3Ico{ display:block; margin:.2rem auto;}
.mbbr3Ico img{ display:block; width:auto; height:.66rem; margin:0 auto;}
.mbbr3Line{ display:block; width:40px; height:2px; background:#FFFFFF; margin:.2rem auto; transition:all .5s;}
.mbbr3Des{ opacity:.8; font-size:16px; line-height:32px; margin:.2rem 0;}
.mbbr3Bot li:nth-child(2n){ padding-left:8%; padding-right:14%;}
.mbbr3Bot li:nth-child(2),.mbbr3Bot li:nth-child(3){ background:#f2f9fc;}
.mbbr3Bot li:nth-child(2) .mbbr3Tit,
.mbbr3Bot li:nth-child(3) .mbbr3Tit{ color:#333333;}
.mbbr3Bot li:nth-child(2) .mbbr3Line,
.mbbr3Bot li:nth-child(3) .mbbr3Line{ background:#0083c9;}
.mbbr3Bot li:nth-child(2) .mbbr3Des,
.mbbr3Bot li:nth-child(3) .mbbr3Des{ color:#555555;}
.mbbr3Bot li:hover{ box-shadow:0 0 .1rem rgba(0,0,0,0.3) inset; position:relative; z-index:1; transform:scale(1.02);}
.mbbr3Bot li:hover .mbbr3Ico img{ animation:reverseImg 2s linear infinite;}
.mbbr3Bot li:hover .mbbr3Line{ transform:scaleX(2);}
.mbbrBg4{ padding:80px 0;}
.mbbrBg4 .oneText{ max-width:60%;}
.mbbr4{ padding-top:.5rem;}
.mbbr4Img{ float:right; width:38%; text-align:right; margin-top:-1rem;}
.mbbr4Img img{ max-width:100%; height:auto;}
.mbbr4List{ list-style:none; width:58.33%; overflow:hidden;}
.mbbr4List li{ padding-top:30px;}
.mbbr4Ico{ float:left; width:100px; padding:0 15px;}
.mbbr4Ico img{ display:block; width:44px;}
.mbbr4Rig{ overflow:hidden; border-bottom:1px solid #e5e5e5; padding:0 0 .3rem;}
.mbbr4List li:first-child .mbbr4Rig{ padding-top:0;}
.mbbr4List li:last-child .mbbr4Rig{ border-bottom:none;}
.mbbr4Tit{ font-size:18px; color:#333333; font-weight:bold; margin:0;}
.mbbr4Des{ color:#555555; line-height:24px; margin:.2rem 0 0;}

.banBotBg4{ margin-top:-1px; background:#fcfdff; position:relative; z-index:1;}
.caseSort{ list-style:none; font-size:0; margin-right:-.4rem; line-height:30px;}
.caseSort li{ vertical-align:bottom; font-size:16px; color:#333333; padding-right:.4rem;}
.caseSort li a{ display:block; padding:.15rem 0; color:#333333; position:relative;}
.caseSort li a:after{ display:block; content:""; width:30px; height:2px; background:#0083c9; position:absolute; left:50%; transform:translateX(-50%); bottom:-1px; display:none;}
.caseSort li.active a:after,.caseSort li a:hover:after{ display:block;}
.caseList{ margin:.1rem 0 .6rem;}
.caseList li{ padding:.4rem 0 .3rem; border-bottom:1px solid #dedede;}
.caseList li a{ display:block;}
.caseImg{ float:right; max-width:41.67%; margin-left:5%; max-height:260px; overflow:hidden; text-align:right;}
.caseImg img{ max-width:100%; height:auto;}
.caseRig{ overflow:hidden;}
.newsTime span{ display:inline-block; vertical-align:middle; margin-right:.2rem;}
.newsTime span:last-child{ margin-right:0;}
.caseDes{ color:#999999; line-height:24px; height:96px; max-width:610px; margin:.2rem 0;}
.caseMore{ display:block; color:#0083c9; line-height:24px; transition:all .3s;}
.caseList li a:hover .newsTit{ color:#0083c9;}
.caseList li a:hover .caseMore{ transform:translateX(10px);}

.caseBox p{ text-indent:0;}
.caseBox table td{ padding:.1rem;}

.caseMap{ margin:.6rem 0;}
.caseTop{ text-align:center;}
.caseCen{ text-align:center; margin:.3rem 0 .6rem;}
.caseCen select{ min-width:200px; height:36px; line-height:36px; background:url(../images/case/selectBg.png) center right 20px #0083c9 no-repeat; color:#FFFFFF; border:none; appearance:none; -moz- appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border-radius:18px; padding-left:20px; margin:0 .14rem;}
.caseBot{ position:relative;}
.mapText{ position:absolute; right:0; top:80px; width:30%; height:550px; box-shadow:0 0 .25rem rgba(192,192,192,0.25); padding:.3rem .2rem;}
.mapList{ list-style:none; font-size:16px; color:#333333; line-height:24px;}
.mapList li{ border-bottom:1px solid #dedede; padding:.15rem 0;}
.mapList li a{ display:block; color:#333333;}
.mapList li span{ font-size:14px; color:#999999;}
.mapList li a:hover{ color:#0083c9;}
.mapImg{ position:relative; max-width:846px; width:71%;}
.mapImg img{ display:block; width:100%; height:auto;}
.caseDot{ list-style:none;}
.caseDot li{ position:absolute; cursor:pointer;}
.caseDot li.all{ display:none;}
.caseDot i{ display:block; width:7px; height:7px; position:relative;}
.caseDot i:after{ display:block; content:""; width:100%; height:100%; background:#0083c9; opacity:.4; border-radius:50%; position:relative;}
.caseDot span{ position:absolute; left:50%; top:calc(100% + 15px); transform:translateX(-50%); white-space:nowrap; font-size:14px; color:#0083c9; line-height:20px; opacity:0; visibility:hidden; margin-top:5px; transition:all .5s;}
.caseDot li.active i:before{ display:block; content:""; width:26px; height:26px; background:#0083c9; opacity:.5; position:absolute; left:50%; top:50%; margin:-13px 0 0 -13px; border-radius:50%; animation:fd 1s linear infinite;}
.caseDot li.active i:after{ background:#FFFFFF; opacity:1;}
.caseDot li.active span{ opacity:1; visibility:visible; margin:0;}

/*2021.01.26*/
.joinList{ background:#FFFFFF; padding:0 .3rem; margin:15px 0 .6rem;}
.joinList li{ padding:.15rem 0; border-bottom:1px solid #dedede;}
.joinList li:last-child{ border:none;}
.joinItem{ position:relative; padding-right:calc(.2rem + 200px);}
.joinTit{ font-size:20px; color:#2d2f39; line-height:180%; margin:.1rem 0;}
.joinText{ display:flex; justify-content:space-between; align-items:center; font-size:16px; color:#637178; line-height:180%; margin:.1rem 0;}
.joinPrice{ color:#2d2f39; display:none;}
.joinPrice span{ /*font-size:200%;*/ color:#0083c9; font-weight:bold; margin-right:.1rem; vertical-align:bottom;}
.joinInfor span{ display:inline-block; vertical-align:middle;}
.joinInfor span + span:before{ display:inline-block; vertical-align:middle; content:"|"; padding:0 .12rem; font-size:12px; vertical-align:top;}
.joinBtn{ position:absolute; right:.2rem; top:50%; transform:translateY(-50%); width:110px; line-height:34px; background:#0083c9; color:#FFFFFF; text-align:center; border-radius:20px; display:block; transition:all .3s;}
.joinBtn:hover,.joinBtn:focus{ color:#FFFFFF;}
.joinBtn:hover{ box-shadow:2px 2px 5px rgba(0,0,0,0.1);}
.joinList li:hover{ border-color:#0083c9;}
.joinList li:hover .joinTit{ color:#0083c9;}

.joinTop{ border-bottom:1px solid #dedede; padding:.3rem 0 .2rem; margin-bottom:.3rem;}
.joinTop .joinText{ display:block; line-height:200%;}
.joinTop .joinPrice{ margin-top:.15rem;}
.joinTop .joinInfor{ margin-top:.2rem;}
.joinTop .joinBtn{ top:auto; bottom:0; transform:none;}
.joinName{ font-size:24px; color:#2d2f39; line-height:180%;}
.joinCon{ font-size:16px; color:#637178; line-height:200%; padding:.3rem 0 .6rem;}
.joinCon h3{ font-size:16px; color:#2d2f39;}

/*2021.12.01*/
.achievment{ margin:.5rem 0; text-align:center;}
.achievText{ font-size:16px; color:#999999; line-height:28px; max-width:940px; margin:0 auto;}
.soluTopBg{ padding:70px 0;}
.soluText{ font-size:18px; color:#555555; line-height:180%;}
.soluBg{ background:url(../images/solution/soluBg.jpg) center center no-repeat; background-size:cover; color:#555555; padding:70px 0;}
/*.soluBg .oneTit{ color:#FFFFFF;}
.soluBg .oneEn{ color:rgba(255,255,255,0.3);}*/
.soluTd{ font-size:18px; line-height:30px; padding-left:2%; margin:.6rem 0 .3rem;}
.soluTd p{ margin:.15rem 0; position:relative; padding-left:40px;}
.soluTd p:before,.soluTd p:after{ display:block; content:""; position:absolute;}
.soluTd p:before{ width:16px; height:16px; border:5px solid #555555; border-radius:50%; left:0; top:7px;}
.soluTd p:after{ width:10px; height:2px; background:#555555; left:16px; top:14px;}

@media (min-width:1201px){
}
@media (min-width:1400px){
	.container{ width:1230px;}
}
@media (max-width:1600px){
	.banCn{ font-size:30px;}
	.banEn{ font-size:16px; min-height:60px;}
	.hmTitEn span,.hmTitEn b{ font-size:16px;}
	.hmTitCn{ font-size:36px;}
	.hm1Lef .banMore{ margin-top:.3rem;}
	.hm1Rig li{ min-height:120px; padding:.2rem 5%;}
	.hm1Num span{ font-size:36px;}
	.hm1RigIco img{ max-width:45px;}
	.hmBg2{ padding:.5rem 0;}
	.hm2List{ margin:.4rem -.1rem;}
	.hm2Cir{ margin:.2rem auto .3rem; width:130px; height:130px;}
	.hm2Tit{ font-size:18px;}
	.hm2List li a p{ font-size:14px;}
	.hm2More{ margin:.3rem auto .2rem;}	
	.hmBg3{ padding:.5rem 0;}
	.hmBg3 .hmTit{ margin-bottom:.3rem;}
	.hm3Tit{ font-size:16px;}
	.hm3List li:first-child .hm3Tit{ font-size:24px;}
	.hmBg4{ padding:.5rem 0 .3rem;}
	.hmBg4 .hmTit{ margin-bottom:.3rem;}
	.hm4List{ margin:0 -.1rem;}
	.hm4List li{ padding:0 .1rem; margin-bottom:.2rem;}
	.hm4Img{ margin-bottom:.2rem; height:212px;}
	.hm4Tit{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.onepage{ padding:.5rem 0;}
	.honTit{ padding:.2rem 0 .1rem;}
	.culList{ padding:.6rem 0;}
	.culList li{ margin-bottom:.5rem;}
	.culImg{ min-height:280px;}
	.culText{ padding:.4rem .3rem .3rem;}
	.newsList li{ padding:.2rem 0 .3rem;}
	.contact{ margin:.7rem 0 1rem;}
	.conList li{ margin:.3rem 0;}
	.researchBg1{ padding:80px 0;}
	.researchBg2{ padding:80px 0;}
	.researchBg3{ padding:80px 0;}
	.researchBg4{ padding:60px 0;}
	.mbbrBg1{ padding:.5rem 0;}
	.mbbr1Item{ font-size:16px; padding:.2rem;}
	.mbbr1Num{ font-size:54px;}
	.mbbrBg2{ height:550px; height:auto;}
	.mbbr2Name{ font-size:30px;}
	.mbbr2Des{ font-size:14px; font-size:16px;}
	.mbbr3Top{ padding:.5rem 0 .1rem;}
	.mbbr3Bot li{ padding:.3rem 5%; padding-left:10%;}
	.mbbr3Bot li:nth-child(2n){ padding-left:5%; padding-right:10%;}
	.mbbr3Tit{ font-size:22px;}
	.mbbr3Des{ font-size:14px; line-height:28px;}
	.mbbrBg4{ padding:.6rem 0;}
	.mbbr4Ico{ width:90px;}
	.caseList li{ padding:.3rem 0 .2rem;}
	.soluTopBg{ padding:.6rem 0;}
	.soluText{ font-size:16px;}
	.soluBg{ padding:.6rem 0;}
	.soluTd{ font-size:16px;}
}
@media (max-width:1400px){
	.talent{ padding:.4rem 0;}
	.conTit{ font-size:20px;}
	.conList{ font-size:14px;}
	.banBotBg2 .sortList li a{ padding:0 .14rem;}
	.researchBg1{ padding:.6rem 0;}
	.researchBg2{ padding:.6rem 0;}
	.researchBg3{ padding:.6rem 0;}
	.researchBg4{ padding:.6rem 0 .4rem;}
	.joinText{ font-size:14px;}
	.joinPrice span{ font-size:180%;}
	.joinName{ font-size:22px;}
	.joinCon{ font-size:15px;}
	.joinCon h3{ font-size:16px;}
}
@media (max-width:1200px){
	.banCn{ font-size:.3rem;}
	.banEn{ font-size:14px;}
	.hmTitCn{ font-size:30px;}
	.hm1Num span{ font-size:30px;}
	.hm2List{ text-align:center;}
	.hm3Tit{ font-size:14px;}
	.hm3List li:first-child .hm3Tit{ margin-top:0;}	
	.oneImg{ width:280px; height:280px;}
	.oneYear{ font-size:14px;}
	.oneTit{ font-size:24px;}
	.oneText p.oneEn,.oneEn{ font-size:16px;}
	.oneBot{ flex-wrap:wrap;}
	.oneBot li{ width:50%;}	
	.busList{ margin:.2rem -.1rem;}
	.busList li{ padding:0 .1rem; margin-bottom:.2rem;}
	.busTit{ font-size:16px;}
	.busList2{ margin:0 -.1rem;}
	.busList2 li{ padding:0 .1rem; margin-top:.2rem;}
	.busCon{ font-size:14px;}
	.busName{ font-size:18px;}	
	.hisYear strong{ font-size:20px;}
	.hisLef{ font-size:14px;}
	.hisTit{ font-size:20px;}
	.honTit{ font-size:14px;}
	.newsList li{ padding:.2rem 0;}
	.newsList li a{ padding-right:90px;}
	.newsTit{ font-size:16px;}
	.newsTime{ font-size:14px; line-height:18px;}	
	.newsName{ font-size:20px;}
	.newsPage{ padding:.4rem 0; font-size:14px;}	
	.responList{ margin:.2rem 0 .5rem;}
	.responText{ padding:0;}
	.responList .newsTime{ margin-bottom:.1rem;}
	.responList .banMore{ margin-top:.2rem;}	
	.investorList{ font-size:14px; line-height:24px;}
	.text{ width:calc(100% - 190px); padding:.1rem 0;}
	.see, .down{ background-size:18px auto; width:50px; margin:.1rem 0; height:24px;}
	.investorList li span{ width:90px; padding:.1rem 0;}	
	.contact{ display:block; margin:.5rem 0 .8rem;}
	.conMap{ width:100%; height:4rem;}
	.conText{ width:100%; padding:.3rem;}
	.conList li{ margin:.15rem 0;}	
	.research1Lef{ font-size:14px;}
	.research1Rig{ margin-top:.8rem;}
	.research2Item{ padding:30px 15px; min-height:340px;}
	.research2Tit{ font-size:18px; margin:.3rem 0;}
	.research2List li.active .research2Item{ padding:30px 15px;}
	.research2List li.active .research2Tit{ margin:.3rem 0 .2rem;}
	.research4Ico{ max-width:70px; margin-right:.2rem;}
	.research4Tit{ font-size:16px;}
	.research4Des{ margin:.1rem 0;}
	
	.mbbr1List{ margin:0 -.1rem;}
	.mbbr1List li{ padding:0 .1rem; margin-bottom:.2rem;}
	.mbbr1Item{ font-size:14px; min-height:140px;}
	.mbbrBg2{ height:4.6rem; height:auto;}
	.mbbr2Name{ font-size:24px;}
	.mbbr2Btn{ top:calc(30% + 200px);}
	.mbbr3Bot li{ padding:.3rem !important;}
	
	.caseSort{ margin-right:-.1rem; line-height:24px; margin-top:-.1rem;}
	.caseSort li{ font-size:14px; padding-right:.1rem;}
	.caseSort li a{ padding:.1rem 0;}
	.caseDes{ height:72px;}
	
	.mapText{ top:0; height:460px;}
	.mapList li{ padding:.1rem 0;}
	.mapList{ font-size:14px;}
	
	.joinItem{ position:relative; padding-right:calc(.2rem + 100px);}
	.joinTit{ font-size:18px;}
	.joinBtn{ right:0; width:80px; font-size:14px; line-height:32px;}
}
@media (max-width:991px){
	.hmTit{ text-align:center;}
	.hmBg1{ display:block;}
	.hm1Lef{ width:100%; padding:.3rem;}
	.hm1Text{ margin-top:.2rem;}
	.hm1Text p{ margin:.1rem 0;}
	.hm1Lef .banMore{ margin:.2rem auto 0;}
	.hm1Rig{ width:100%; border:none; padding:.3rem; display:block;}
	.hm1Rig li{ min-height:0; padding:.2rem 0; display:block; overflow:hidden;}
	.hm1RigIco{ float:left; width:auto; max-width:.6rem; margin-right:.2rem;}
	.hm1RigText{ overflow:hidden;}
	.hm2List li{ margin:0 0 .2rem;}
	.hm2Cir{ margin:0 auto .2rem;}
	.hm2Tit{ font-size:16px;}
	.hm2List li a p{ font-size:12px;}
	.hm3List li{ width:50%;}
	.hm3List li:first-child{ width:100%;}
	.hm3List li:first-child .hm3Text{ display:flex; justify-content:center;}
	.hm3List li:first-child .hm3Tit{ white-space:normal;}
	.hm4List li{ width:100%;}
	.hm4Img{ height:auto;}
	.hm4Img img{ display:block;}
	.hm4Tit{ font-size:16px;}
	.hm4Time{ font-size:14px;}
	.hm4Des{ height:auto;}
	.oneImg{ float:none; margin:0 auto .2rem;}
	.busList2 li{ width:50%;}
	.hisList:before{ left:0;}
	.hisList li{ width:100%; margin:.2rem 0 !important;}
	.hisList li:before,.hisList li:after{ left:auto; right:100%; transform:translateX(50%);}
	.hisYear{ float:left; padding:0; padding-left:15px;}
	.hisList li:nth-child(2n+1){ animation-name:fadeInRight}
	.hisText{ padding:.2rem;}
	.hisTit{ font-size:18px;}
	.culList li{ margin-bottom:.3rem;}
	.culImg{ min-height:240px;}
	.newsList li a{ padding-right:60px;}
	.newsTit{ margin:0;}
	.newsTime{ margin:.1rem 0;}
	.newsDes{ -webkit-line-clamp:2;}
	.newsIco{ background-size:9px auto;}
	.responList .newsDes{ margin:.1rem 0;}
	.responList .banMore{ margin-top:.1rem;}
	.talentImg{ margin:.2rem -.1rem;}
	.talentImg li{ padding:.1rem;}
	.research1Lef,.research1Rig{ float:none; width:100%;}
	.research1Rig{ margin-top:.3rem; text-align:center;}	
	.research2List{ flex-wrap:wrap; justify-content:center;}
	.research2List li{ width:50% !important; padding:1px; text-align:center !important;}
	.research2Item{ min-height:0;}
	.research2Ico img{ margin:0 auto !important;}
	.research2Tit{ margin:.2rem 0 !important;}
	.research2Line{ margin:.2rem auto !important;}
	.research2Des{ max-width:100%; -webkit-line-clamp:4;}
	.research3Lef{ float:none; width:100%;}
	.research3Tit{ margin-top:.3rem;}
	.research3Rig{ float:none; width:100%; font-size:0; height:auto; margin-top:.3rem;}
	.research3Rig > *{ position:static !important; border-radius:4px !important; transform:none !important; width:auto !important; height:auto !important; font-size:16px !important; padding:.1rem .2rem !important; border:none !important; display:inline-block; vertical-align:middle; margin:2px;}
	.research3Rig > * > a{ padding:0 !important;}
	#ball11,#ball12,#ball13,#ball14,#ball15,#ball16,#ball17,#ball18,#ball19,#ball20{ display:none;}	
	.research4List li{ width:100%;}
	.research4Des{ height:auto;}
	.mbbr1List li{ width:50%;}
	.mbbr1Item{ min-height:1.4rem;}
	.mbbr1Num{ font-size:.54rem;}
	.mbbrBg2{ height:auto;}
	.mbbrBg2 .swiper-container{ height:4.6rem; height:auto;}
	.mbbr2Text{ top:0; padding:.3rem 0 .6rem; padding-top:0; height:100%; display:flex; align-items:center; display:block;}
	.mbbr2Line{ margin:.1rem 0;}
	.mbbr2Tit{ position:static; background:#FFFFFF; padding-top:.3rem;}
	.mbbr2Tit .oneTit, .mbbr2Tit .oneEn{ color:#333333;}
	.mbbr2Btn{ position:static; text-align:center; padding:.2rem 0; background:#0083c9;}
	.mbbr2Btn span{ background-size:13px auto;}
	/*.mbbr2Btn i{ background:#0083c9;}
	.mbbr2Prev{ background-image:url(../images/solution/mbbr2Prev-blue.png);}
	.mbbr2Next{ background-image:url(../images/solution/mbbr2Next-blue.png);}*/
	.mbbr3Tit{ font-size:20px;}
	.mbbrBg4 .oneText{ max-width:100%;}
	.mbbr4{ position:relative; padding-top:0;}
	.mbbr4Img{ float:none; width:100%; text-align:center; margin:0; position:absolute; right:0; top:0;}
	.mbbr4Img img{ opacity:.1;}
	.mbbr4List{ width:100%;}
	.mbbr4Ico{ width:0.6rem; padding:0; padding-right:.2rem; margin-top:-2px;}
	.mbbr4Ico img{ display:block; max-width:100%;}
	
	.caseCen{ margin:.3rem 0;}
	.caseCen select{ margin:0 .1rem;}
	.mapImg{ display:none;}
	.mapText{ position:static; width:100%; height:4.6rem;}
	
	.joinText{ display:block;}
	.joinPrice span{ vertical-align:top;}
	.soluTd p{ padding-left:30px;}
	.soluTd p:before{ width:12px; height:12px; border-width:4px; top:9px;}
	.soluTd p:after{ left:12px;}
}
@media (max-width:767px){
	.hmTitCn{ font-size:24px;}
	.oneIco{ width:.5rem;}
	.oneNum{ font-size:14px;}
	.oneNum span{ font-size:24px;}
	.culList li{ display:block;}
	.culImg{ min-height:0; width:100%;}
	.culImg img{ display:block; width:100%; height:auto;}
	.culText{ width:100%; padding:.3rem;}
	.culText p.oneEn{ margin-bottom:.1rem;}
	.mbbr3Ico{ margin:0 0 .1rem;}
	.mbbr3Tit{ font-size:18px; line-height:140%;}
}
@media (max-width:640px){
	.banEn{ font-size:12px;}
	.hm1Num span{ font-size:24px;}
	.hm2Cir{ width:2rem; height:2rem;}
	.hm3List li:first-child .hm3Tit{ font-size:20px; line-height:160%;}	
	.oneImg{ width:3.4rem; height:3.4rem;}
	.oneYear big{ font-size:150%;}
	.oneTit{ font-size:20px;}
	.oneText p.oneEn,.oneEn{ font-size:12px;}
	.busTit{ font-size:14px;}
	.busCon{ font-size:12px;}
	.busName{ font-size:16px;}
	.hisYear{ float:none !important; padding-left:0 !important;}
	.hisText{ margin-left:20px;}
	.newsList li{ padding:.3rem 0;}
	.newsList li a{ padding:0;}
	.newsImg{ float:none; width:100%; max-width:100%; max-height:none; margin:0 0 .2rem;}
	.newsImg img{ display:block; width:100%;}
	.newsIco{ position:static; width:30px; height:30px; background-position:center center; border-radius:50%; border:1px solid #999999; margin-top:15px;}
	.newsList li a:hover .newsIco{ border-color:#0083c9; transform:translateX(0);}	
	.newsName{ font-size:16px;}
	.newsClock{ font-size:14px;}
	.responImg{ float:none !important; width:100%; max-width:100%; max-height:none; margin:0 0 .2rem !important;}
	.responImg img{ display:block; width:100%;}
	.investorList li{ padding:.1rem 0;}
	.investorList li span{ padding:0; width:auto;}
	.text{ width:100%; padding:0; margin-bottom:.1rem;}
	.see, .down{ margin:0; width:30px; margin-right:.1rem; background-size:15px auto;}
	.conTit{ font-size:18px;}
	.caseImg{ float:none; width:100%; max-width:100%; margin:0 0 .2rem;}
	.caseImg img{ width:100%;}
	.caseDes{ height:auto;}
	.joinItem{ padding-right:0; overflow:hidden;}
	.joinTit{ font-size:16px;}
	.joinText{ font-size:12px;}
	.joinBtn{ position:static; transform:none; width:120px; max-width:1.8rem; margin:0 auto; float:right;}
	.joinName{ font-size:20px;}
	.joinCon{ font-size:14px;}
	.joinCon h3{ font-size:16px;}
	.achievText{ font-size:14px; line-height:24px;}
	.soluText{ font-size:14px;}
}
@media (max-width:460px){
	.banMore{ width:120px; height:auto; line-height:36px;}
	.banPage{ bottom:calc(2% + 50px);}
	.banPage .swiper-pagination-bullet{ width:18px; height:18px; margin:0 .08rem;}
	.banPage .swiper-pagination-bullet:after{ width:12px; height:12px;}
	.banMouse{ bottom:1.2%;}
	.banMouse span{ width:24px; height:36px;}
	.banMouse span i{ width:2px; height:6px; margin-left:-1px;}	
	.hmTitCn{ font-size:20px;}
	.hm2Tit{ font-size:14px;}
	.hm2More{ border-width:1px; line-height:30px;}
	.hm3List li:first-child .hm3Tit{ font-size:18px;}
	.hm3List .banMore{ width:100px; height:auto; line-height:28px; border-width:1px;}
	.hm4Tit{ font-size:14px;}
	.hm4List .banMore{ width:100px; height:auto; line-height:28px; border-width:1px;}
	.oneBot li{ width:100%; border-bottom:1px solid #dedede; padding:.3rem;}
	.oneBot li:last-child{ border:none;}
	.oneIco{ margin-top:5px;}
	.busList li{ width:100%;}
	.busIco img{ height:.5rem;}
	.hisText{ display:block;}
	.hisLef,.hisRig{ width:100%; padding:0; margin:.1rem 0;}
	.hisYear strong{ font-size:18px;}
	.hisTit{ font-size:16px;}
	.honList li{ width:100%;}
	.honImg{ height:auto; padding:.3rem .3rem 0; background:none !important;}
	.honImg img{ display:block; width:100%; height:auto;}
	.newsTit{ font-size:15px;}
	.newsTime{ font-size:12px;}
	.responList .banMore{ width:100px; line-height:32px;}
	.talentImg li{ float:none; width:100%;}
	.conList span{ float:none; width:100%;}
	.research2List li{ width:100% !important;}
	.research2Tit{ font-size:16px;}	
	.research3Rig > *{ font-size:14px !important;}
	.research4Ico{ max-width:1rem;}
	.research4Rig{ font-size:12px;}
	.research4Tit{ font-size:14px;}
	.research4Tag span{ margin-right:.1rem;}
	.mbbr2Name{ font-size:18px;}
	.mbbr3Tit{ font-size:16px;}
	.mbbr3Des{ font-size:12px; line-height:24px;}
	.mbbr4Tit{ font-size:16px;}	
	.caseCen select{ width:100%; min-width:0; padding-left:.2rem; text-align:center; margin:2px 0;}
	.joinName{ font-size:18px;}
	.soluTd{ font-size:14px; padding-left:0;}
}
@media all and (orientation : landscape){
	.pc{ display:block;}
	.mob{ display:none;}
}
@media all and (orientation : portrait){
	.pc{ display:none;}
	.mob{ display:block;}
}
/*分页样式*/
.pglist {
	padding: 30px 0;
	width: 100%;
	text-align: center;
	clear: both;
}
.pglist a {
	color: #333;
	padding: 0 15px;
	margin: 0 4px;
	background: #fff;
	border: 1px solid #edebeb;
}
.pglist * {
	display: inline-block;
	vertical-align: middle;
	line-height: 34px;
	padding-bottom: 1px;
}
.pglist a:hover, .pglist .hover {
	display: inline-block;
	color: #fff;
	background: #3ba86f;
	border-color: #3ba86f;
}