.hmTit{ position:relative; padding:0.3rem 0; color:#FFFFFF;}
.hmTitEn{ font-size:60px; font-family:'HelveticaNeueLT';}
.hmTitCn{ font-size:20px; letter-spacing:0.1rem;}
.hmTitIco{ display:block; width:20px; height:11px; background:url(../images/logoIcoWhite.png) center center no-repeat; background-size:contain; position:absolute; right:0; bottom:0.3rem;}
.hmMore{ display:block; width:162px; height:38px; line-height:38px; border-radius:20px; text-align:center; margin:0.4rem auto; background:#e62129; color:#FFFFFF; font-size:14px; position:relative; overflow:hidden;}
.hmMore:after{ position:absolute; left:-60px; top:-30px; display:block; content:""; width:100%; height:20px; transform:rotate(45deg); transform-origin:left center; background:rgba(255,255,255,0.3);}
.hmMore span{ position:relative; z-index:1;}
.hmTitIco2{ display:inline-block; vertical-align:middle; position:static; margin-left:0.08rem;}
.hmMore:hover,.hmMore:focus{ color:#FFFFFF;}
.hmBg1{ background:url(../images/hmBg1.jpg) center top #FFFFFF no-repeat;}
.hmBg1 .hmTitEn{ font-size:28px;}
.hm1{ font-size:0; margin:0 -0.1rem;}
.hm1 li{ float:none; vertical-align:top; padding:0.1rem; text-align:center;}
.hm1A{ display:block; height:100%; box-shadow:0 0 15px rgba(0,0,0,0.3); background:#FFFFFF; padding:0.3rem; position:relative; overflow:hidden;}
.hm1Img{ position:absolute; left:0; top:0; right:0; bottom:0; opacity:0; transition:all 0.8s linear;}
.hm1Img .imgBg{ width:100%; height:100%; opacity:0; visibility:hidden; transform:scale(1.1); transition:all 0.8s linear;}
.hm1Con{ position:relative; top:0; z-index:1; transition:all 0.5s linear;}
.hm1Ico{ max-width:80px; height:80px; margin:0 auto; overflow:hidden; transition:all 0.5s linear;}
.hm1Ico img{ margin:0 auto;}
.hm1Tit{ font-size:24px; color:#000000; line-height:28px; margin:0.1rem 0;}
.hm1Line{ display:block; width:0.6rem; height:2px; background:#FFFFFF; opacity:0.6; margin:0 auto;}
.hm1Des{ font-size:14px; color:#999999; line-height:22px; height:66px; overflow:hidden; margin:0.1rem auto; max-width:330px;}
.hm1More{ position:relative; z-index:1; font-size:14px; color:#FFFFFF;}
.hm1More span{ display:inline-block; vertical-align:middle; position:relative;}
.hm1More span:after{ display:block; content:""; position:absolute; right:10px; top:100%; width:1px; height:0; background:#FFFFFF; transition:all 0.3s linear;}
.hmBg2{ background:url(../images/hmBg2.jpg) center center no-repeat; position:relative; overflow:hidden;}
.hmBg2Img{ position:absolute; width:100%; height:150%; top:-50%; left:0;}
.hmBg2 .hmTit{ position:absolute; left:50%; top:40px; transform:translateX(-50%); z-index:1;}
.hm2{ display:flex; flex-wrap:wrap; justify-content:center;}
.hm2 li{ width:20%; padding:260px 0 90px; position:relative; overflow:hidden;}
.hm2Bg{ position:absolute; left:0; bottom:0; width:100%; height:0; background:rgba(0,0,0,0.5); transition:all 0.3s linear;}
.hm2A{ display:block; height:100%; position:relative; overflow:hidden; text-align:center; padding:0 0.3rem;}
.hm2Ico{ width:50px; margin:0 auto;}
.hm2Tit{ font-size:18px; color:#f5f5f5; line-height:24px; margin:0.1rem 0;}
.hm2Des{ font-size:14px; color:#f5f5f5; line-height:22px; height:66px; overflow:hidden;}
.hmBg2 .hmMore{ background:none; border:1px solid #FFFFFF; display:none;}
.hmBg3{ padding:0.6rem 0 1rem;}
.hmBg3 .hmTit{ color:#000000;}
.hm3Top{ margin:0 -0.18rem;}
.hm3Top li{ padding:0 0.18rem;}
.hm3Top li a{ display:block; font-size:16px; color:#666666; line-height:28px; padding-bottom:24px; position:relative;}
.hm3Top li a:after,.hm3Top li a:before{ display:block; content:""; position:absolute; left:50%; transform:translateX(-50%);}
.hm3Top li a:before{ bottom:15px; width:1px; height:0; background:#e62129; transition:all 0.3s linear;}
.hm3Top li a:after{ bottom:0; width:20px; height:0; background:url(../images/logoIcoRed.png) center center no-repeat; background-size:contain; transition:all 0.3s linear;}
.hm3Top li a.active{ color:#e62129;}
.hm3Top li a.active:before,.hm3Top li a.active:after{ height:11px;}
.hm3Bot{ margin-top:0.2rem; position:relative;}
.hm3Btn{ display:block; position:absolute; top:50%; transform:translateY(-50%); font-size:18px; color:#000000; font-family:Arial; cursor:pointer; text-transform:uppercase; transition:all 0.3s linear;}
.hm3Bot b,.oneCase b{ display:inline-block; vertical-align:middle; width:0.4rem; height:1px; background:#e62129; opacity:0.5; transition:all 0.3s linear;}
.hm3Bot i,.oneCase i{ margin:0 5px;}
.hmTitIco3{ background-image:url(../images/logoIcoRed.png);}
.hm3Prev{ left:-200px;}
.hm3Next{ right:-200px;}
.hm3Btn.swiper-button-disabled{ opacity:0.1;}
.hm3Bot .swiper-container,.oneCase .swiper-container{ padding:15px;}
.hm3A{ display:block; position:relative; max-width:380px; margin:0 auto; box-shadow:0 0 15px rgba(0,0,0,0.3);}
.hm3Img{ position:relative; overflow:hidden; padding-bottom:71%; height:0; width:100%;}
.hm3Img .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.4s linear;}
.hm3Logo{ position:absolute; left:0.2rem; top:0.2rem;}
.hm3Logo img{ max-height:48px;}
.hm3Hov{ position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(230,33,41,0.8); padding:0.2rem; opacity:0; visibility:hidden; transition:all 0.3s linear;}
.hm3Con{ height:100%; position:relative; border:1px solid rgba(255,255,255,0.2); display:flex; flex-direction:column; justify-content:flex-end; padding:0.16rem;}
.hm3Tit{ font-size:18px; color:#FFFFFF; line-height:200%; opacity:0; transform:translateX(-10px); transition:all 0.3s linear;}
.hm3Des{ font-size:14px; line-height:24px; max-height:48px; overflow:hidden; color:#FFFFFF; opacity:0; transform:translateX(10); transition:all 0.3s linear;}
.hm3More{ position:absolute; left:0.2rem; top:0.2rem; color:#FFFFFF; opacity:0; transform:translateY(-10px); transition:all 0.3s linear;}
.hm3More span{ display:inline-block; vertical-align:middle; width:0.4rem; height:1px; background:rgba(255,255,255,0.5); margin-left:0.1rem;}
.hmBg4{ background:url(../images/hmBg4.jpg) center center fixed no-repeat; background-size:cover; padding:70px 0 50px;}
.hmBg4 .hmMore{ border:1px solid #FFFFFF; background:none;}
.hm4{ display:flex; flex-wrap:wrap; overflow:hidden; margin:0.2rem 0;}
.hm4 li{ width:33.33%; border:1px solid rgba(255,255,255,0.2); margin-left:-1px; margin-top:-1px; margin-bottom:-1px;}
.hm4 li:nth-child(1) a,.hm4 li:nth-child(2) a,.hm4 li:nth-child(3) a{ padding-bottom:0.3rem;}
.hm4 li:nth-child(4) a,.hm4 li:nth-child(5) a,.hm4 li:nth-child(6) a{ padding-top:0.3rem;}
.hm4 li:nth-child(2) a,.hm4 li:nth-child(5) a{ padding-left:0.3rem; padding-right:0.3rem;}
.hm4 li:nth-child(3n){ border-right:none;}
.hm4 li:nth-child(3n) a{ padding-left:0.6rem;}
.hm4 li:nth-child(3n+1) a{ padding-right:0.6rem;}
.hm4A{ display:block; height:100%;}
.hm4Ico{ float:left; width:65px; margin-right:0.2rem;}
.hm4Rig{ overflow:hidden; color:#FFFFFF;}
.hm4Tit{ font-size:20px; line-height:120%; margin:5px 0; transition:all 0.3s linear;}
.hm4Tit2{ font-size:14px; line-height:24px; margin:10px 0 5px;}
.hm4Des{ font-size:14px; line-height:24px; height:48px; overflow:hidden; opacity:0.5; margin:5px 0;}
.hm4More{ opacity:0.5; margin-top:0.2rem;}
.hmBg4 .hmMore{ margin:0.5rem auto;}
.hmBg5{ background:url(../images/hmBg5.jpg) right bottom #FFFFFF no-repeat; padding:70px 0;}
.hmBg5 .hmTit{ color:#000000;}
.hm5Top{ margin-top:0.2rem; overflow:hidden;}
.hm5Top .swiper-container{ padding:5px;}
.hm5TopA{ display:block; height:0%; max-width:300px; padding-bottom:51%; box-shadow:0 0 10px rgba(0,0,0,0.2); background:#FFFFFF; position:relative; overflow:hidden;}
.hm5Logo{ position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; display:flex; align-items:center; transition:all 0.5s ease-in-out;}
.hm5Logo span{ display:block; padding:15px; width:100%;}
.hm5Logo img{ margin:0 auto; max-width:100%; max-height:100%;}
.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.hm5TopHov{ transform:translateY(100%); transition:all 0.5s linear;}
.hm5TopPage{ display:block; position:relative; width:100%; text-align:center; z-index:1; margin:0.4rem 0;}
.hm5TopPage .swiper-pagination-bullet i{ background:#e62129;}
.hm5TopPage .swiper-pagination-bullet-active{ background-image:url(../images/logoIcoRed.png);}
.hm5TopPage .swiper-pagination-bullet-active i{ width:0;}
.hm5Bot{ margin:0.3rem 0;}
.hm5BotA{ display:block;}
.hm5BotTime{ font-size:16px; color:#000000; line-height:28px; padding-left:40px; background:url(../images/hm5BotIco.png) left center no-repeat;}
.hm5BotTit{ font-size:18px; color:#000000; line-height:28px; margin:10px 0; transition:all 0.3s linear;}
.hm5BotDes{ font-size:14px; color:#999999; line-height:22px; height:66px; overflow:hidden; margin:10px 0;}
.hm5BotMore{ margin-top:0.2rem;}
.hm5BotMore span,.hm5BotMore b{ display:inline-block; vertical-align:middle;}
.hm5BotMore span{ width:40px; height:1px; background:#e62129; opacity:0.5; margin:0 5px 0 10px; transition:all 0.3s linear;}
.hm5BotMore b{ width:6px; height:11px; background:url(../images/arrow1.png) right center no-repeat;}
.hmBg6{ background:#e62129; color:#FFFFFF; padding:0.4rem 0;}
.hm6Rig{ float:right; width:58%; text-align:right;}
/*.hm6Rig .hmTitCn{ letter-spacing:0;}*/
.hm6RigCon{ font-size:16px; line-height:200%; margin:0.2rem 0;}
.hm6More{ display:block; color:#FFFFFF; margin-bottom:0.4rem;}
.hm6More:hover,.hm6More:focus{ color:#FFFFFF;}
.hm6More span::after{ height:0.4rem;}
.hm6Lef{ overflow:hidden; font-size:0; margin:0; float:left; width:42%;}
.hm6Lef li{ float:none; vertical-align:bottom; width:50%; margin:0.3rem 0; font-size:22px; line-height:160%; text-align:center;}
.hm6Num{ font-size:24px;}
.hm6Num span{ font-size:88px; line-height:100%;}
.hmBg7{ padding:0.7rem 0 1rem;}
.hmBg7 .hmTit{ color:#000000;}
.hm7Box{ margin-top:0.3rem;}
.hm7Item{ display:none; justify-content:space-between; flex-wrap:wrap;}
.hm7Item.active{ display:flex;}
.hm7Con{ height:100%; box-shadow:0 0 15px rgba(0,0,0,0.3);}
.hm7Con1,.hm7Con2{ width:28.5%;}
.hm7Con3{ width:40%; list-style:none; padding:20px 40px;}
.hm7Con1{ padding:0.2rem;}
.hm7Con1 a{ display:block;}
.hm7Con1Tit{ font-size:18px; line-height:20px; height:20px; color:#000000; transition:all 0.3s linear;}
.hm7Con1Time{ display:block; font-size:14px; color:#999999; line-height:28px; margin:10px 0;}
.hm7Con1Img{ padding-bottom:117%; height:0;}
.hm7Con2{ box-shadow:none;}
.hm7Con2 a{ display:block; padding:1px 30px; box-shadow:0 0 15px rgba(0,0,0,0.3); margin-bottom:16px;}
.hm7Con2 a:last-child{ margin-bottom:0;}
.hm7Con2 .hm7Con1Tit{ line-height:25px; height:25px; margin:13px 0;}
.hm7Con2Time{ margin-top:0.2rem; border-top:1px solid #e4e4e4; padding:18px 0; position:relative;}
.hm7Con2More{ float:right; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.hm7Con2More span{ display:inline-block; vertical-align:middle; width:40px; height:1px; background:#e62129; opacity:0.5; margin-left:10px; transition:all 0.3s linear;}
.hm7Con3 li{ padding:15px 0; border-bottom:1px solid #e4e4e4;}
.hm7Con3 li:last-child{ border-bottom:none;}
.hm7Con3 li a{ display:block;}
.hm7Con3Time{ float:left; width:90px; font-size:14px; font-family:Arial; color:#666666; padding-right:10px;}
.hm7Con3Time span{ display:block; font-size:48px; color:#333333; line-height:100%;}
.hm7Con3Rig{ overflow:hidden;}
.hm7Con3Rig .hm7Con1Tit{ line-height:25px; height:25px; margin-bottom:5px;}
.hm7Con3Des{ font-size:14px; color:#999999; line-height:22px; height:44px; overflow:hidden;}
.hmBg8{ position:relative; overflow:hidden; padding:70px 0 100px; background:url(../images/hmBg8.jpg) center center fixed no-repeat; background-size:cover;}
.hm8Box{ margin-top:0.2rem;}
.hm8Lef{ float:left; width:38%; color:#FFFFFF;}
.hm8Tab{ float:left; width:55px; list-style:none;}
.hm8Tab li{ font-size:14px; color:#FFFFFF; line-height:24px; margin-bottom:8px; position:relative;}
.hm8Tab li span{ position:relative; display:inline-block; vertical-align:middle; border-bottom:1px solid transparent; cursor:pointer;}
.hm8Tab li span:after{ display:none; content:""; width:5px; height:6px; background:url(../images/arrow2.png) right center no-repeat; position:absolute; right:-12px; top:50%; margin-top:-3px;}
.hm8Tab li.active{ color:#e62129;}
.hm8Tab li.active span{ border-bottom-color:#e62129;}
.hm8Tab li.active span:after{ display:block;}
.hm8Rig{ float:right; width:62%;}
.hm8Add{ overflow:hidden; border-left:1px solid rgba(255,255,255,0.1); padding:0 20px; font-size:16px; line-height:180%;}
.hm8Mes{ overflow:hidden;}
.hm8Mes li{ float:left; padding-left:10px; margin-bottom:10px;}
.hm8Mes li:nth-child(1){ width:35%;}
.hm8Mes li:nth-child(2){ width:65%;}
.hm8Mes li:nth-child(3){ width:100%;}
.hm8Input{ display:block; background:rgba(0,0,0,0.1); border:1px solid rgba(255,255,255,0.1); height:54px; line-height:24px; padding:15px; width:100%; font-size:16px; color:#FFFFFF; box-shadow:none; appearance:none; -webkit-appearance:none;}
.hm8Input:focus{ border-bottom-color:#e62129;}
.hm8Mes li:nth-child(1) .hm8Input:first-child{ margin-bottom:10px;}
textarea.hm8Input{ height:118px; resize:none;}
.hm8Sub{ display:inline-block; background:none; border:1px solid rgba(255,255,255,0.1); margin:0.1rem 0 0; cursor:pointer;}

.onLine{ position:fixed; right:50px; top:50%; z-index:1;}
.onLogo{ width:40px; height:40px; background:url(../images/onLogo.png) center center no-repeat; background-size:38px auto; cursor:pointer; position:relative; border-radius:50%;}
.onQQ,.onTel,.onWx{ position:absolute;}
.onQQ{ bottom:100%; left:50%; transform:translateX(-50%);}
.onTel{ right:100%; top:50%;transform:translateY(-50%);}
.onWx{ top:100%; left:50%; transform:translateX(-50%);}
.onH{ display:block; width:25px; height:1px; background:#e62129; transition:all 0.3s linear;}
.onS{ display:block; width:1px; height:25px; background:#e62129; margin:0 auto; transition:all 0.3s linear;}
.onQQ .onS{ margin-top:5px;}
.onWx .onS{ margin-bottom:5px;}
.onTel{ white-space:nowrap;}
.onLink{ display:block; transition:all 0.3s linear 0.3s;}
.onTel .onLink{ position:absolute; right:30px; top:50%; transform:translateY(-50%);}
.onTel .onH{ margin-right:5px;}
.onIco{ position:relative; /*background:rgba(255,255,255,0.4);*/ padding:7px; border-radius:50%;}
.onIco span{ display:block; opacity:0; visibility:hidden; white-space:nowrap; font-size:14px; color:#a1a1a1; position:absolute; transition:all 0.3s linear;}
.onQQ .onIco span{ bottom:100%; left:50%; transform:translateX(-50%); margin-bottom:5px;}
.onTel .onIco span{ right:100%; top:50%; transform:translateY(-50%); font-family:Arial; padding-right:5px; line-height:23px;}
.onWx .onIco span{ top:100%; left:50%; transform:translateX(-50%); margin-top:10px;}
.onLine.active .onIco img{ transform:scale(0); opacity:0; transition:all 0.3s linear;}
.onLine.active .onLink{ transform:scale(0); opacity:0; visibility:hidden; transition:all 0.3s linear;}
.onLine.active .onS{ height:0; transition:all 0.3s linear 0.3s;}
.onLine.active .onH{ width:0; transition:all 0.3s linear 0.3s;}

.breadcrumb{ padding:0; background:none; border-radius:0; line-height:30px; padding:10px 0; margin-bottom:0.1rem;}
.breadcrumb > li:first-child{ padding-left:25px; background:url(../images/breadNavBg.png) left center no-repeat;}
.breadcrumb > li + li::before{ content:">"; color:#FFFFFF; opacity:0.5; padding:0 5px;}
.breadcrumb > .active{ color:#FFFFFF;}
.category{ font-size:0;}
.category li{ font-size:16px; padding:0; padding-left:0.4rem;}
.category li:first-child{ padding-left:0;}
.category li a{ display:block; position:relative; padding:0.1rem 0;}
.category li a:after{ display:block; content:""; position:absolute; left:0; bottom:0; width:0%; height:1px; background:#ff0000;}
.category li a.active:after{ width:100%;}
.mainBg{ background-image:url(../images/mainBg.png); background-attachment:fixed; background-color:#FFFFFF; background-position:center 1.2rem; background-repeat:no-repeat; background-size:100% auto;}
.grayBg{ background-color:#F5F5F5;}
.whiteBg{ background:#FFFFFF;}
.whiteBg .banCir{ background:#FFFFFF;}
.mainBg .container{ position:relative;}
.banCir{ width:1.08rem; height:1.08rem; background:#F5F5F5; border-radius:50%; position:absolute; right:0; top:-0.3rem; flex-direction:column; justify-content:center;}
.banCir i{ display:block; width:20px; height:11px; background:url(../images/logoIcoRed.png) center center no-repeat; background-size:contain;}
.banCir span{ width:1px; height:0.4rem; position:relative; margin:0 auto; margin-top:0.1rem; overflow:hidden;}
.banCir span:after{ display:block; content:""; width:1px; height:100%; position:absolute; left:0; top:0; background:#ff0000; opacity:0.5; animation:banCir 3s linear infinite;}
.banCir + *{ padding-top:0.8rem;}
.caseList{ font-size:0; margin:0 -0.16rem; margin-bottom:0.6rem;}
.caseList li{ float:none; vertical-align:top; padding:0 0.16rem; margin-top:0.36rem;}
.caseList .hm3More{ font-size:14px;}
/*.page{ margin:0.6rem 0; text-align:center; font-size:0;}*/
/*.page a,.page span,.page input{ display:inline-block; vertical-align:middle; font-size:16px; font-family:Arial; margin:0 0.1rem; color:#222222;}*/


.pageNum{ width:60px; height:35px; border:1px solid #DDDDDD; text-align:center;}
.pageGo,.prev,.next{ width:43px; height:35px; line-height:35px;}
.pageGo{ background:#e62129; color:#FFFFFF !important; text-transform:uppercase; text-align:center;}
.prev,.next{ background-color:#eeeeee; background-position:center center; background-repeat:no-repeat;}
.prev{ background-image:url(../images/pagePrev.png);}
.next{ background-image:url(../images/pagNext.png);}
.page a.active{ color:#12447f;}
.mainBotBg{ padding:0.5rem 0; background:url(../images/mainBg2.jpg) center center no-repeat; background-size:cover;}
.mainBot{}
.mBL{ max-width:390px;}
.mBL_Tit{ padding-left:22px; background:url(../images/tel.png) left center no-repeat; font-size:14px; color:#000000; line-height:28px;}
.mainTel{ font-size:26px; line-height:200%; display:flex; justify-content:space-between; padding:0 0.2rem; flex-wrap:wrap;}
.mBL_Btn{ display:block; background:#ff0000; line-height:50px; border-radius:25px; color:#FFFFFF; text-align:center; font-size:18px; margin:0.1rem 0;}
.mBL_Btn img{ max-width:22px; margin-right:0.1rem;}
.mBL_Btn:hover,.mBL_Btn:focus{ color:#FFFFFF;}
.mBR{ margin:0 -6px;}
.mBR li{ padding:0.12rem 6px;}
.mBR_Con{ position:relative;}
.must{ position:absolute; left:0; top:0; width:35px; text-align:right; line-height:50px; color:#e62129;}
.mBR_Input{ display:block; background:#FFFFFF; line-height:30px; padding:10px; height:50px; border:none; width:100%; padding-left:35px;}
.mBR_Input:focus{ border-bottom:1px solid #e62129;}
.mBR_Btn{ display:block; position:absolute; right:0; top:0; line-height:50px; background:#e62129; font-size:18px; color:#FFFFFF; width:155px; text-align:center;cursor: pointer;}
.mBR_Btn:hover,.mBR_Btn:focus{ color:#FFFFFF;}
.mBR li:last-child .mBR_Con{ padding-right:170px;}
.caseBox{ padding-bottom:0.8rem;}
.caseLef{ float:left; width:68%; margin-bottom:0.1rem; float:none; width:100%; margin-bottom:0; font-size:14px; line-height:200%; color:#000000;}
.caseLef img{ max-width:100% !important; height:auto !important; margin:0 auto 0.4rem; box-shadow:0 0 20px rgba(0,0,0,0.05);}
.caseLef p{ margin:0.2rem 0;}
.caseRig{ float:right; width:26%;}
.caseTit{ font-size:30px; color:#333333; line-height:140%; margin-bottom:5px;}
.caseTitEn{ font-size:24px; color:#999999; line-height:125%; font-family:Arial; margin-bottom:5px;}
.caseText{ font-size:14px; color:#999999; line-height:24px;}
.caseText p{ margin:0.2rem 0;}
.caseShare{ margin:0.3rem 0;}
.caseShareIco{ display:inline-block; vertical-align:middle; font-size:12px; color:#333333; font-family:Arial; font-weight:bold; line-height:30px; padding:8px 0; padding-left:50px; background:url(../images/shareIco.png) left center no-repeat;}
.caseShareIco:hover,.caseShareIco:focus{ color:#333333;}
.casePage{ margin:0.2rem 0; display:flex; justify-content:center; text-align:center; padding-bottom:0.4rem;}
.casePage a{ flex:1; display:block; border:1px solid #cecece; font-size:14px; color:#333333; line-height:50px;}
.casePage img{ vertical-align:middle; margin:0 5px; margin-top:-2px;}
.casePage a.goList{ flex-grow: 0.5;}
.caseLef .mBL_Btn,.caseRig .mBL_Btn{ border-radius:0; line-height:40px; margin:0.3rem 0 0.6rem;}
.message{ margin:0.4rem 0;}
.messTit{ font-size:24px; color:#000000; margin:0.2rem 0;}
.messList{ margin:0.2rem 0 0.6rem;}
.messList li{ margin-bottom:0.24rem; position:relative;}
.messList li .must{ position:absolute; left:0; top:0; line-height:32px; width:auto;}
.messInput{ display:block; width:100%; line-height:32px; padding-left:7px; border:none; background:none; border-bottom:1px solid #898a8c;}
textarea.messInput{ resize:none;}
.messBtn{ display:block; width:167px; height:47px; line-height:47px; background:#2e2f33; font-size:14px; color:#FFFFFF; text-align:center; margin-top:0.3rem;}
.messBtn:hover,.messBtn:focus{ color:#FFFFFF;}
.soluCase li{ margin-bottom:0.2rem;}
.soluCase li a{ display:block; position:relative;}
.soluCaseImg{ height:148px; background:#000000; overflow:hidden;}
.soluCaseImg .imgBg{ height:100%; opacity:0.3; transition:all 0.3s linear;}
.soluCaseCon{ position:absolute; left:0; top:0; right:0; bottom:0; padding:0.2rem; color:#FFFFFF; font-size:14px; line-height:200%; display:flex; flex-direction:column; justify-content:center;}
.soluCaseCon h3{ font-size:18px; line-height:140%; margin:0.1rem 0;}
.soluCaseCon p{ opacity:0.5;}
.soluCaseCon .hm3More{ position:static; transform:translateY(0); opacity:1; margin:0.1rem 0;}
.newCase li{ margin:10px 0;}
.newCase li a{ font-size:14px; color:#666666; line-height:24px; transition:all 0.3s linear;}
.newCase span{ color:#ff0c0c; font-family:Arial;}
.caseBotBg{ padding:0.2rem 0; background:#FFFFFF;}
.caseBotBg .hmTit{ color:#000000;}
.caseBotBg .caseList{ margin-top:-0.2rem;}
.jianshe_hmBg .hmTit{ color:#000000;}
.oneBotBg{ background:url(../images/hmBg51.jpg) right bottom #f6f5f3 no-repeat;}
.oneBotBg .hm5BotTit{}
.oneCase{ margin-bottom:0.2rem; position:relative;}
.onepage{ padding-bottom:0.7rem; font-size:14px; color:#000000; line-height:200%;}
.oneBox1{ padding-bottom:0.8rem;}
.oneBox1Con{ float:left; width:50%; padding-right:90px;}
.oneBox1Con h3{ font-size:18px; line-height:160%; margin-bottom:0.3rem;}
.oneBox1Img{ float:left; width:50%; position:relative;}
.oneBox1Img img{ max-width:60%;}
.oneBox1En{ position:absolute; left:42%; top:85%; font-size:72px; font-family:Arial; color:#000000; opacity:0.1; line-height:90%; text-transform:uppercase;}
.oneBox2{ line-height:200%; padding-bottom:0.7rem;}
.oneBox2 h3{ font-size:18px; line-height:160%; margin-bottom:0.1rem;}
.oneBox2Con{ margin-left:40%; position:relative;}
.oneBox2Img{ position:absolute; right:100%; top:0; transform:translateY(-60%); margin-right:80px;}
.oneBox3{ font-size:0; padding-bottom:0.8rem;}
.oneBox3Img,.oneBox3Con{ display:inline-block; vertical-align:bottom; font-size:14px;}
.oneBox3Img{ width:45%; position:relative;}
.oneBox3Img img{ float:right;}
.oneBox3En{ left:0; top:0;}
.oneBox3Con{ width:55%; padding-left:3%;}
.oneBox3Con h3{ font-size:18px; line-height:160%; margin-bottom:0.1rem;}
.oneBox4{ position:relative; display:flex; justify-content:space-between; margin-bottom:0.8rem;}
.oneBox4 > div{ position:relative;}
.oneBox4Item1,.oneBox4Item2{ padding-right:15px;}
.oneBox4Item2{ padding-top:80px;}
.oneBox4Item3{ padding-top:200px;}
.oneBox4En{ position:absolute; right:0; text-align:right; text-transform:uppercase; font-size:0.9rem; font-family:Arial; color:#f9353d; line-height:90%; letter-spacing:0.1rem; transform:translateX(1.2rem);}
.oneBox4En2{ position:absolute; left:0; bottom:0; width:40%; text-align:center; font-size:30px; font-weight:bold; font-family:Arial; color:#000000; text-transform:uppercase; letter-spacing:0.08rem; transform:translateY(-200%);}
.honor .hmTit{ color:#000000;}
.honList .swiper-container{ padding:10px;}
.honList .hm5TopPage{ margin-bottom:0;}
.honImg{ height:0; padding-bottom:140%; position:relative; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,0.1);}
.honImg .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0; background-size:contain;}
.soluBox{ padding-bottom:0.86rem;}
.soluList{ list-style:none;}
.soluList li{ display:flex; background:#FFFFFF; transition:all 0.3s linear;}
.soluList li:nth-child(2n){ flex-direction: row-reverse;}
.soluImg,.soluText{ width:50%;}
.soluImg{ overflow:hidden;}
.soluImg .imgBg{ height:100%; transition:all 0.3s linear;}
.soluText{ padding:0.5rem; min-height:337px; display:flex; flex-direction:column; justify-content:center;}
.soluTit{ font-size:30px; color:#333333; line-height:100%;}
.soluTitEn{ font-size:14px; color:#FF0000; font-family:Arial; line-height:30px;}
.soluDes{ font-size:16px; color:#666666; line-height:30px;}
.soluDes p{ margin:0.1rem 0;}
.soluBotBg{ padding:0.2rem 0 0.7rem;}
.soluBotBg .hm3Bot{ margin-top:0;}
.conBox{ padding-bottom:65px;}
.contact{ background:#FFFFFF; margin-bottom:0.3rem; padding:0 50px 60px;}
.conAdd{ font-size:36px; color:#000000; line-height:50px; padding:25px 0; border-bottom:1px solid #e0e0e0; padding-left:25px; padding-left:40px; background:url(../images/conAdd.png) left center no-repeat;}
.conAdd span{ display:inline-block; vertical-align:middle; margin-right:0.2rem; position:relative; cursor:pointer;}
.conAdd span:after{ display:none; content:""; width:100%; height:2px; background:#f00101; position:absolute; left:0; bottom:-27px;}
.conAdd span.active:after{ display:block;}
.conText{ padding:42px 0 0;}
.conTit{ font-size:18px; color:#f00101; letter-spacing:1px; margin-bottom:0.2rem;}
.conLef{ float:left; width:60%; padding-right:15px; font-size:16px; color:#666666; line-height:24px;}
.conLef .conTit{ margin-bottom:0.1rem;}
.conRig{ float:right; width:40%;}
.conMes{ margin:0 -25px;}
.conMes li{ padding:0 25px; margin-bottom:0.3rem;}
.conMes li:last-child{ margin-bottom:0.1rem;}
.conMesInput{ display:block; border:none; border-bottom:1px solid #e5e5e5; width:100%; padding:10px 0; line-height:30px; height:50px; font-size:14px; color:#666666;}
.conMesInput:focus{ border-bottom-color:#f00101;}
.conMesBtn{ float:right; border:none; line-height:30px; height:30px; width:60px; text-align:center; background:#f00101; color:#FFFFFF;}
.conItem{ display:none; font-size:14px; color:#666666; line-height:28px;}
.conItem p{ margin:18px 0;}
.conItem strong{ display:inline-block; color:#000000; font-size:16px;}
.conItemCon{ float:left; width:50%;}
.join .hmTit{ color:#000000;}
.joinList{ list-style:none;}
.joinList li{ margin-bottom:0.14rem; background:#FFFFFF;}
.joinTop{ position:relative; padding:30px 0;}
.joinName{ float:left; width:27%; padding-left:7%; display:flex; flex-direction:column; height:90px; justify-content:center;}
.joinName span{ font-size:25px; color:#333333;}
.joinName strong{ font-size:14px; color:#f00101; font-family:Arial;}
.joinDes{ float:left; width:53%; border-left:1px solid #eeeeee; padding-left:5%; padding-right:3%; height:90px;}
.joinDesCon{ font-size:14px; color:#666666; line-height:30px; height:90px; overflow:hidden;}
.joinIco{ float:right; width:20%; height:90px; background:url(../images/joinIco.png) center center no-repeat;}
.joinBtn{ position:absolute; top:50%; left:100%; width:30px; height:30px; transform:translate(-50%,-50%); background-color:#f00101; background-image:url(../images/joinBtn1.png); background-repeat:no-repeat; background-position:center center; background-size:cover; cursor:pointer;}
.joinBot{ display:none; font-size:14px; color:#666666; line-height:30px; padding:30px 50px; border-top:1px solid #EEEEEE;}
.active .joinDesCon{ display:none;}
.active .joinBtn{ background-image:url(../images/joinBtn2.png);}
.webSite li{ margin-bottom:0.35rem; transition:none;}
.webSite li:last-child{ margin-bottom:0;}
.webSite .soluText{ min-height:386px;}
.webTit{ margin-bottom:0.2rem;}
.webNum{ float:left; width:1.06rem; height:1.06rem; border-radius:50%; text-align:center; display:flex; align-items:center; justify-content:center; color:#ff0000; font-size:36px; font-family:Arial; margin-right:0.2rem; font-weight:bold; position:relative;}
.webNum:after,.webNum:before{ display:block; content:""; position:absolute; left:0; right:0; bottom:0; top:0; border-radius:50%;}
.webNum:before{ border:0.08rem solid #fbfbfb;}
.webNum:after{ border-width:0.08rem; border-style:solid; border-color:#aaaaaa #aaaaaa #aaaaaa transparent; transform:rotate(30deg); transition:all 0.3s linear;}
.webTitCon{padding:0.3rem 0 0;}
.newsList{ margin:0 -0.09rem;}
.newsList li{ padding:0 0.09rem; margin-top:0.23rem;}
.newsLink{ display:block; padding:0.4rem 0; box-shadow:0 0 15px rgba(0,0,0,0.3); background:#FFFFFF;}
.newsTime{ width:25%; padding:20px 0 0; text-align:center;}
.newsTime i{ display:block; width:0.5rem; height:1px; background:#e7e7e7; margin:0.2rem auto;}
.newsCon{ overflow:hidden; border-left:1px solid #e7e7e7; padding:0 5% 0 8%;}
.newsTit{ font-size:18px; color:#000000; line-height:22px; height:22px; margin-bottom:10px; transition:all 0.3s linear;}
.newsDes{ font-size:14px; color:#666666; line-height:24px; height:72px; overflow:hidden; margin:10px 0;}
.newsCon .hm7Con2More{ position:static; float:none; transform:translateY(0); margin-top:20px;}
.newsCon .hm7Con2More i{ margin-left:0;}
.newsLef{ float:left; width:68.33%; background:#FFFFFF; padding:0.3rem 5%;}
.newsRig{ float:right; width:30%;}
.newsTop{ border-bottom:1px solid #dddddd; padding:0.2rem 0; position:relative; margin-bottom:0.5rem;}
.newsH1{ font-size:30px; color:#333333; letter-spacing:2px; line-height:140%;}
.newsClock{ font-size:14px; color:#999999; line-height:24px; margin:0.2rem 0;}
.newsClock span{ display:inline-block; vertical-align:middle; padding:0 10px;}
.share{ font-size:0; margin:0; text-align:right; position:absolute; right:0; bottom:0; transform:translateY(50%); background:#FFFFFF;}
.share li{ vertical-align:middle; padding:0; padding-right:10px;}
.share li:last-child{ padding-right:0;}
.share li a{ display:block; width:34px; height:34px; border:1px solid #bebebe; border-radius:50%; position:relative; transition:all 0.3s linear;}
.share li a:after{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; line-height:32px; font-family:FontAwesome; color:#aaaaaa; font-size:16px; text-align:center; transition:all 0.3s linear;}
.shareSina:after{ content:"\f18a";}
.shareQQ:after{ content:"\f1d6";}
.shareWx:after{ content:"\f1d7";}
.newsText{ font-size:16px; color:#666666; line-height:30px;}
.newsText p{ margin:0.2rem 0;}
.newsText img{ max-width:100% !important; height:auto !important; margin:0.2rem auto;}
.newsTag{ background:url(../images/newsTag.png) left 10px no-repeat; padding-left:25px; font-size:0; margin:0.26rem 0;}
.newsTag a{ display:inline-block; vertical-align:middle; font-size:14px; color:#ff0404; line-height:24px; padding:5px 0; border-bottom:1px dashed #DDDDDD;}
.newsTag a:after{ display:inline-block; content:""; vertical-align:middle; border-radius:50%; width:4px; height:4px; background:#ff0404; margin:0 5px;}
.newsTag a:last-child:after{ display:none;}
.newsBot{ border-top:1px solid #dddddd; overflow:hidden; padding:0.3rem 0 0.2rem;}
.newsPage{ float:left; width:80%; font-size:16px; color:#666666; line-height:40px;}
.newsPage p a{ color:#666666; padding-left:17px; background:url(../images/newsPageBg1.png) left center no-repeat; transition:all 0.3s linear;}
.goList2{ display:block; float:right; width:20%; max-width:127px; line-height:34px; background:#eeeeee; font-size:14px; color:#333333; text-align:center;}
.goList2 img{ vertical-align:middle; margin-right:5px; margin-top:-2px;}
.goList2:hover,.goList2:focus{ color:#333333;}
.newsRigBox{ background:#FFFFFF; margin-bottom:0.24rem; padding:10px 10%;}
.newsB1 li{ margin-bottom:0.2rem;}
.newsB1 li a{ display:block;}
.newsB1 img{ margin:0 auto 0.1rem; width:100%;}
.newsB1Tit{ font-size:18px; color:#000000; line-height:24px; margin:0.1rem 0;}
.newsB1Des{ font-size:14px; color:#666666; line-height:24px; max-height:48px; overflow:hidden;}
.newsB1 .hm7Con2More{ position:static; float:none; transform:translateY(0); margin:0.2rem 0 0.1rem;}
.newsB1 .hm7Con2More i{ margin-left:0;}
.full{ overflow:hidden; height:100%;}
#Home{ height:100%;}
.boxBg{ position:relative; overflow:hidden; height:100%;}
.boxBg1{ background:url(../images/boxBg1.jpg) center center no-repeat; background-size:cover;}
.boxBg2{ background:url(../images/boxBg2.jpg) center center no-repeat; background-size:cover;}
.boxBg3{ background:url(../images/boxBg3.jpg) center center no-repeat; background-size:cover;}
.boxBg4{ background:#e62129;}
.boxBg5{ background:#cccccc;}
.boxBg6{ background:url(../images/boxBg6.jpg) center center no-repeat; background-size:cover;}
.boxBg4 #particles .pg-canvas{ opacity:0.3;}
.boxBg4 .container{ position:relative; z-index:2;}
.box5Ani{ position:absolute; left:0; bottom:0; width:100%; height:80%;}
.boxCon{ text-align:center; color:#FFFFFF; padding-top:1rem; opacity:0;}
.fp-tableCell .boxCon{ opacity:1;}
.boxEn{ font-size:14px; line-height:24px; text-transform:uppercase; font-weight:bold; letter-spacing:1px; font-family: 'HelveticaNeueLT';}
.boxEn2 img{ margin:0 auto; vertical-align:middle;}
.boxCn{ font-size:0; overflow:hidden; margin-top:-2px;}
.boxCn i{ display:inline-block; vertical-align:middle; border:1px solid #FFFFFF; font-style:normal; font-size:50px; margin-left:-1px; padding:0 15px; min-width:0.74rem; overflow:hidden;}
.boxDes{ font-size:14px; line-height:24px; margin:0.4rem 0;}
.boxDes p{ margin:0.1rem 0;}
.boxMore a{ opacity:0.5; display:inline-block; vertical-align:middle; color:#FFFFFF; transition:all 0.3s linear;}
.boxMore i,.boxMore span,.boxMore b{ display:block;}
.boxMore i{ width:20px; height:11px; background:url(../images/logoIcoWhite.png) center center no-repeat; background-size:contain; margin:0 auto;}
.boxMore span{ width:1px; height:0.4rem; position:relative; margin:0.1rem auto; overflow:hidden; transform:translateX(1px);}
.boxMore span:after{ display:block; content:""; width:1px; height:100%; position:absolute; left:0; top:0; background:#FFFFFF; animation:banCir 3s linear infinite;}
.boxMore b{ font-weight:normal;}
.on .boxCon{ color:#363636;}
.on .boxCn i{ border-color:#363636;}
.on .boxMore a{ color:#363636;}
.on .boxMore i{ background-image:url(../images/logoIcoGrey2.png);}
.on .boxMore span:after{ background:#363636;}
#navPage{ position:fixed; left:25px; top:50%; transform:translateY(-50%); text-align:left; transition:all 0.1s ease-out 0s;}
#navPage li{ position:relative; margin:0.1rem 0;}
#navPage li a{ display:block; position:relative; width:13px; height:13px; border-radius:50%; border:1px solid #FFFFFF;}
#navPage li.active a{ height:0.4rem; background:#FFFFFF; border-color:transparent; border-radius:10px;}
#navPage li a:hover{ background:#FFFFFF;}
#navPage.on li a{ border-color:#e62129;}
#navPage.on li.active a{ background:#e62129;}
#navPage.on li a:hover{ background:#e62129;}
.mouse{ position:fixed; left:25px; top:80%; cursor:pointer;}
.mouseCir{ display:block; width:18px; height:28px; border:1px solid #cccccc; border-radius:10px; position:relative; margin:0 auto;}
.mouseCir i{ display:block; width:2px; height:6px; background:#cccccc; margin:5px auto;}
.mouseIco{ display:block; width:14px; height:20px; background:url(../images/mouseIco1.png) center center no-repeat; margin:0.1rem auto; position:relative; animation:mouse 2s linear infinite;}
.mouse.on .mouseCir{ border-color:#e62129;}
.mouse.on .mouseCir i{ background:#e62129;}
.mouse.on .mouseIco{ background-image:url(../images/mouseIco2.png);}

.onAskBg{ position:fixed; left:0; top:0; right:0; bottom:0; background:#000000; opacity:0.8; z-index:9; display:none;}
.onAsk{ position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); width:637px; height:429px; background:url(../images/onAskBg.png) center center no-repeat; background-size:cover; z-index:10; padding:60px 80px 0; opacity:0; visibility:hidden; margin-top:20px; transition:all 0.5s linear;}
.onAsk.active{ opacity:1; visibility:visible; margin-top:0;}
.onClose{ position:absolute; left:100%; top:0; margin-left:-19px; top:-22px; width:45px; height:44px; background:url(../images/close.png) center center no-repeat; background-size:contain; cursor:pointer;}
.onAskTip{ font-size:20px; color:#000000; line-height:150%;}
.onAskTip strong{ font-weight:normal; color:#e6212a;}
.onAskTel{ font-size:60px; color:#e6212a; font-family:Impact; letter-spacing:2px; line-height:140%;}
.onAskText{ font-size:20px; color:#333333; margin-top:30px;}
.onAskCon{ margin:10px auto; position:relative; padding-right:128px;}
.onAskBtn{ position:absolute; top:0; right:0; display:block; font-size:20px; color:#FFFFFF; width:128px; height:55px; line-height:55px; background:#e6212a; text-align:center;border: none;}
.onAskBtn:hover,.onAskBtn:focus{ color:#FFFFFF;}
.onAskInput{ display:block; width:100%; height:55px; border:1px solid #e6212a; line-height:33px; padding:10px; background:none; font-size:16px; color:#333333;}
.onAskBtn2{ display:block; width:206px; height:49px; background:url(../images/onAskBtnBg.png) center center no-repeat; font-size:20px; color:#FFFFFF; text-align:center; line-height:49px; margin:30px auto; position:relative;}
.onAskBtn2:after{ display:block; content:""; width:263px; height:56px; background:url(../images/onAskShadow.png) center bottom no-repeat; position:absolute; left:50%; top:-1px; transform:translateX(-50%); background-size:cover;}
.onAskBtn2:hover,.onAskBtn2:focus{ color:#FFFFFF;}

.newsletter-success{ color:#FFFFFF;}
.newsletter-error{ color:#FFFFFF;}

#undefind { width:100%; height:70%; max-width:500px; display:flex; align-items:center; padding:15px 0; margin:0 auto;}
.error{ display:flex; flex-direction:column; justify-content:center; min-height:100%; padding-bottom:10vh;}
.error{ text-align:center; font-size:16px; color:#3a3a3a; line-height:180%;}
.error img{ margin:0 auto; max-width:80%;}
.error h3{ font-size:30px; line-height:160%; margin:0.2rem 0;}
.errNav{ margin:0.3rem auto;}
.errNav li{ padding:2px;}
.errNav li a{ font-size:18px; color:#333333; display:block; line-height:200%; padding:0 0.2rem; box-shadow:3px 3px 2px rgba(0,0,0,0.1); border-radius:20px; background:#c2151f; color:#FFFFFF;}
.errHome{ font-size:14px;}

@media (min-width:1201px){

	.hmMore:hover{ box-shadow:2px 2px 0 rgba(0,0,0,0.3); transition:all 0.3s linear;}
	.hmMore:hover:after{ left:100%; transition:all 0.4s linear;}
	.hm1A:hover .hm1Img{ background:#666666; opacity:1; transform:scale(1); transition:all 1s linear;}
	.hm1A:hover .hm1Img .imgBg{ opacity:0.2; visibility:visible; transform:scale(1); transition:all 1s linear;}
	.hm1A:hover .hm1Ico img{ opacity:0; visibility:hidden; transition:all 0.5s linear;}
	.hm1A:hover .hm1Con{ top:-60px; transition:all 0.6s linear;}
	.hm1A:hover .hm1Tit,.hm1A:hover .hm1Des{ color:#FFFFFF;}
	.hm1A:hover .hm1Line{ margin:0.1rem auto;}
	.hm1A:hover .hm1More{ font-size:14px; color:#FFFFFF;}
	.hm1A:hover .hm1More span:after{ height:0.3rem; transition:all 0.5s linear 0.4s;}
	.hm2 li:hover .hm2Bg{ height:100%; transition:all 0.6s cubic-bezier(.66,.7,.9,-0.5);}
	.hm2 li:hover .hm2Ico img{ animation:swing 1s linear 1;}
	.hm3Top li a:hover{ color:#e62129;}
	.hm3Top li a:hover:before,.hm3Top li a:hover:after{ height:11px;}
	.hm3Top li a:hover:before{ transition-delay:0.3s;}
	.hm3A:hover .hm3Img .imgBg{ transform:scale(1.05); transition:all 0.8s linear;}
	.hm3A:hover .hm3Hov{ opacity:1; visibility:visible; transition:all 0.4s linear;}
	.hm3A:hover .hm3Tit,.hm3A:hover .hm3Des{ opacity:1; transform:translateX(0); transition:all 0.4s linear 0.3s;}
	.hm3A:hover .hm3More{ opacity:1; transform:translateY(0); transition:all 0.4s linear 0.5s;}
	.hm3Btn:hover{ color:#e62129;}
	.hm3Btn:hover b{ opacity:1;}
	.hm4A:hover .hm4Ico img{ animation:swing 1s linear 1;}
	.hm4A:hover .hm4Tit{ padding-left:5px;}
	.hm5TopA:hover .hm5Logo{ transform:translateY(-100%);}
	.hm5TopA:hover .hm5TopHov{ transform:translateY(0%);}
	.hm5BotA:hover .hm5BotTit{ color:#e62129;}
	.hm5BotA:hover .hm5BotMore span{ width:60px; opacity:1;}
	.hm6More:hover span::after{ height:0;}
	.hm7Con1 a:hover .hm7Con1Tit{ color:#e62129;}
	.hm7Con2 a:hover .hm7Con2More span{ opacity:1; width:50px;}
	.hm7Con2 a:hover .hm7Con1Tit{ color:#e62129;}
	.hm7Con3 li a:hover .hm7Con1Tit{ color:#e62129;}
	.friendList li a:hover{ opacity:1;}
	.ftCon a:hover{ color:#FFFFFF;}
	.onLink:hover .onIco span{ opacity:1; visibility:visible;}
	.category li a:not(.active):hover:after{ width:100%; transition:all 0.3s linear;}
	.page a:hover{ color:#12447f;}
	.mBL_Btn:hover img{ animation:swing 1s linear infinite;}
	.soluList li:hover{ box-shadow:0 0 20px rgba(0,0,0,0.1);}
	.soluList li:hover .soluImg .imgBg{ transform:scale(1.1); transition:all 2s linear;}
	.soluList li:hover .webNum:after{ border-color:#FF0000 #FF0000 transparent #FF0000; transform:rotate(120deg);}
	.newsLink:hover .newsTit{ color:#e62129; text-shadow:1px 1px 0 rgba(0,0,0,0.1);}
	.share li a:hover{ border-color:#ff0404;}
	.share li a:hover:after{ color:#FF0404;}
	.newsTag a:hover{ border-bottom-color:#ff0404;}
	.newsPage p a:hover{ color:#ff0000; background-image:url(../images/newsPageBg2.png);}
	.goList2:hover{ box-shadow:1px 0 0 #ff0000 inset; color:#333333;}
	.newsB1 li a:hover .newsB1Tit{ color:#FF0000; transition:all 0.3s linear;}
	.newsB1 li a:hover .hm7Con2More span{ width:50px;}
	.soluCase li a:hover .soluCaseImg .imgBg{ transform:scale(1.05);}
	.newCase li a:hover{ color:#ff0c0c;}
	.boxMore a:hover{ opacity:1;}
}
@media (min-width:1400px){
	.container{ width:1230px;}
}
@media (max-width:1600px){


	.hmTitEn{ font-size:50px;}
	.hm2 li{ padding:220px 0 80px;}
	.hmBg3{ padding:0.4rem 0 0.8rem;}
	.hmBg4{ padding:50px 0 30px;}
	.hmBg5{ padding:30px 0 50px;}
	.hmBg7{ padding:0.4rem 0 0.8rem;}
	.hmBg8{ padding:0.4rem 0 0.8rem;}
	.hm6Lef li{ font-size:16px;}
	.hm6Num{ font-size:20px;}
	.hm6Num span{ font-size:68px;}
	.hm6RigCon{ margin:0 auto 0.2rem; font-size:14px;}
	.hm3Mob{ text-align:center; margin-top:0.3rem;}
	.hm3Btn{ position:static; display:inline-block; vertical-align:middle; margin:0 10px; transform:translateY(0);}
	.onLine{ right:35px;}
	.banInner,.banInner .imgBg{ height:420px;}
}
@media (max-width:1400px){

	.hmTitEn{ font-size:40px;}
	.hm2 li{ padding:200px 0 80px;}
	.hmBg3{ padding:0.3rem 0 0.6rem;}
	.hm4Ico{ width:55px;}
	.hm4Tit{ font-size:18px;}
	.hmBg7{ padding:0.4rem 0 0.6rem;}
	.hm7Con2 a{ padding:1px 20px;}
	.hm7Con2Time{ padding:13px 0;}
	.hm7Con3{ padding:10px 30px;}
	.banDes{ font-size:14px; line-height:22px;}
	.category li{ font-size:14px; padding-left:0.2rem;}
	.category li a{ padding:0.08rem 0;}
	.mBL_Btn,.mBR_Btn{ font-size:16px;}
	.caseTit{ font-size:24px;}
	.caseTitEn{ font-size:20px;}
	.messTit{ font-size:20px;}
	.oneBox1{ padding-bottom:0.5rem;}
	.oneBox2{ padding-bottom:0.5rem;}
	.oneBox3{ padding-bottom:0.5rem;}
	.oneBox4{ margin-bottom:0.5rem;}
	.oneBox1Con{ padding-right:40px;}
	.oneBox1En{ font-size:62px;}
	.oneBox2Img{ margin-right:40px; transform:translateY(-40%);}
	.oneBotBg{ background-size:30% auto;}
	.soluText{ padding:0.4rem; min-height:310px;}
	.soluTit{ font-size:24px;}
	.soluDes{ font-size:14px; line-height:24px;}
	.contact{ padding:0 30px 40px;}
	.conAdd{ font-size:30px; padding:10px 0; padding-left:25px;}
	.conTel{ font-size:30px;}
	.joinName{ padding-left:5%;}
	.webNum{ width:0.9rem; height:0.9rem;}
	.webSite .soluText{ min-height:330px;}
	.boxEn2 img{ max-height:70px;}
	.boxCn i{ font-size:40px;}
	.conAdd span:after{ bottom:-12px;}
	.conMes{ margin:0 -15px;}
	.conMes li{ padding:0 15px;}
	.onAsk{ width:450px; height:303px; padding:40px 40px 0;}
	.onClose{ width:36px; height:36px; top:-20px; margin-left:-15px;}
	.onAskTip{ font-size:18px;}
	.onAskTel{ font-size:36px;}
	.onAskText{ font-size:16px; margin-top:20px;}
	.onAskCon{ padding-right:100px;}
	.onAskBtn{ font-size:18px; width:100px; height:44px; line-height:44px; top:0;}
	.onAskInput{ height:44px; line-height:22px;}
	.onAskBtn2{ margin:20px auto; width:160px; height:38px; line-height:38px; font-size:16px;}
	.onAskBtn2:after{ width:200px; height:43px;}
}
@media (max-width:1200px){
	.hmTitEn{ font-size:34px;}
	.hmTitCn{ font-size:18px;}
	.hm1Ico{ width:70px; height:70px;}
	.hm1Tit{ font-size:20px; line-height:24px;}
	.hmBg1 .hmTitEn{ font-size:20px;}
	.hm1More{ color:#999999;}
	.hm1More .hmTitIco{ background-image:url(../images/logoIcoRed.png);}
	.hmBg2{ padding:0.3rem 0;}
	.hmBg2 .hmTit{ position:static; transform:translateX(0);}
	.hm2 li{ padding:0 0 0.3rem;}
	.hm2A{ padding:0 10px;}
	.hm3Top{ margin:0 -0.1rem;}
	.hm3Top li{ padding:0 0.1rem;}
	.hmBg4{ padding:0.3rem 0;}
	.hm4Ico{ width:45px;}
	.hm4 li:nth-child(3n) a{ padding-left:0.3rem;}
	.hm4 li:nth-child(3n+1) a{ padding-right:0.3rem;}
	.hm4 li:nth-child(2) a, .hm4 li:nth-child(5) a{ padding-left:0.15rem; padding-right:0.15rem;}
	.hmBg5{ padding:0.3rem 0 0.5rem; background-size:25% auto;}
	.hm6More{ color:#FFFFFF; margin-bottom:0.2rem;}
	.hm6More .hmTitIco{ background-image:url(../images/logoIcoWhite.png);}
	.hm6More span:after{ height:0.2rem;}
	.hm7Con1Tit{ font-size:16px;}
	.hm7Con1Img{ height:308px; padding-bottom:0;}
	.hm7Con3{ padding:7px 20px;}
	.hm7Con3 li{ padding:13px 0;}
	.hm7Con3Time{ width:70px;}
	.hm7Con3Time span{ font-size:36px;}
	.ftTit{ font-size:16px;}
	.banInner,.banInner .imgBg{ height:3.8rem;}
	.banDouHao{ background-image:url(../images/banDouHao2.png); margin:0.1rem 0; display:none;}
	.banLef,.banRig{ float:none; width:100%; text-align:left; max-width:100%;}
	.banH2{ font-size:18px; line-height:24px; margin:13px 0; color:#FFFFFF;}
	.banH2 strong{ font-size:20px; margin-right:0.1rem;}
	.banH2 img{ max-width:16px; margin-left:0.1rem;}
	.banDes{ display:none;}
	.banRig a,.breadcrumb > .active,.breadcrumb > li + li:before{ color:#000000;}
	.banRig{ padding-top:0.16rem;}
	.breadcrumb{ margin:0; padding:0;}
	.breadcrumb > li:first-child{ background-image:url(../images/breadNavBg2.png);}
	.category li{ padding-left:0; padding-right:0.2rem;}
	.banCir{ display:none;}
	.banCir + *{ padding-top:0;}
	.caseList{ margin:0 -0.1rem 0.5rem;}
	.caseList li{ padding:0 0.1rem;}
	.caseList li{ margin-top:0.2rem;}
	.page{ margin:0.5rem 0;}
	.caseBox{ padding:0.4rem 0;}
	.caseLef,.caseRig{ float:none; width:100%;}
	.caseTitEn{ margin-bottom:0.2rem;}
	.onepage{ padding:0.4rem 0;}
	.oneBox1En{ font-size:0.5rem;}
	.oneBox2Img{ transform:translateY(-20%);}
	.oneBotBg{ background-size:25% auto;}
	.oneBox3Img img{ max-width:70%;}
	.soluBox{ padding:0.6rem 0;}
	.conBox{ padding:0.6rem 0;}
	.contact{ padding:0 0.3rem 0.3rem;}
	.conAdd{ font-size:24px;}
	.conText{ padding:0.3rem 0 0;}
	.conLef,.conRig{ float:none; width:100%; font-size:14px; padding:0;}
	.conLef{ padding-bottom:15px;}
	.joinTop{ padding:0.2rem 0;}
	.joinName{ padding-left:0.3rem;}
	.joinName span{ font-size:20px;}
	.joinName strong{ font-size:12px;}
	.joinBot{ padding:0.3rem;}
	.newsList{ padding-top:0.3rem;}
	.newsTime{ width:20%;}
	.newsCon{ padding:0 5%;}
	.soluCase{ font-size:0; margin:0 -5px;}
	.soluCase li{ display:inline-block; vertical-align:middle; width:50%; padding:5px;}
	.newsLef{ padding:0.3rem 0.3rem;}
	.newsH1{ font-size:24px;}
	.newsClock{ margin:0.1rem 0;}
	.newsText{ font-size:15px; line-height:28px;}
	.newsPage{ font-size:14px; line-height:30px;}
	.newsRigBox{ padding:5px 0.2rem;}
	.boxCon{ padding-top:0.5rem;}
	.boxEn2 img{ max-height:60px;}
	.boxCn i{ font-size:30px; min-width:0.5rem;}
	.boxDes{ margin:0.3rem 0;}
	.boxMore span{ height:0.3rem;}
	.onLine{ display:none;}
}
@media (max-width:991px){
	.hm1Tit{ font-size:18px;}
	.hm2 li{ width:33.33%;}
	.hm3Bot .swiper-container,.oneCase .swiper-container{ padding:0;}
	.hm3A{ box-shadow:none;}
	.hm3Btn{ font-size:16px;}
	.hm4 li{ width:50%;}
	.hm4 li a{ padding:15px !important;}
	.hm4 li:nth-child(3n){ border-right:1px solid rgba(255,255,255,0.2);}
	.hm4 li:nth-child(2n){ border-right:none;}
	.hm5TopA{ box-shadow:0 0 2px rgba(0,0,0,0.3);}
	.hm6Rig,.hm6Lef{ float:none; width:100%;}
	.hm6Rig{ text-align:left;}
	.hm6Rig .hmTit{ text-align:left;}
	.hm6More span:after{ display:none;}
	.hm7Con{ width:100%; margin-bottom:10px;}
	.hm7Con1Img{ height:3rem; display:none;}
	.hm7Con2 a{ margin-bottom:0;}
	.hm7Con2 a:last-child{ display:none;}
	.hm7Con3 li:nth-child(2){ border-bottom:none;}
	.hm7Con3 li:nth-child(3),.hm7Con3 li:nth-child(4){ display:none;}
	.hm7Con3Des{ height:auto; max-height:44px;}
	.hm8Lef,.hm8Rig{ float:none; width:100%;}
	.hm8Lef{ margin-bottom:0.3rem;}
	.hm8Mes li:nth-child(1){ padding-left:0;}
	.ftLef,.ftRig{ float:none; width:100%;}
	.ftLef{ margin-bottom:15px;}
	.mBL{ max-width:100%; margin-bottom:0.2rem;}
	.mBL_Btn,.mBR_Btn{ line-height:42px;}
	.mBR li{ padding:5px 6px;}
	.mBR_Input{ height:42px; padding-top:6px; padding-bottom:6px; padding-left:20px;}
	.must{ width:20px;}
	.oneBox1Con{ float:none; width:100%; padding:0 0 0.3rem;}
	.oneBox1Con h3{ margin-bottom:0.2rem;}
	.oneBox1Img{ float:none; width:100%;}
	.oneBox1En{ left:auto; right:0; top:0;}
	.oneBox2Con{ margin-left:0;}
	.oneBox2Img{ display:none;}
	.oneBox3Img,.oneBox3Con{ display:block;  width:100%; overflow:hidden;}
	.oneBox3Img{ margin-bottom:0.3rem;}
	.oneBox3Img img{ max-width:60%;}
	.oneBox3En{ left:0; right:auto; bottom:0; top:auto;}
	.oneBox3Con{ padding-left:0;}
	.oneBox4{ display:block; padding-right:2rem;}
	.oneBox4 > div{ display:block; padding:0; margin:0.3rem 0;}
	.oneBox4En2{ position:static;}
	.oneBox4En{ font-size:0.6rem;}
	.soluText{ padding:0.3rem;}
	.soluTit{ font-size:20px;}
	.soluTitEn{ font-size:12px; line-height:20px;}
	.conAdd{ font-size:20px; line-height:40px;}
	.conLef,.conMap{ float:none; width:100%;}
	.conLef{ display:block; min-height:0; margin-bottom:0.3rem;}
	.conTel{ font-size:24px;}
	.conInfor{ flex-wrap:wrap;}
	.conInfor li{ margin-bottom:10px;}
	.conMap{ height:3rem;}
	.joinDes{ display:none;}
	.joinIco{ display:none;}
	.joinName{ display:block; height:auto; padding:0 0.3rem; float:none; width:100%;}
	.newsLink{ padding:0.3rem 0;}
	.newsTit{ font-size:16px; margin-bottom:5px;}
	.newsDes{ margin:5px 0;}
	.newsCon .hm7Con2More{ margin-top:10px;}
	.newsLef,.newsRig{ float:none; width:100%;}
	.newsLef{ margin-bottom:0.2rem;}
	.newsB1{ font-size:0; margin:0 -5px;}
	.newsB1 li{ display:inline-block; vertical-align:top; width:50%; padding:5px;}
	.newsB1Tit{ font-size:16px;}
	.newsB1 li:nth-child(3){ display:none;}
	.boxEn{ font-size:12px; line-height:20px;}
	.boxEn2 img{ max-height:0.8rem;}
	.boxCn{ margin-top:-1px;}
	.boxCn i{ font-size:0.38rem; line-height:0.7rem; min-width:0; padding:0 0.2rem;}
	#navPage,.mouse{ left:0.1rem;}
	#navPage{ display:none;}
	.mouse{ top:auto; bottom:2%; left:auto; right:15px;}
}
@media (max-width:767px){
	.joinTop{ padding-right:30px;}
	.joinBtn{ transform:translate(0,-50%); left:auto; right:15px;}
	.joinName span{ font-size:16px;}
	.newsLink{ display:flex; justify-content:center; align-items:center;}
	.newsTime{ padding:0; white-space:nowrap; padding:0 15px;}
	.newsCon{ padding:0 0.3rem;}
	.newsDes{ height:auto; max-height:72px;}
}
@media (max-width:640px){
	.hm1Ico{ max-width:40%; height:auto; width:auto;}
	.hmTitEn{ font-size:28px;}
	.hm1Tit{ font-size:16px;}
	.hm2 li{ width:50%;}
	.hm2 li:nth-child(5){ display:none;}
	.hm2Ico{ width:40px;}
	.hm2Tit{ font-size:16px;}
	.hmBg2 .hmMore{ display:block;}
	.hm3Top li a{ font-size:15px;}
	/*.hm4 li{ width:100%; border-right:none !important;}*/
	/*.hm4 li a{ padding:15px 0 !important;}*/
	.hm4{ margin:0.2rem -15px;}
	.hm4 li:nth-child(5),.hm4 li:nth-child(6){ display:none;}
	.hm4 li a{ padding:15px 10px !important;}
	.hm4Ico{ width:0.5rem; margin-right:0.1rem;}
	.hm4Tit{ font-size:16px;}
	.hm4Des{ height:auto; max-height:48px;}
	.hm5BotTit{ font-size:16px;}
	.hm6Lef li{ font-size:14px;}
	.hm6Num{ font-size:16px;}
	.hm6Num span{ font-size:0.8rem;}
	.hm8Add{ font-size:14px;}
	.hm8Mes li{ width:100% !important; padding-left:0;}
	.hm8Input{ height:44px; padding:10px 15px; font-size:14px;}
	.ftLef{ margin-bottom:15px;}
	.ftLef li{ float:none; width:100% !important; margin-bottom:0; border-bottom:1px dashed rgba(255,255,255,0.2); padding:15px 0;}
	.ftLef li:last-child{ border-bottom:none;}
	.ftTit{ line-height:24px; margin:0;}
	.ftCon{ font-size:0; margin-right:-10px;}
	.ftCon p{ font-size:14px; display:inline-block; vertical-align:middle; padding-right:10px; width:auto !important;}
	.friendTit{ float:none;}
	.friendList{ margin-left:0;}
	.caseList .hm3Logo{ width:80%;}
	.caseList .hm3Logo img{ max-width:50%;}
	.caseTit{ font-size:20px;}
	.caseTitEn{ font-size:16px;}
	.soluList li{ display:block;}
	.soluImg,.soluText{ width:100%;}
	.soluImg{ height:4rem;}
	.soluText{ display:block; min-height:0;}
	.soluTit{ font-size:18px;}
	.webNum{ font-size:0.44rem;}
	.webSite .soluText{ min-height:0;}
	.newsH1{ font-size:22px; letter-spacing:1px;}
	.newsPage,.goList2{ float:none; width:100%;}
	.goList2{ margin-top:0.2rem;}
	.boxBg .ftLef{ display:none;}
	.boxBg .friendLink{ display:none;}
	#navPage li a{ width:8px; height:8px;}
	.mouseCir{ width:14px; height:24px;}
	.mouseIco{ background-size:11px auto;}
	.conLef .conTit{ margin-bottom:0.2rem;}
	.conItemCon{ float:none; width:100%;}
	.conItem p{ margin:0.14rem 0;}

	.onAsk{ width:5.6rem; height:3.77rem; padding:0.4rem 0.4rem 0;}
	.onClose{ width:0.5rem; height:0.5rem; top:-0.28rem; margin-left:-0.2rem;}
	.onAskTip{ font-size:0.28rem;}
	.onAskTel{ font-size:0.5rem;}
	.onAskText{ font-size:0.26rem; margin-top:0.15rem;}
	.onAskCon{ padding-right:1.6rem;}
	.onAskBtn{ font-size:0.26rem; width:1.6rem; height:0.6rem; line-height:0.6rem;}
	.onAskInput{ height:0.6rem; line-height:0.38rem; padding:0.1rem; font-size:0.26rem;}
	.onAskBtn2{ margin:0.2rem auto; width:2rem; height:0.48rem; line-height:0.48rem; font-size:0.26rem;}
	.onAskBtn2:after{ display:block; width:2.6rem; height:0.55rem;}

	.error{ font-size:0.28rem;}
	.error h3{ font-size:0.36rem;}
	.errNav li a{ font-size:0.32rem;}
}
@media (max-width:460px){
	/*.hm1 li{ width:100%;}*/
	.hmMore{ width:150px; height:34px; line-height:32px;}
	.hm1Des{ height:auto; max-height:66px; display:none;}
	.hm3Top li a{ padding-bottom:9px; font-size:14px;}
	.hm3Top li a:before{ display:none;}
	.hm3Btn{ font-size:14px;}
	.hm4Ico{ float:none; margin:0 0 0.1rem; width:0.6rem;}
	.page a{ min-width:20px;}
	.pageNum,.pageTotal,.pageGo{ display:none !important;}
	.mainTel{ font-size:20px; line-height:30px;}
	.mBR li:last-child .mBR_Con{ padding-right:105px;}
	.mBR_Btn{ width:95px;}
	.caseTit{ font-size:18px;}
	.caseTitEn{ font-size:14px;}
	.caseShareIco{ background-size:30px auto; padding-left:35px;}
	.casePage a{ line-height:40px;}
	.messTit{ font-size:18px;}
	.messBtn{ height:40px; line-height:40px;}
	.soluCaseCon h3{ font-size:16px;}
	.oneBox1Con h3,.oneBox2 h3,.oneBox3Con h3{ font-size:16px;}
	.oneBox4{ padding-right:0;}
	.oneBox4En{ position:static;}
	.oneBox4En2{ font-size:20px;}
	.honImg{ padding-bottom:80%;}
	.soluTit{ font-size:16px;}
	.soluCase li{ width:100%;}
	.soluCaseCon h3{ font-size:16px;}
	.newsTime{ width:80px;}
	.newsH1{ font-size:18px;}
	.newsText{ font-size:14px;}
	.conItem strong{ font-size:14px;}
	.footCen h4{ font-size:14px;}
}
@media (max-width:360px){
	.ftWechat{ float:none; margin:0 auto;}
	.copyRight{ text-align:center;}
}
/*20190715 微信分享*/
.share .shareWx .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all .2s;-webkit-tansition:all .35s;-moz-transition:all .35s}
.share .shareWx .wechat-qrcode.bottom{top:40px;left:-84px}
.share .shareWx .wechat-qrcode.bottom:after{display:none}
.share .shareWx .wechat-qrcode h4{font-weight:400;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}
.share .shareWx .wechat-qrcode .qrcode{width:105px;margin:10px auto}
.share .shareWx .wechat-qrcode .qrcode table{margin:0!important}
.share .shareWx .wechat-qrcode .help p{font-weight:400;line-height:16px;padding:0;margin:0;font-size:12px}
.share .shareWx .wechat-qrcode:after{content:"";position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px;border-style:solid;border-color:#fff transparent transparent}
.share .shareWx:hover .wechat-qrcode{display:block}