.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); transition:all 1s;}
.banImg:before,.banVideo:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.5); z-index: 2;}
.banner .swiper-slide-active .banImg{ transform:scale(1.05); transition:all 6s;}
.banText{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:2; color:#FFFFFF;}
.banTit{ font-size:48px; font-size:2.5vw; line-height:140%; max-width:912px; margin:.3rem 0;}
.banDes{ font-size:16px; line-height:140%; max-width:680px; margin:.3rem 0 .5rem;}
.banMore{ display:block; text-align:center; position:relative; width:200px; height:50px; line-height:46px; color:#FFFFFF; text-align:center; border:2px solid #FFFFFF; border-radius:5px; overflow:hidden; font-size:18px;}
.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:#457AE6; transition:all .3s;}
.banMore:hover:before{ height:100%;}
.banMore:hover{ color:#FFFFFF; border-color:#457AE6;}
.banPage{ position:absolute; z-index:1; width:100%; text-align:center; bottom:calc(2% + 90px);}
.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; transition:all .3s; z-index:1;}
.banPage .swiper-pagination-bullet-active:after{ background:#457AE6;}
.banMouse{ position:absolute; left:50%; bottom:2%; transform:translateX(-50%); text-align:center; z-index:1; cursor:pointer;}
.banMouse span{ display:block; width:26px; height:35px; border:2px solid #FFFFFF; position:relative; margin:0 auto .1rem; border-radius:13px;}
.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 1.5s linear infinite;}
.banMouse b{ display:block; width:30px; height:30px; background:url(../images/mouseArrow.png) center bottom no-repeat; margin:5px auto 0; position:relative; animation:banScroll 2s linear infinite;}

.banVideo{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1;}
.banVideo video{ position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%); min-width: 100%; min-height: 100%; display: block; object-fit: cover; z-index: 1;}
.banVideo::after{ display: block; content: ""; width: 100%; height: 100%; background-color: #000000; position: absolute; left: 0; top: 0; z-index: 1; opacity: 0.2;}

.hmTitCn{ font-size:20px; color:#457AE6; line-height:160%;}
.hmTitLine{ display:block; width:.4rem; height:2px; background:#004CE6; margin:.12rem 0;}
.hmTitEn{ font-size:40px; line-height:120%; text-transform:uppercase; font-family: DINAlternate !important;}
.hmTit.white .hmTitCn,.hmTit.white .hmTitEn{ color:#FFFFFF;}
.hmTit.white .hmTitLine{ background:#FFFFFF;}

.mainBg{ position:relative; background:#FFFFFF; z-index:2; min-height:50vh;}

.hmBg1{ padding:60px 0; background:#F7FAFC; overflow:hidden;}
.hmBg1 .hmTit{ margin-bottom:.35rem;}
.hm1List{ display:flex; background:linear-gradient(90deg, #00AAFF 0%, #004CE6 100%); box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.5); border-radius:.15rem; overflow: hidden;}
.hm1List li{ width:25%;}
.hm1List li a{ display:block; position:relative; overflow:hidden;}
.hm1Img{ position:relative; overflow:hidden; height:0; padding-bottom:170%; padding-bottom:150%;}
.hm1Img .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0;}
.hm1Img-a{}
.hm1Img-b{ opacity:0; visibility:hidden; transition:all .3s;}
.hm1Text{ position:absolute; left:0; top:0; right:0; bottom:0; padding:30px 1.56vw 2.4vw 2.4vw; display:flex; align-items:flex-end;}
.hm1Con{ transition:all .5s;}
.hm1Ico{ display:block; width:30%;}
.hm1Ico img{ display:block; max-width:100%; height:auto;}
.hm1Tit{ font-size:36px; font-size:28px; color:#FFFFFF; line-height:140%; margin:.2rem 0;}
.hm1Line{ display:block; width:40px; height:2px; background:#FFFFFF; margin:.2rem 0;}
.hm1Des{ font-size:16px; color:#FFFFFF; line-height:30px; max-height:90px; overflow:hidden;}
.hm1Num{ position:absolute; right:.1rem; bottom:.1rem; font-size:200px; font-size:7vw; line-height:90%; transform:scaleY(1.4) translateY(50%); color:rgba(255,255,255,0.3); font-family: DINAlternate !important; opacity:0; visibility:hidden; transition:all .5s;}
.hm1List li a:hover .hm1Img-b{ opacity:1; visibility:visible; background:rgba(37,103,225,.5);}
.hm1List li a:hover .hm1Con{ padding-bottom:calc(7vw + .2rem);}
.hm1List li a:hover .hm1Num{ opacity:1; visibility:visible; transform:scaleY(1.4) translateY(0);}

.hmBg2{ padding:60px 0; background:linear-gradient(138deg, #4DC3FF 0%, #457AE6 100%); overflow:hidden;}
.hmBg2 .wrap{ position:relative;}
.hmBg2 .hmTit{ margin-bottom:.15rem;}
.hm2Tab{ position:absolute; right:0; top:0; background:#FFFFFF; line-height:50px; border-radius:25px; display:flex; overflow:hidden; margin-top:64px;}
.hm2Tab li{ position:relative;}
.hm2Tab li:after{ display:block; content:""; width:1px; height:20px; background:#457AE6; position:absolute; left:100%; top:50%; margin-top:-10px;}
.hm2Tab li:last-child:after{ display:none;}
.hm2Tab li span{ display:block; cursor:pointer; font-size:18px; color:#457AE6; padding:0 35px;}
.hm2Tab li.active span{ background:#457AE6; color:#FFFFFF; border-radius:25px;}
.hm2Tab li.active:after{ display:none;}
.hm2Btn{ margin:.25rem 0; display:flex; justify-content:space-between;}
.hm2Btn span{ display:block; width:50px; height:50px; cursor:pointer; opacity:.5; transition:all .5s;}
.hm2Btn span:hover{ opacity:1;}
.hm2Btn span.swiper-button-disabled{ opacity:.5; cursor:no-drop;}
.hm2Prev{ background:url(../images/box2Prev.png) center center no-repeat; background-size:contain;}
.hm2Next{ background:url(../images/box2Next.png) center center no-repeat; background-size:contain;}
.hm2UL{ margin:0 -1.04vw; list-style:none;}
.hm2UL li{ float:left; width:50%; padding:0 1.04vw; margin-bottom:2.08vw;}
.hm2UL li a{ display:flex; align-items:center; position:relative; overflow:hidden; background:#FFFFFF; border-radius:.2rem;}
.hm2Img{ position:relative; overflow:hidden; width:47.44%;}
.hm2Img .imgBg{ display:block; padding-bottom:64.86%; transition:all .8s;}
.hm2Text{ padding:1.56vw; background:#FFFFFF; border-radius:.2rem; width:52.56%;}
.hm2Ico{ width:64px; height:64px; overflow:hidden; display:flex; flex-direction:column; justify-content:center; align-items:center; margin-bottom:.2rem;}
.hm2Ico img{ max-width:100%; max-height:100%;}
.hm2Tit{ font-size:32px; color:#222222; line-height:130%;}
.hm2TitEn{ font-size:16px; color:#222222; line-height:26px; opacity:.5;}
.hm2More{ width:100% !important; font-size:32px; color:#457AE6; justify-content:flex-start; align-items:flex-start;}
.hm2UL li:first-child a{ display:block;}
.hm2UL li:first-child .hm2Img{ width:100%; height:0; padding-bottom:66.67%;}
.hm2UL li:first-child .hm2Img .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0;}
.hm2UL li:first-child .hm2Text{ position:absolute; right:0; bottom:0; max-width:100%; min-width:47.4%;}
.hm2UL li a:hover .hm2Img .imgBg{ transform:scale(1.05);}

.hmBg3{ padding:70px 0 100px; position:relative; overflow:hidden; background:#F7FAFC;}
.hm3Box{ display:flex; justify-content:center; flex-direction:row-reverse; align-items:flex-end; margin-top:-.3rem;}
.hm3World{ float:right; width:45%; margin:0 5%; max-width:720px; max-width:540px; flex-shrink:0;}
.worldImg{color:#000;}
.worldImg img{ display:block; max-width:100%; height:auto; margin:0 auto;}
.hm3Shade{ height:.8rem; width:50%; margin:0 auto; border-radius:100%; background: rgba(0, 76, 230, 0.5); opacity: 0.2; filter: blur(10px);}
.hm3Text{ float:left; width:45%; max-width:410px; padding:.3rem .4rem; min-height:5.2rem; font-size:18px; color:#666666; line-height:28px; overflow:hidden; background:#FFFFFF; border-radius:.2rem; margin:.6rem 0; box-shadow:0 .1rem .2rem rgba(0, 17, 51, 0.2); flex-shrink:0;}
.hm3Tit{ font-size:24px; color:#457AE6; margin:.2rem 0; font-weight:bold;}
.hm3Line{ display:block; width:.4rem; height:2px; background:#00448A; margin:.2rem 0 .3rem;}
.hm3Name{ font-size:20px; color:#222222; line-height:160%; font-weight:bold; margin:.1rem 0;}
.hm3List{ list-style:none; margin:.1rem 0 .3rem;}
.hm3List li{ overflow:hidden;}
.hm3List li span{ float:left; min-width:90px;}
.hm3List li p{ overflow:hidden;}
.hm3List li p a{ color: #666;}
.hm3Text .hm4More{ display: block; position:static; border:1px solid #457AE6; background:none;}


.hmBg4{ padding:0 0 100px; background:url(../images/footBg.jpg) center center no-repeat; background-size:cover; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);}
.hm4Top{ list-style:none; max-width:1440px; margin:0 auto; background:#FFFFFF; border-radius:1rem; font-size:24px; color:#CCCCCC; display:flex; justify-content:space-around; text-align:center; padding:.3rem; transform:translateY(-50%);}
.hm4Num{ display:block; font-size:3.33vw; line-height:140%; color:#457AE6; font-family: DINAlternate !important;}
.hm4Box{ display:flex; justify-content:space-between; align-items:center; margin-top:-56px; position:relative; margin: 0;}
.hm4Lef{ flex-shrink:0; width:47.5%; background:#FFFFFF; border-radius:.2rem; font-size:16px; color:#7E8085; line-height:24px; padding:35px 35px 35px 40px; position:relative; z-index:1; margin-bottom:.6rem;}
.hm4Lef p{ margin:.15rem 0;}
.hm4Text{ text-align: justify;}
.hm4Rig{ flex-shrink:0; width:68.125%; margin-left:-15.625%; position:relative;}
.hm4Rig video{ display:block; width:100%; height:auto; object-fit:fill;}
.hm4Rig img{ display:block; width:100%; height:auto;}
.hm4Play{ position:absolute; right:0; top:0; width:71.56%; height:100%; background:url(../images/playIco.png) center center no-repeat; background-size:10% auto; cursor:pointer; transition:all .3s;}
.hm4Play.active{ left:100%; top:100%; transform:translate(-130%,-130%) scale(0.6); background-image:url(../images/playIco2.png);}
.hm4More{ position:absolute; left:0; bottom:0; width:200px; line-height:28px; padding:.1rem .2rem .1rem  .3rem; border-radius:25px; border:1px solid #FFFFFF; background:#FFFFFF; font-size:18px; color:#457AE6; overflow:hidden; transition:all .3s;}
.hm4More i{ float:right; display:block; vertical-align:middle; width:24px; height:28px; background:url(../images/arrow1.png) right center no-repeat;}
.hm4More:hover,.hm4More:focus{ color:#457AE6;}
.hm4More:hover{ padding:.1rem .3rem;}

.hmBg5{ padding:60px 0; position:relative; overflow:hidden; background:#F7FAFC;}
.hmBg5 .hmTit{ margin-bottom:6vw;}
.hm5Box{ position:relative;}
.hm5Tab{ float:left; max-width:200px; width:28%; margin-bottom:.6rem;}
.hm5Tab li{ margin-bottom:.2rem;}
.hm5Tab li span{ display:block; line-height:30px; background:#4DC3FF; font-size:18px; color:#FFFFFF; border-radius:25px; padding:.1rem .4rem .1rem .3rem; cursor:pointer; transition:all .3s;}
.hm5Tab li.active span{ background:url(../images/arrow3.png) right .15rem center #457AE6 no-repeat;}
.hm5Tab li:not(.active) span:hover{ background:#457AE6;}

.hm5List{ float:right; width:71.875%;}
.hm5UL{ list-style:none;}
.hm5UL li{ padding-bottom:.3rem; margin-bottom:.3rem; border-bottom:1px solid #DEDEDE;}
.hm5UL li:last-child{ padding-bottom:0; margin-bottom:0; border:none;}
.hm5UL li a{ display:block;}
.hm5Img{ float:left; width:31.3%; height:270px; margin-right:1.56vw; overflow:hidden;}
.hm5Img .imgBg{ display:block; height:100%; transition:all .5s;}
.hm5Text{ overflow:hidden;}
.hm5Time{ font-size:16px; color:#999999; line-height:24px; margin-bottom:.1rem;}
.hm5Tit{ font-size:24px; color:#1F2226; line-height:160%; font-weight:bold; margin:.1rem 0;}
.hm5Des{ font-size:16px; color:#666666; line-height:24px; height:72px; margin:.3rem 0 .4rem;}
.hm5Bot{ line-height:24px; padding-top:.15rem; border-top:1px solid #DEDEDE; display:flex; justify-content:space-between;}
.hm5Bot span,.hm5Bot i{ display:block;}
.hm5Bot span{ font-size:16px; color:#999999;}
.hm5Bot i{ width:24px; height:24px; background:url(../images/arrow2.png) right center no-repeat;}
.hm5Box .hm4More{ border:1px solid #457AE6; background:none;}
.hm5UL li a:hover .hm5Img .imgBg{ transform:scale(1.02);}
.hm5UL li a:hover .hm5Tit{ color:#457AE6;}
.hm5UL li a:hover .hm5Bot span{ color:#457AE6;}
.hm5UL li a:hover .hm5Bot i{ background-image:url(../images/arrow1.png);}

.about{ margin:.3rem 0 1rem;}
/* .about p{ text-indent:2em;} */
.about p{ white-space: normal;}
.about video{ display:block; margin:.2rem auto; max-width:100% !important; height:auto !important; object-fit:fill;}
.about img{ display: inline-block; vertical-align: top; max-width: 100% !important; height: auto !important;}

.honList{ display:flex; flex-wrap:wrap; margin:.25rem -.1rem .6rem;}
.honList li{ padding:.15rem .1rem; width:33.33%;}
.honList li a{ display:block; background:#FFFFFF; border-radius:5px; box-shadow:0 0 .15rem rgba(0, 17, 51, 0.1); transition:all .3s;}
.honImg{ position:relative; overflow:hidden; height:0; padding-bottom:130%; padding-bottom:62%;}
.honImg span{ display:flex; flex-direction:column; justify-content:center; align-items:center; padding:5px .1rem; position:absolute; left:0; top:0; right:0; bottom:0;}
.honImg span img{ display:block; max-width:100%; max-height:100%; margin:0 auto;}
.honTit{ font-size:16px; color:#333333; line-height:22px; text-align:center; padding:.2rem .1rem;}
.honList li a:hover{ box-shadow:0 0 .2rem rgba(0, 17, 51, 0.2); transform:translateY(-.1rem);}

.hisList{ list-style:none; padding:.5rem 0 1rem; position:relative; margin-top:.3rem;}
.hisList:before,
.hisList:after{ display:block; content:""; position:absolute; left:50%; top:0;}
.hisList:before{ width:1px; height:100%; background:#C3CAD9; top:13px;}
.hisList:after{ width:13px; height:13px; border:1px solid #C3CAD9; border-radius:50%; margin-left:-6px;}
.hisList li{ width:calc(50% - .3rem); position:relative;}
.hisList li:after,.hisList li:before{ display:block; content:""; position:absolute; border-radius:50%;}
.hisList li:before{ width:7px; height:7px; background:#457ae6; left:calc(100% + .3rem); margin-left:-3px; top:15px;}
.hisList li:after{ width:13px; height:13px; border:1px solid #C3CAD9; left:calc(100% + .3rem); margin-left:-6px; top:12px;}
.hisYear{ display:block; text-align:right; font-size:36px; line-height:40px; color:#457AE6; font-family:DINAlternate !important;}
.hisText{ padding-bottom:.1rem; margin:.1rem 0 .3rem; border-bottom:1px solid #D8D8D8;}
.hisList li .hisText:last-child{ border:none; margin:.1rem 0 -.2rem;}
.hisImg{ float:left; max-width:72px; margin-right:.18rem;}
.hisImg img{ display:block; max-width:100%; height:auto;}
.hisCon{ overflow:hidden; font-size:18px; color:#6D6F73; line-height:160%;}
.hisList li:nth-child(2n){ margin-left:calc(50% + .3rem);}
.hisList li:nth-child(2n) .hisYear{ text-align:left;}
.hisList li:nth-child(2n):before{ left:auto; right:calc(100% + .3rem); margin:0; margin-right:-4px;}
.hisList li:nth-child(2n):after{ left:auto; right:calc(100% + .3rem); margin:0; margin-right:-7px;}

.downList{ font-size:18px; color:#666666; line-height:30px; margin:.3rem 0 0;}
.downList li{ overflow:hidden; border-bottom:1px solid #eeeeee;}
.downList li a,.downList li span{ float:left;}
.text{ width:calc(100% - 260px); color:#666666; font-weight:bold; 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/downIco2.png);}
.down{ background-image:url(../images/downIco1.png);}
.downList li span{ width:120px; text-align:right; padding:.15rem 0;}
.downList li:hover{ border-bottom-color:#457AE6;}
.text:hover{ color:#457AE6;}
.see:hover{ background-image:url(../images/downIco2a.png);}
.down:hover{ background-image:url(../images/downIco1a.png);}

.network{ margin:.6rem 0;}
.network .hm3World{ float:none; width:100%; margin:0 auto;}
.network .hm3Text{ float:none; width:100%; max-width:100%; min-height:0;}
.network .hm3Line{ margin:.1rem 0;}
.network .hm3List{ margin:.1rem 0;}
.hm3Con{ display:flex; flex-wrap:wrap; margin:0 -.1rem;}
.hm3Item{ width:50%; padding:0 .1rem;}
.network .hm3Text .hm4More{ margin: .3rem auto 0;}

.proList{ list-style:none; margin:.2rem 0 .6rem;}
.proList li{ position:relative; margin-bottom:.2rem; display:flex; flex-direction:row-reverse; align-items:flex-end; justify-content:space-between;}
.proShade{ position:absolute; left:0; bottom:0; width:100%; box-shadow: 0px 5px 15px 0px rgba(17, 30, 58, 0.1); border-radius:15px; transition:all .5s;}
.proImg{ width:40.9%; max-width:360px; margin:.2rem; margin-top:0; flex-shrink:0; position:relative; z-index:1;}
.proImg a{ display:block; height:0; padding-bottom:100%; position:relative; overflow:hidden;}
.proImg span{ position:absolute; left:0; top:0; right:0; bottom:0; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.proImg img{ display:block; max-width:100%; max-height:100%; margin:0 auto; transition:all .8s;}
.proImg a:hover img{ transform:scale(1.05);}
.proText{ flex:auto; padding:.3rem 0 .3rem .3rem; position:relative; z-index:1;}
.proTit{ font-size:24px; color:#333333; line-height:140%; font-weight:bold; -webkit-line-clamp:1;}
.proTit a{ color:#333333; transition:all .4s;}
.proTit a:hover{ color:#457AE6;}
.proTag{ margin:.1rem 0; font-size:0;}
.proTag span{ display:inline-block; vertical-align:middle; background: rgba(69, 122, 230, 0.1); border-radius: 16px; border: 1px solid rgba(69, 122, 230, 0.5); font-size:16px; color:#457AE6; padding:0 .16rem; line-height:22px; margin-right:.1rem;}
.proTag span:last-child{ margin-right:0;}
.proDes{ font-size:16px; color:#666666; line-height:24px; height:72px; margin:.2rem 0;}
.proMore{ display:block; font-size:18px; color:#457AE6; width:120px; background:url(../images/arrow1.png) right center no-repeat;}
.proMore:hover{ color:#457AE6;}
.proList li:hover .proShade{ box-shadow: 0px 0px 15px 0px rgba(17, 30, 58, 0.1);}

.serList{ list-style:none; display:flex; margin:.3rem -.2rem .6rem;}
.serList li{ width:50%; padding:0 .2rem; margin-bottom:.2rem;}
.serList li a{ display:block; position:relative; overflow:hidden; border-radius:.15rem;}
.serImg{ position:relative; overflow:hidden; height:0; padding-bottom:152.38%;}
.serImg .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all .8s;}
.serText{ position:absolute; left:0; top:0; right:0; bottom:0; padding:.5rem; color:#FFFFFF;}
.serIco{ margin:.2rem 0 .6rem; width:30%; max-width:64px;}
.serIco img{ display:block; max-width:100%; height:auto;}
.serTit{ font-size:36px; line-height:140%; margin:.2rem 0;}
.serLine{ display:block; max-width:.33rem; height:2px; background:#FFFFFF; margin:.4rem 0;}
.serDes{ font-size:18px; line-height:160%;}
.serList li a:hover .imgBg{ transform:scale(1.05);}
.serList li a:hover .serIco img{ animation:swing 1s linear 1;}

.proTop{ margin-bottom:.2rem;}
.proSlide{ float:left; width:40.9%; position:relative;}
.proPic{ position:relative; overflow:hidden; height:0; padding-bottom:100%;}
.proPic span{ display:flex; flex-direction:column; justify-content:center; align-items:center; position:absolute; left:0; top:0; width:100%; height:100%;}
.proPic img{ display:block; max-width:100%; max-height:100%; margin:0 auto;}
.proPrev,.proNext{ display:block; width:24px; height:24px; position:absolute; top:50%; transform:translateY(-50%); z-index:1; background-position:center center; background-repeat:no-repeat; background-size:cover; cursor:pointer;}
.proPrev{ left:0; background-image:url(../images/arrow1.png); transform:scaleX(-1) translateY(-50%);}
.proNext{ right:0; background-image:url(../images/arrow1.png);}
.proRig{ float:right; width:55%;}
.proRig .proName{ margin:.4rem 0;}
.proApp{ font-size:16px; color:#666666; line-height:24px; margin:.25rem 0;}
.proApp p{ float:left;}
.proAppCon{ overflow:hidden; color:#457AE6; line-height:22px;}
.proAppCon span{ display:inline-block; vertical-align:middle; padding:0 .15rem; margin:0 .04rem; background: rgba(69, 122, 230, 0.1); border-radius: 16px; border: 1px solid rgba(69, 122, 230, 0.5);}
.proFile{ background:#F8F8F8; line-height:30px; padding:.15rem .2rem;}
.proFile p{ float:left; margin-right:.4rem;}
.proFile a{ display:block; color:#333333; overflow:hidden; background:url(../images/downIco1.png) right center no-repeat; padding-right:30px;}
.proFile a:hover{ background-image:url(../images/downIco1a.png); color:#457AE6;}
.proAsk{ display:block; width:140px; line-height:40px; background:#457AE6; text-align:center; color:#FFFFFF; font-size:18px; border-radius:20px; margin:60px 0 0;}
.proAsk:hover,.proAsk:focus{ color:#FFFFFF;}

.proCon{ background:#F8F8F8; font-size:16px; color:#666666; line-height:24px; padding:.3rem .3rem .5rem;}
.proVideo{ float:right; max-width:44.5%; margin-left:.25rem;}
.proVideo video,.proVideo img{ display:block; max-width:100%; height:auto;}
.proBrief{ overflow:hidden; text-align: justify; line-height: 200%;}
.proBrief p{ margin:.15rem 0;}
.proBrief p:first-child{ margin-top:0;}
.proBrief p:last-child{ margin-bottom:0;}

.proBg{ background:url(../images/proBg.jpg) center center no-repeat; background-size:cover; color:#FFFFFF; margin-bottom:.3rem;}
.proBg .proName{ color:#FFFFFF;}
.proTd{ margin:.3rem 0;}
.proTd p{ margin:.15rem 0; position:relative; padding-left:20px;}
.proTd p:before,.proTd p:after{ display:block; content:""; position:absolute; border-radius:50%;}
.proTd p:before{ width:4px; height:4px; background:#FFFFFF; left:4px; top:10px;}
.proTd p:after{ width:12px; height:12px; border:2px solid #FFFFFF; left:0; top:6px;}

.proParm{ margin:.4rem 0;}
.proParm .proName{ color:#333333;}
.proParmCon{ font-size:16px; color:#666666; line-height:180%; overflow: hidden;}
.proParmCon p{ margin:.1rem 0;}
.proParmCon table{ width:100%;}
.proParmCon table th,.proParmCon table td{ border:1px solid #DEDEDE; text-align:center; padding:.1rem; vertical-align: middle;}
.proParmCon table th{ background:#ECF1FC; color:#333333; padding:.2rem .1rem;}
.proParmCon table td{ padding:5px; word-break: break-all;}
.proParmCon table tr:last-child td{ text-align:left; padding-left:5%; color:#525866;}
.proParmCon img{ max-width: 100% !important; height: auto !important;}

.proPage{ display:flex; justify-content:space-between; line-height:36px; margin:.4rem 0;}
.proPage a{ width:50%; font-size:16px; color:#666666; position:relative;}
.proPage .imgBg{ display:block; width:48px; height:48px; background-size:contain; position:absolute; background-color:#FFFFFF; display:none;}
.proPagePrev{ padding:.12rem 68px .12rem 50px; background:url(../images/arrow5.png) 20px center #ECF1FC no-repeat;}
.proPageNext{ padding:.12rem 50px .12rem 68px; background:url(../images/arrow7.png) right 20px center #ECF1FC no-repeat; text-align:right;}
.proPage a:hover{ background-color:#457AE6; color:#FFFFFF;}
.proPage a:hover .imgBg{ display:block;}
.proPagePrev:hover{ background-image:url(../images/arrow6.png);}
.proPageNext:hover{ background-image:url(../images/arrow8.png);}
.proPagePrev .imgBg{ right:10px; top:5px;}
.proPageNext .imgBg{ left:10px; top:5px;}

.proBot{ margin:.4rem 0;}
.proBotList{ position:relative;}
.proBotImg{ position:relative; overflow:hidden; height:0; padding-bottom:66.78%;}
.proBotImg .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0;}
.proBotImg:after{ display:block; content:""; position:absolute; left:0; bottom:0; width:100%; height:50%; background: linear-gradient(180deg, rgba(3, 10, 26, 0) 0%, rgba(3, 10, 26, .6) 100%);}
.proH4{ position:absolute; left:0; bottom:0; width:100%; padding:.15rem .1rem; text-align:center; font-size:16px; color:#FFFFFF;}
.proBotPrev,.proBotNext{ display:block; width:32px; height:32px; position:absolute; top:50%; transform:translateY(-50%); background-position:center center; background-repeat:no-repeat; background-size:cover; z-index:1; cursor:pointer;}
.proBotPrev{ left:0; background-image:url(../images/proBotPrev.png);}
.proBotNext{ right:0; background-image:url(../images/proBotNext.png);}
.proBotPrev.swiper-button-disabled,.proBotNext.swiper-button-disabled{ display:none;}
.proBot:last-child{ margin-bottom:.6rem;}

.proTab{ line-height:60px; background:#ECF1FC; position:relative; margin:.2rem 0; font-weight:bold; color:#333333;}
.proTab span{ display:inline-block; vertical-align:middle; margin:0 .2rem; font-size:18px; cursor:pointer; position:relative; overflow:hidden;}
.proTab a{ position:absolute; right:.2rem; top:0; font-size:16px; color:#457AE6;}
.proTab a i{ display:inline-block; vertical-align:middle; width:20px; height:20px; margin-left:5px; margin-top:-2px; background:url(../images/arrow1.png) center center no-repeat; transition:all .5s;}
.proTab a:hover i{ margin-left:3px;}
.proTab span.active{ color:#457AE6;}
.proTab span.active:after{ display:block; content:""; width:100%; height:2px; background:#457AE6; position:absolute; left:0; bottom:0; width:100%;}

.soluList{ list-style:none; display:flex; flex-wrap:wrap; margin:.3rem 0 .6rem;}
.soluList li{ width:50%; margin-bottom:.2rem;}
.soluList li a{ display:block; border-radius:.1rem; padding:.25rem; transition:all .5s;}
.soluTit{ margin:.1rem 0; font-size:18px; color:#333333; line-height:24px; height:48px; font-weight:bold; -webkit-line-clamp:2; transition:all .5s;}
.soluTag{ font-size:16px; color:#999999; line-height:24px; margin:.1rem 0; transition:all .5s;}
.soluImg{ position:relative; overflow:hidden; height:0; padding-bottom:66.67%; margin:.1rem 0 .2rem;}
.soluImg .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0;}
.soluDes{ font-size:16px; color:#666666; line-height:22px; height:66px; margin:.2rem 0 .3rem; transition:all .5s;}
.soluMore{ display:block; width:120px; font-size:18px; color:#457AE6; line-height:30px; background:url(../images/arrow1.png) right center no-repeat; transition:all .5s;}
.soluList li a:hover{ background:#457AE6; box-shadow:0 .1rem .15rem rgba(23, 41, 77, 0.3); transform:translateY(-.1rem);}
.soluList li a:hover .soluTit,.soluList li a:hover .soluDes,.soluList li a:hover .soluMore{ color:#FFFFFF;}
.soluList li a:hover .soluTag{ color:#FFFFFF; opacity:.5;}
.soluList li a:hover .soluMore{ background-image:url(../images/arrow3.png);}

.appList{ list-style:none; margin:.3rem 0 .6rem;}
.appList li{ margin-bottom:.3rem;}
.appList li a{ display:flex; justify-content:space-between; align-items:flex-end; position:relative;}
.appMask{ display:block; position:absolute; left:0; bottom:0; width:100%; box-shadow:0 .05rem .1rem rgba(23, 41, 77, 0.1); border-radius:.1rem; transition:all .3s;}
.appImg{ width:44.3%; flex-shrink:0; padding:0 0 25px 25px; position:relative; z-index:1; overflow:hidden;}
.appImg img{ display:block; width:100%; height:auto; transition:all .8s;}
.appText{ overflow:hidden; padding:.2rem .4rem .2rem .35rem; position:relative; z-index:1;}
.appTit{ font-size:18px; color:#333333; line-height:24px; font-weight:bold; margin:.1rem 0;}
.appDes{ font-size:16px; color:#666666; line-height:22px; margin:.1rem 0 .3rem;}
.appList li a:hover .appMask{ background:#457AE6; box-shadow:0 .1rem .15rem rgba(23, 41, 77, 0.2);}
.appList li a:hover .appImg img{ transform:scale(1.02);}
.appList li a:hover .appTit,.appList li a:hover .appDes,.appList li a:hover .soluMore{ color:#FFFFFF;}
.appList li a:hover .soluMore{ background-image:url(../images/arrow3.png);}

.proBotList2{ position:relative;}
.proBotList2 .proBotImg{ padding-bottom:100%; background-color:#F5F5F5;}
.proBotList2 .imgBg{ left:.1rem; top:.1rem; right:.1rem; bottom:.1rem;}
.proBotList2 .proH4{ position:relative; color:#333333; line-height:160%;}
.proBotList2 .proBotImg:after{ display:none;}
.proBotList2 .proBotPrev,.proBotList2 .proBotNext{ background-color:rgba(0,0,0,0.5);}

.appName{ font-size:32px; color:#222222; line-height:140%; font-weight:bold; margin-bottom:.1rem;}
.appTime{ font-size:16px; color:#999999; line-height:22px; margin:.1rem 0;}
.appLine{ display:block; width:100%; height:1px; background:#DEDEDE; margin:.1rem 0;}
.appCon{ margin:.3rem 0;}
.appCon p{ margin:.1rem 0;}
.appCon img{ display:block; max-width:100% !important; height:auto !important; margin:.1rem auto;}
.appCon video{ display:block; width:100%; height:auto; object-fit:fill;}

.proName2{ line-height:60px; background:#ECF1FC; position:relative; margin:.2rem 0; padding:0 .2rem; font-size:18px; font-weight:bold; color:#333333;}

.newsList{ list-style:none; margin:.3rem 0 .6rem;}
.newsList li{ padding-bottom:.2rem; margin-bottom:.2rem; border-bottom:1px solid #DEDEDE;}
.newsList li:last-child{ border:none;}
.newsList li a{ display:block;}
.newsList .hm5Img{ max-width:280px; height:210px;}
.newsList .hm5Des{ margin:.1rem 0;}
.newsList li a:hover .imgBg{ transform:scale(1.02);}
.newsList li a:hover .hm5Tit{ color:#457AE6;}
.newsList li a:hover .hm5Bot span{ color:#457AE6;}
.newsList li a:hover .hm5Bot i{ background-image:url(../images/arrow1.png);}

.newsPage{ margin:.3rem 0 .6rem; font-size:16px; color:#6D6F73; line-height:200%; border-top:1px solid #DEDEDE; padding-top:.3rem;}
.newsPage a{ color:#6D6F73;}
.newsPage a:hover{ color:#457AE6;}

.conList{ list-style:none; margin:.3rem 0 1rem;}
.conList li{ margin-bottom:.35rem;}
.conBox{ display:flex; border-radius:.2rem; min-height:3rem; box-shadow:0 .1rem .2rem rgba(0, 17, 51, 0.1); overflow:hidden;}
.conMap{ width:66%; flex-shrink:0;}
.conMap span{ display:block; height:100%;}
.conText{ padding:.3rem; font-size:16px; color:#666666;}
.conTit{ font-size:24px; color:#333333; font-weight:bold; line-height:160%; margin:.1rem 0;}
.conText h4{ font-size:12px; color:#CCCCCC; line-height:140%; text-transform:uppercase; margin-top:.2rem;}
.conList li:nth-child(2n) .conBox{ flex-direction:row-reverse;}

.joinList{ background:#FFFFFF; margin:.15rem 0 .6rem;}
.joinList li{ padding:.15rem 0; border-bottom:1px solid #D8D8D8;}
.joinList li:last-child{ border:none;}
.joinItem{ display:block; position:relative; padding-right:calc(.2rem + 200px);}
.joinTit{ font-size:18px; color:#333333; font-weight:bold; line-height:180%; margin:.1rem 0;}
.joinText{ display:flex; justify-content:space-between; align-items:center; font-size:16px; color:#666666; line-height:180%; margin:.1rem 0;}
.joinPrice{ color:#666666;}
.joinPrice span{ font-size:200%; font-weight:bold; margin-right:.1rem; vertical-align:bottom;}
.joinInfor{ color:#999999;}
.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:120px; line-height:40px; background:#4DC3FF; color:#FFFFFF; text-align:center; border-radius:20px; display:block; transition:all .3s;}
.joinList li:hover .joinPrice span{ color:#457AE6;}
.joinList li:hover .joinBtn{ background:#457AE6; box-shadow:2px 2px 5px rgba(0,0,0,0.1);}

.joinTop{ border-bottom:1px solid #DEDEDE; padding:0 0 .2rem; margin-bottom:.3rem;}
.joinTop .joinText{ display:block; line-height:200%;}
.joinTop .joinPrice{ margin-top:.15rem;}
.joinTop .joinPrice span{ color:#457AE6;}
.joinTop .joinInfor{ margin-top:.2rem;}
.joinTop .joinBtn{ top:auto; bottom:.1rem; transform:none;}
.joinName{ font-size:24px; color:#457AE6; line-height:180%;}
.joinCon{ color:#6D6F73; padding:0 0 .6rem;}
.joinCon h3{ font-size:24px; color:#333333; font-weight:bold; margin:.3rem 0;}
.joinCon p{ margin-left:.4rem;}

.cooperation{ font-size:16px; color:#666666; line-height:180%; margin:.3rem 0 1rem;}
.coopItem{ padding:.15rem 0; border-bottom:1px solid #DEDEDE;}
.coopItem:last-child{ border:none;}
.coopItem h3{ font-size:18px; color:#333333; font-weight:bold; line-height:160%; margin:.1rem 0;}
.coopItem .ftTelUL h4{ font-size:12px; color:#2E7BEE; line-height:160%; text-transform:uppercase;}
.coopItem .ftTelUL li{ margin-bottom:.1rem;}
.coopItem .ftTelUL li:first-child{ width:30%;}

.grayBg{ background:#F9F9F9; border-bottom:1px solid #DEDEDE;}
.banBotBg.grayBg{ padding-bottom:0;}
.banBotBg .search{ max-width:640px; margin:.6rem 0;}
.searchTab{ display:flex; margin:0 -.2rem;}
.searchWrap{ flex-wrap: wrap;}
.searchTab li{ font-size:16px; color:#666666; padding:0 .2rem; line-height:160%;}
.searchTab li a{ display:block; height:100%; padding:.1rem 0; color:#666666; position:relative;}
.searchTab li.active a{ color:#457AE6;}
.searchTab li.active a:after{ content:""; height:3px; background:#457AE6; position:absolute; left:0; bottom:0; width:100%;}
.searchList{ list-style:none;}
.searchList li{ border-bottom:1px solid #DEDEDE;}
.searchList li a{ display:block; padding:.3rem 0;}
.searchTit{ line-height:24px; margin:.2rem 0; color:#333333;}
.searchTit span{ float:right; font-size:12px; color:#457AE6; min-width: 84px; padding:0 .15rem; line-height:24px; background: rgba(69, 122, 230, 0.1); border-radius: 13px; border: 1px solid rgba(69, 122, 230, 0.5); margin-left:.1rem; text-align:center;}
.searchDes{ font-size:16px; color:#666666; line-height:24px; margin:.15rem 0;}
.searchList li a:hover .searchTit{ color:#457AE6; transition:all .3s;}
.searchList li a:hover .soluMore{ background-position:right 10px center;}

.anchor{ display: block; padding-top: 80px; margin-top: -80px;}


@media (min-width:1201px){
}
@media (min-width:1400px){
	.container{ width:1230px;}
}
@media (max-width:1600px){
	.banMore{ width:180px; height:46px; line-height:42px; font-size:16px;}
	.hmTitCn{ font-size:18px;}
	.hmTitEn{ font-size:38px;}
	.hmBg1{ padding:.6rem 0;}
	.hm1Text{ padding:.2rem 1.4vw 2vw 2vw;}
	.hm1Ico{ max-width:50px;}
	.hm1Tit{ font-size:28px; margin:.2rem 0;}
	.hm1Line{ margin:.2rem 0;}
	.hm1Des{ font-size:14px; line-height:24px; max-height:72px;}
	.hmBg2{ padding:.6rem 0;}
	.hm2Tab{ margin-top:45px; line-height:46px;}
	.hm2Tab li span{ font-size:16px; padding:0 .25rem;}
	.hm2Ico{ width:50px; height:50px; margin-bottom:.1rem;}
	.hm2More{ font-size:24px; height:40px;}
	.hm2Tit{ font-size:24px;}
	.hm2TitEn{ font-size:14px;}
	.hmBg3{ padding:.6rem 0 1rem;}
	.hmBg4{ padding:0 0 .6rem;}
	.hm4Top{ font-size:18px; padding:.2rem;}
	.hm4Box{ margin:0;}
	.hm4Lef{ font-size:14px; margin:.4rem 0 .6rem; padding:.3rem;}
	.hm4More{ width:180px; line-height:24px; font-size:16px;}
	.hm4More i{ height:24px;}
	.hmBg5{ padding:.6rem 0;}
	.hmBg5 .hmTit{ margin-bottom:.4rem;}
	.hm5Tab{ max-width:180px;}
	.hm5Tab li span{ font-size:16px; line-height:24px;}
	.hm5Tab li.active span{ background-size:20px auto;}
	.hm5Img{ height:200px;}
	.hm5Time{ font-size:14px; line-height:20px;}
	.hm5Tit{ font-size:20px;}
	.hm5Des{ font-size:14px; line-height:22px; height:66px; margin:.2rem 0;}
	.hm5Bot{ padding-top:.1rem; line-height:22px;}
	.hm5Bot span{ font-size:14px;}
	.hm5Bot i{ width:22px; height:22px;}
	.appName{ font-size:28px;}
	.appTime{ font-size:14px;}
	.newsList .hm5Img{ height:180px;}
}
@media (max-width:1400px){
	.hmTitCn{ font-size:16px;}
	.hmTitEn{ font-size:30px;}
	.hmTitLine{ margin:.1rem 0;}
	.hm1Tit{ font-size:22px; margin:.1rem 0;}
	.hm1Line{ margin:.1rem 0;}
	.hm2Tab{ margin-top:30px;}
	.hm2Tab li span{ font-size:14px;}
	.hm2Btn span{ width:40px; height:40px;}
	.hm2Tit{ font-size:20px;}
	.hm2TitEn{ font-size:12px; line-height:22px;}
	.hm2More{ font-size:20px;}
	.hm3Text{ font-size:16px; line-height:24px;}
	.hm3Tit{ font-size:20px;}
	.hm3Name{ font-size:16px;}
	.hm4Top{ font-size:16px;}
	.hmBg5{ padding:.5rem 0;}
	.hm5Tit{ font-size:18px;}
	.hisCon{ font-size:16px;}
	.downList{ font-size:16px;}
	.proTit{ font-size:20px;}
	.proTag span{ font-size:14px;}
	.proDes{ font-size:14px; line-height:20px; height:60px;}
	.proMore{ font-size:16px; background-size:20px auto;}
	.serText{ padding:.3rem;}
	.serIco{ max-width:58px;}
	.serTit{ font-size:30px;}
	.serLine{ margin:.3rem 0;}
	.serDes{ font-size:16px;}
	.proName{ font-size:20px;}
	.proApp{ font-size:14px;}
	.proAsk{ width:130px; line-height:36px; font-size:16px;}
	.proCon{ font-size:14px;}
	.proParmCon{ font-size:14px;}
	.proPage a{ font-size:14px;}
	.proH4{ font-size:15px;}
	.proTab{ line-height:50px; padding:0 .2rem;}
	.proTab span{ font-size:16px; margin:0 .1rem;}
	.proTab a{ font-size:14px;}
	.proTab a i{ width:18px; height:18px; background-size:contain;}
	.soluList li a{ padding:.2rem;}
	.soluTit{ font-size:16px;}
	.soluTag{ font-size:14px;}
	.soluDes{ font-size:14px;}
	.soluMore{ font-size:16px; background-size:20px auto;}
	.appText{ padding:.2rem .3rem;}
	.appTit{ font-size:16px;}
	.appDes{ font-size:14px;}
	.appName{ font-size:24px;}
	.proName2{ line-height:50px; font-size:16px;}
	.newsPage{ font-size:14px;}
	.conTit{ font-size:20px;}
	.conText{ font-size:14px;}

	.joinText{ font-size:14px;}
	.joinPrice span{ font-size:180%;}
	.joinName{ font-size:22px;}
	.joinCon h3{ font-size:20px;}

	.searchDes{ font-size:14px;}
}
@media (max-width:1200px){
	.banner{ height:80vh;}
	.banDes{ font-size:14px;}
	.hm1Ico{ max-width:40px;}
	.hm2Img .imgBg{ padding-bottom:75%;}
	.hm2UL li:first-child .hm2Img{ padding-bottom:76%;}
	.hm4Lef{ padding:.2rem;}
	.hm5Img{ height:170px;}
	.hm5Des{ height:44px; -webkit-line-clamp:2;}

	.downList{ 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;}
	.downList li span{ width:90px; padding:.1rem 0;}

	.newsList .hm5Img{ max-width:240px; height:160px;}

	.joinItem{ position:relative; padding-right:calc(.2rem + 100px);}
	.joinTit{ font-size:16px;}
	.joinBtn{ right:0; width:80px; font-size:14px; line-height:32px;}

}
@media (max-width:991px){
	.hm1List{ flex-wrap:wrap;}
	.hm1List li{ width:50%;}
	.hm1Img{ position:absolute; left:0; top:0; width:100%; height:100%; padding:0; z-index: 0;}
	.hm1Text{ position:relative; padding:.5rem .3rem; z-index: 2;}
	.hm1Num{ opacity:1; visibility:visible; color:rgba(255,255,255,0.2); z-index: 1;}
	.hm1Con{ padding:0 !important;}

	.hm2Tab{ position:static; margin:.2rem 0;}
	.hm2Tab li{ flex:1;}
	.hm2Tab li span{ display:block; text-align:center; padding:0 .1rem;}
	.hm2Ico{ width:44px; height:44px;}
	.hm2More{ font-size:18px; height:20px;}
	.hm2Tit{ font-size:18px;}
	.hm3Box{ display:block; margin:0;}
	.hm3World{ float:none; width:100%; margin:0 auto;}
	.hm3Text{ float:none; width:100%; max-width:100%; min-height:0; margin:.3rem 0;}
	.hm4Top{ font-size:14px;}
	.hm4Num{ font-size:.46rem;}
	.hm4Box{ display:block;}
	.hm4Lef{ width:100%; margin:.2rem 0;}
	.hm4Rig{ width:100%; margin:.2rem 0;}
	.hm4More{ display:block; position:static; margin:.3rem auto 0;}
	.hmBg5 .hmTit{ margin-bottom:.3rem;}
	.hm5Tab{ display:flex; max-width:100%; float:none; width:100%; margin-bottom:.3rem;}
	.hm5Tab li{ flex:1; margin-bottom:0;}
	.hm5List{ float:none; width:100%;}
	.hisCon{ font-size:14px;}
	.proTit{ font-size:18px;}

	.serList{ margin:.3rem -.1rem .6rem;}
	.serList li{ padding:0 .1rem;}

	.appImg{ width:320px; padding:0 0 .15rem .15rem;}
	.appText{ padding:.15rem;}

	.joinText{ display:block;}
	.joinPrice span{ vertical-align:top;}
}
@media (max-width:767px){
	.hmTitCn{ font-size:14px;}
	.hmTitEn{ font-size:.28rem; line-height: 180%;}
	.hm2UL li a{ align-items:initial;}
	.hm2Img .imgBg{ padding:0; height:100%;}
	.hm2UL li:first-child .hm2Img{ padding-bottom:71%;}
	.hm2UL li{ width:33.33%;}
	.hm2UL li a{ display:block;}
	.hm2Img{ width:100%;}
	.hm2Img .imgBg{ padding-bottom:66.67%;}
	.hm2Text{ width:100%;}
	.hm2UL li:first-child .hm2Img{ padding-bottom:66.67%;}
	.hm2UL li:first-child .hm2Text{ position:static; width:100%;}
	.hm2Tit{ font-size:16px;}
	.hm2More{ width:100%; max-width:100%; height:50px; font-size:14px;}
	.honTit{ font-size:14px; padding:.1rem;}

	.hisList{}
	.hisList:before{ left:0; margin:0;}
	.hisList:after{ left:-6px; margin:0;}
	.hisList li{ width:100%; margin:0 !important; padding-left:20px;}
	.hisList li .hisText:last-child{ margin:.1rem 0 .3rem;}
	.hisYear{ text-align:left; font-size:30px; line-height:32px;}
	.hisList li:before{ left:0 !important; margin:0 !important; margin-left:-3px !important; top:10px;}
	.hisList li:after{ left:0 !important; margin:0 !important; margin-left:-6px !important; top:7px;}

	.serIco{ margin:.2rem 0 .4rem;}
	.serTit{ font-size:24px;}
	.serDes{ font-size:14px;}

	.proName{ font-size:18px;}
	.proSlide{ float:none; width:100%; max-width:360px; margin:0 auto;}
	.proRig{ float:none; width:100%;}
	.proAsk{ margin:.3rem 0;}
	.proVideo{ float:none; width:100%; margin:0 0 .3rem; max-width:100%;}
	.proH4{ font-size:14px;}
	.proPage{ display:block; line-height:24px;}
	.proPage a{ width:100%; background-size:20px auto;}
	.proPagePrev{ background-position:10px center; padding:.12rem .12rem .12rem 30px;}
	.proPageNext{ background-position:right 10px center; padding:.12rem 30px .12rem .12rem;}
	.proPage a:hover .imgBg{ display:none;}

	.appImg{ width:280px;}
	.appDes{ margin:.1rem 0;}
}
@media (max-width:640px){
	.banTit{ font-size:.36rem;}
	.hm1Tit{ font-size:18px;}
	.hm1Des{ font-size:12px; line-height:22px; max-height:66px;}
	.hm2Tit{ font-size:14px;}
	.hm2Ico{ width:.5rem; height:.5rem;}
	.hm4Lef{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 8;
		-webkit-box-orient: vertical;
	}
	.hm4Text{ overflow: hidden;}
	.hm5Tab li span{ font-size:14px; line-height:18px; padding:.1rem .4rem .1rem .2rem;}
	.hm5Img{ height:114px;}
	.hm5Tit{ font-size:16px;}
	.hm5Des{ font-size:12px; height:18px; -webkit-line-clamp:1; margin:.1rem 0;}
	.honTit{ font-size:12px;}
	.hisYear{ font-size:24px;}

	.downList li{ padding:.1rem 0;}
	.downList 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;}

	.hm3Con{ display:block;}
	.hm3Item{ width:100%; margin:.2rem 0;}

	.proList li{ display:block; box-shadow:0px 5px 15px 0px rgba(17, 30, 58, 0.1); border-radius:.15rem;}
	.proImg{ width:100%; max-width:100%; margin:0;}
	.proImg a{ height:auto; padding:0;}
	.proImg span{ display:block; position:static;}
	.proImg img{ max-width:100%; height:auto;}
	.proShade{ display:none;}
	.proText{ padding:.3rem;}
	.proTit{ -webkit-line-clamp:2;}
	.proDes{ height:auto;}
	.proMore{ font-size:14px;}
	.serIco{ width:25%;}
	.serTit{ font-size:20px;}
	.serLine{ margin:.2rem 0;}
	.serDes{ font-size:12px;}
	.soluList{ margin:.3rem -5px .6rem;}
	.soluList li{ padding:0 5px;}
	.soluList li a{ background:#457AE6; box-shadow:0 .1rem .15rem rgba(23, 41, 77, 0.3); transform:translateY(0);}
	.soluList li a:hover{ transform:translateY(0);}
	.soluTit,.soluDes,.soluMore{ color:#FFFFFF;}
	.soluTit{ font-size:14px;}
	.soluTag{ font-size:12px; line-height:20px; color:#FFFFFF; opacity:.5;}
	.soluDes{ font-size:12px; line-height:20px; height:60px;}
	.soluMore{ font-size:14px; line-height:24px; background-image:url(../images/arrow3.png);}

	.appList li a{ display:block; background:#457AE6; padding:.15rem; border-radius:.1rem;}
	.appMask{ display:none;}
	.appImg{ width:100%; padding:0;}
	.appTit,.appDes{ color:#FFFFFF;}
	.appTit{ font-size:14px;}
	.appDes{ font-size:12px;}
	.appName{ font-size:20px;}

	.newsList .hm5Img{ height:114px;}
	.conBox{ display:block;}
	.conMap{ width:100%; height:3rem;}
	.conTit{ font-size:18px;}

	.joinItem{ padding-right:0; overflow:hidden;}
	.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;}

	.cooperation{ font-size:14px;}
	.coopItem h3{ font-size:16px;}


	.searchTab{ margin:0 -.1rem;}
	.searchTab li{ font-size:14px; padding:0 .1rem;}
	.searchList .soluMore{ color:#457AE6; background-image:url(../images/arrow1.png);}
}
@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:22px; height:30px; margin:0 auto;}
	.banMouse span i{ width:2px; height:6px; margin-left:-1px;}
	.banMouse b{ width:20px; height:20px; background-size:cover; margin:0 auto;}
	.hmTitEn{ font-size:.34rem;}
	.hm2Tab{ line-height:40px;}
	.hm2Tab li span{ font-size:12px;}
	.hm2Btn span{ width:32px; height:32px;}
	.hm3Text{ font-size:14px;}
	.hm3Tit{ font-size:18px;}
	.hm3Name{ font-size:15px;}
	.hm3List li span{ width:70px;}
	.hm4Top{ flex-wrap:wrap; transform:translateY(-.5rem); border-radius:4px;}
	.hm4Top li{ width:50%;}
	.hm4More{ width:160px; font-size:14px;}
	.hm5Img{ height:80px;}
	.hm5Time{ font-size:12px; line-height:18px;}
	.hm5Tit{ font-size:14px;}
	.hm5Des{ display:none;}
	.hm5Bot span{ font-size:12px;}
	.honList li{ width:50%;}
	.hisYear{ font-size:22px;}
	.hisImg{ max-width:20%;}
	.proTit{ font-size:16px;}
	.proTag span{ font-size:12px;}
	.proDes{ font-size:13px;}
	.proMore{ font-size:12px; background-size:18px auto;}
	.serTit{ font-size:16px;}
	.proTab{ line-height:44px;}
	.proTab span{ font-size:14px;}
	.proTab a{ display:none;}
	.soluList li{ width:100%;}
	.soluTit{ height:auto;}
	.soluDes{ height:auto;}
	.proName2{ line-height:44px; font-size:14px;}
	.appName{ font-size:18px;}
	.appTime{ font-size:12px;}
	.proBotList2 .proH4{ font-size:12px;}
	.proBotList2 .proBotPrev, .proBotList2 .proBotNext{ width:28px; height:28px;}
	.newsList .hm5Img{ height:80px;}

	.joinName{ font-size:18px;}
	.searchTab li{ text-align:center;}
	.searchTab li.active a:after{ height:2px;}
	.searchTit{ font-size:16px;}
	.searchTit span{ float:none; display:block; margin:0 0 .1rem;}
}
@media all and (orientation : landscape){
	.pc{ display:block;}
	.mob{ display:none;}
}
@media all and (orientation : portrait){
	.pc{ display:none;}
	.mob{ display:block;}
}