.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;}

.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; flex-wrap: wrap; 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:33.33%;}

.hm1Item,
.hm1List li a{
	display:block; position:relative; overflow:hidden; height: 100%;
}

.hm1Img{ position:relative; overflow:hidden; height:0; padding-bottom:170%; padding-bottom:70%;}

.hm1Img .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0;}

.hm1Img-a{}

.hm1Img-b{ opacity:0; visibility:hidden; transition:all 1s;}

.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{ width: 100%; 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;}
.hm1Tit:hover{ color: #FFFFFF;}

.hm1Line{ display:block; width:40px; height:2px; background:#FFFFFF; margin:.2rem 0;}

.hm1Des{ font-size:16px; color:#FFFFFF; line-height:30px; max-height:60px; overflow:hidden;}

.hm1Des p a{ color: #FFFFFF;}

.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;}
.hm1Item:hover .hm1Img-b,
.hm1List li a:hover .hm1Img-b{ opacity:1; visibility:visible; transform: scale(1.1);}
/* .hm1Item:hover .hm1Con, */
/* .hm1List li a:hover .hm1Con{ padding-bottom:calc(7vw + .2rem);} */

.hm1Item:hover .hm1Num,
.hm1List li a:hover .hm1Num{ opacity:1; visibility:visible; transform:scaleY(1.4) translateY(0);}

.hm1List + .hm4More{ position: static; display: block; background-color: #457AE6; color: #FFFFFF; margin: .3rem auto 0;}

.hm1List + .hm4More i{ background-image: url(../images/arrow3.png);}

.hm1List + .hm4More:hover{ color: #FFFFFF;}


.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; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 100%;}

.hm2Tab li.active span{ background:#457AE6; color:#FFFFFF; border-radius:25px;}

.hm2Tab li.active:after{ display:none;}

.hm2Btn{ margin:.4rem 0; display:flex; justify-content:space-between;}

.hm2Btn span{ display:none; 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:space-between; flex-direction:row-reverse; align-items:center; margin-top:-.3rem;}

.hm3Map{ flex: auto; height: 7rem; overflow: hidden;}

.hm3World{ 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:30%; max-width:320px; padding:.3rem .4rem; 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{ margin: .1rem 0; overflow:hidden;}

.hm3List li span{ float:left; min-width:90px;}

.hm3List li p{ overflow:hidden; word-break: break-all;}

.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.png) 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%;}

.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/about/downIco2.png);}

.down{ background-image:url(../images/about/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/about/downIco2a.png);}

.down:hover{ background-image:url(../images/about/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 -10px; display: flex; flex-wrap: wrap; justify-content: space-between;}

.network .hm3List li{ width: 50%; padding: 5px 10px;}

.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/about/downIco1.png) right center no-repeat; padding-right:30px;}

.proFile a:hover{ background-image:url(../images/about/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/product/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 p{ width: 50%;}

.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{ flex: auto; 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 -.1rem 1rem;}

.conList li{ margin-bottom:.35rem; padding: 0 .1rem;}

.conBox{ display:block; height: 100%; 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; line-height: 1.6;}

.conTit{ font-size:24px; color:#333333; font-weight:bold; line-height:160%; margin:.1rem 0;}

.conText h4{ font-size:18px; color:#457ae6; line-height:140%; text-transform:uppercase; margin-top:.2rem;}

.conBot{ display: flex; flex-wrap: wrap; margin: 0 -.15rem;}
.conItem{ width: 33.33%; padding: .1rem .15rem;}
.conItem.last{ width: 100%;}


.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;}



.message .messInput{ border: 1px solid #457AE6; color: #333333;}
.message .messInput::-webkit-input-placeholder{ color:#000000; opacity:.3;}
.message .messInput::-moz-placeholder{ color:#000000; opacity:.3;}
.message .messInput:-moz-placeholder{ color:#000000; opacity:.3;}
.message .messInput:-ms-input-placeholder{ color:#000000; opacity:.3;}
.message textarea.messInput{ height: 2rem;}
#inMessBtn{ display:block; width:200px; line-height:50px; background:#457AE6; border-radius:5px; font-size:18px; color:#FFFFFF; text-align:center; margin-top:.1rem; transition:all .3s;}


@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:50px;}

	.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;}

	#inMessBtn{ width: 180px; line-height: 46px; font-size: 16px;}

}

@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;  max-height:50px;}

	.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;   max-height: 215px;}



	.hm2Tab{ position:static; margin:.2rem 0;}

	.hm2Tab li{ flex:1;}

	.hm2Tab li span{ 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;}

	.conItem{ width: 50%;}

}

@media (max-width:767px){

	.hmTitCn{ font-size:14px;}

	.hmTitEn{ font-size:.28rem; line-height: 180%;}

	.hm2Img .imgBg{ padding:0; height:100%;}

	.hm2UL{ display: flex; flex-wrap: wrap;}


	.hm2UL li{ float: none; width:33.33%;}

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

	.hm2UL li a{ align-items:initial;}

	.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 p{ width: 100%;}

	.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;}

	.network .hm3List{ display: block;}
	.network .hm3List li{ width: 100%;}

}

@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);}

	#inMessBtn { width: 160px; line-height: 40px;}

}

@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; line-height: 1.4; padding: .2rem .1rem;}

	.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;}

	.hm5Tab{ text-align: center;}

	.hm5Tab li span{ padding: .1rem .2rem;}

	.hm5Tab li.active span{ background-image: none;}

	.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;}

	.conItem{ width: 100%;}
}

@media all and (orientation : landscape){

	.pc{ display:block;}

	.mob{ display:none;}

}

@media all and (orientation : portrait){

	.pc{ display:none;}

	.mob{ display:block;}

}