@charset "utf-8";
/*header*/
.logo{ padding:0; padding-left:70px; height:80px; transition:all 0.3s linear;}
.logo span{ display:block; width:100%;}
.logo img{ width:auto; height:30px;}
.logo .shows{ display:none;}
.logo .hides{ display:block;}
nav.navbar.bootsnav{ position:absolute; left:0; top:0; width:100%; background:#FFFFFF; border-bottom-color:#dfdee5; color:#666666; z-index:2;}
nav.navbar.bootsnav ul.nav{ position:relative; max-width:1200px; margin:0 auto; float:none; letter-spacing:2px;}
nav.navbar.bootsnav ul.nav > li > a,.attr-nav > ul > li > a{ color:#666666; font-weight:normal;}
nav.navbar.bootsnav ul.nav > li{ padding:0; margin:0; padding-right:5px;}
nav.navbar.bootsnav ul.nav > li > a{ font-size:16px; padding:30px 10px 20px; line-height:30px; color:#000000; transition:all 0.3s linear;}
nav.navbar.bootsnav ul.nav > li > a:after{ content:"" !important; margin:0 !important; position:absolute; left:0; top:0; width:100%; height:0; background:#e62129; transition:all 0.3s linear;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{ width:140px; min-width:140px; background:rgba(255,255,255,0.65); border:none; text-align:center; left:50%; margin-left:-70px; animation-duration:0.5s;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li{ border-bottom:1px solid rgba(255,255,255,0.65);}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child{ border:none;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{ font-size:14px; border:none; color:#333333; background:none !important; transition:all 0.4s linear;}
nav.navbar.bootsnav ul.nav > li.active > a,nav.navbar.bootsnav ul.nav > li.on a{ color:#000000;}
nav.navbar.bootsnav ul.nav > li.active > a:hover,nav.navbar.bootsnav ul.nav > li.active > a:focus{ color:#000000;}
.navRig{ line-height:80px; font-size:0; margin:0; position:relative; z-index:1;}
.navRig > ul{ vertical-align:middle; margin:0; font-size:0;}
.navRig > ul > li{ margin-left:15px;}
.navRig > ul > li.navTel{ margin-left:70px;}
.navRig > ul > li > a{ font-size:14px; display:inline-block; vertical-align:middle; padding:0; text-align:center; transition:all 0.4s linear;}
.navRig > ul > li:not(.navTel) > a > i{ position:relative; top:5px;}
.navRig > ul > li.on > a,nav.navbar.bootsnav.no-background.white .attr-nav > ul > li.on > a{}
.navTel{ width:260px; padding:0 0.2rem; text-align:right; border-left:1px solid #e1e4eb;}
.navTel span,.navTel strong{ display:block; line-height:normal; text-align:right;}
.navTel span{ font-size:12px; line-height:24px; color:#666666;}
.navTel strong{ font-size:26px; font-family:Arial; color:#e62129;}
.MenuBtn{ width:30px; height:30px; cursor:pointer; padding-top:9px; margin:30px 10px 20px; position:relative; transition:all 0.3s linear;}
.MenuBtn span{ display:block; width:16px; height:2px; background:#000000; margin:0 auto; transition:all 0.3s linear;}
.MenuBtn span:nth-child(2){ margin:3px auto;}
.MenuBtn.active span:nth-child(2){ opacity:0; transform:translateX(100%);}
.MenuBtn.active span:nth-child(1){ transform:rotate(45deg) translate(4px,3px);}
.MenuBtn.active span:nth-child(3){ transform:rotate(-45deg) translate(4px,-3px);}

nav.navbar.bootsnav.no-background{ border-bottom:2px solid rgba(255,255,255,0.2); transition:all 0.3s linear;}
nav.navbar.bootsnav.no-background:after{ display:none;}
nav.navbar.bootsnav.no-background .logo{ height:90px; transition:all 0.3s linear;}
nav.navbar.bootsnav.no-background .logo .shows{ display:block;}
nav.navbar.bootsnav.no-background .logo .hides{ display:none;}
nav.navbar.bootsnav.no-background ul.nav > li > a{ padding:35px 10px 25px;}
nav.navbar.bootsnav.no-background ul.nav > li > a:after{ background:#FFFFFF;}
nav.navbar.bootsnav.no-background ul.nav > li.active > a:hover,nav.navbar.bootsnav.no-background ul.nav > li.active > a:focus{ color:#FFFFFF;}
nav.navbar.bootsnav.no-background .MenuBtn{ margin:35px 10px 25px;}
nav.navbar.bootsnav.no-background .MenuBtn span{ background:#FFFFFF;}
nav.navbar.bootsnav.no-background .navRig{ line-height:90px;}
nav.navbar.bootsnav.no-background .navRig > ul > li:not(.navTel) > a > i{ top:10px;}
nav.navbar.bootsnav.no-background .navTel{ border-left:1px solid rgba(255,255,255,0.2);}
nav.navbar.bootsnav.no-background .navTel span,nav.navbar.bootsnav.no-background .navTel strong{ color:#FFFFFF;}

nav.navbar.bootsnav.MenuCut{ background:#FFFFFF; border-bottom-color:#dfdde4}
nav.navbar.bootsnav.MenuCut .logo .shows{ display:none;}
nav.navbar.bootsnav.MenuCut .logo .hides{ display:block;}
nav.navbar.bootsnav.MenuCut ul.nav > li > a,nav.navbar.bootsnav.MenuCut ul.nav > li.active > a, nav.navbar.bootsnav ul.nav.MenuCut > li.on a{ color:#000000 !important;}
nav.navbar.bootsnav.MenuCut .MenuBtn span{ background:#000000;}
nav.navbar.bootsnav.MenuCut .navRig > ul > li > a{ color:#666666 !important;}
nav.navbar.bootsnav.MenuCut .navTel span{ color:#666666;}
nav.navbar.bootsnav.MenuCut .navTel strong{ color:#e62129;}

.menuBg{ position:fixed; left:0; width:100%; top:auto; z-index:2; background:#e1e4eb; display:none;}
.menuList{ max-width:1200px; margin:0 auto; padding:0.2rem 0 0.4rem; padding-right:100px; position:relative; font-size:0;}
.menuList li{ display:inline-block; vertical-align:top; width:33.33%; margin-bottom:10px;}
.menuList li h3{ margin:0.14rem 0;}
.menuList li h3 a{ display:block; font-size:16px; color:#000000; line-height:24px;}
.menuSub{ font-size:0; margin:0.14rem 0; max-width:310px;}
.menuSub a{ display:inline-block; vertical-align:top; width:33.33%; font-size:14px; line-height:24px; color:#666666;}
.menuList li.last{ display:block; position:absolute; right:0; top:0.2rem; width:auto; text-align:right;}
.menuList li.last a{ margin-bottom:0.1rem;}

.banner{ height:100%; overflow:hidden; position:relative;}
.banner .swiper-slide{ position:relative; overflow:hidden; background:#000000;}
.banImg{ height:100%; transform:scale(1); transition:all 3s linear;}
.banner .swiper-slide-active .banImg{ transform:scale(1.1); transition:all 6s linear;}
.banLefBg,.banRigBg{ display:block; position:absolute; top:0; width:100%; height:100%;}
.banLefBg{ left:0; background:url(../images/ban0Bg1.png) center center no-repeat; background-size:cover;}
.banRigBg{ right:0; background:url(../images/ban0Bg2.png) center center no-repeat; background-size:cover;}
.banName{ position:absolute; left:0; top:0; right:0; bottom:0; background:url(../images/banWangJian.png) center center no-repeat; background-size:100% auto; z-index:1;}
#particles{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;}
#particles .pg-canvas{ opacity:0.1;}
.banText li{ position:absolute; left:50%; top:50%; transform:translate(-50%,-30%); color:#FFFFFF; text-align:center; width:100%; max-width:1400px; padding:0 15px; display:none;}
.banTextEn{ font-size:88px; line-height:80%; text-transform:uppercase;}
.banTextCn{ font-size:48px; line-height:140%;}
.banTextCn i{ margin:0 2px;}
.showTit i{ display:inline-block; vertical-align:text-bottom; transform:translateY(120px); opacity:0; transition:all 1s ease-in-out 0s;}
.banTextInfor{ font-size:34px;}
.banTextInfor i{ margin:0 2px;}
.banTextInfor i b{ display:block; vertical-align:middle; white-space:nowrap; overflow:hidden; transition:all 0.6s ease-out 0s;}
.banTextInfor i b.h{ width:0;}
.banTextEn i,.banTextCn i,.banTextInfor i{ display:inline-block; vertical-align:middle; font-style:normal;}
.banTextInfor i{ transform:translateX(-10px);}
.banText li.active{ display:block;}
.banText li.active .showTit.act i{ transform:translateY(0); opacity:1;}
.banText li.active .banTextInfor.act i { transform:translateX(0);}
.banPage{ display:block; position:absolute; left:0; bottom:5%; width:100%; text-align:center; z-index:1;}
.banPage .swiper-pagination-bullet{ width:30px; height:16px; background:none; border-radius:0; opacity:0.5; margin:0 0.1rem;}
.banPage .swiper-pagination-bullet i{ display:block; width:100%; height:2px; margin:7px auto; background:#FFFFFF; transition:all 0.3s linear;}
.banPage .swiper-pagination-bullet-active{ background:url(../images/logoIcoWhite.png) center center no-repeat; background-size:contain; opacity:1;}
.banPage .swiper-pagination-bullet-active i{ width:0;}
.banBtn{ position:absolute; top:50%; width:40px; height:22px; z-index:1; background:url(../images/logoIcoWhite.png) center center no-repeat; background-size:contain; cursor:pointer; opacity:0; transition:all 0.3s linear; display:none;}
.banPrev{ left:2%;}
.banNext{ right:2%;}

.hmTit{ position:relative; padding:0.3rem 0; color:#FFFFFF;}
.hmTitEn{ font-size:60px;}
.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;}
.footBg{ background:#191a1b; color:#FFFFFF; position:relative;}
.foot{ padding:0.3rem 0;}
.ftLef{ float:left; width:65%; font-style:normal; list-style:none; position:relative; overflow:hidden;}
.ftLef li{ float:left; width:20%; margin-bottom:15px;}
.ftLef a{ color:#FFFFFF;}
.ftTit{ font-size:18px; line-height:200%; margin:5px 0;}
.ftCon{}
.ftCon a{ color:#666666; line-height:30px; transition:all 0.3s linear;}
.ftLef li.last{ width:40%;}
.ftLef li.last .ftCon{ font-size:0;}
.ftLef li.last p{ font-size:14px; display:inline-block; vertical-align:middle; width:50%;}
.ftRig{ float:right; width:33.33%;}
.ftRigCon{ margin-bottom:15px;}
.ftWechat{ float:left; max-width:140px;}
.ftWechat img{ margin-bottom:5px;}
.ftWechat p{ opacity:0.5; margin:10px 0;}
.copyRight{ overflow:hidden; text-align:right; line-height:28px;}
.copyRight p,.copyRight span{ opacity:0.5;}
.copyRight span{ margin:0 5px;}
.copyRight a{ color:#FFFFFF;}
.warning{ font-size:14px; color:#e62129; opacity:0.8;}
.friendLink{ padding:0.3rem 0; border-top:1px solid rgba(255,255,255,0.1); line-height:28px; margin-top:-1px;}
.friendTit{ float:left;}
.friendList{ margin-left:70px; margin-right:-10px;}
.friendList li{ padding:0; padding-right:10px;}
.friendList li a{ color:#FFFFFF; opacity:0.5; transition:all 0.3s linear;}
.footCen{ padding:0.3rem 0; color:#666666; font-size:14px; line-height:28px; border-top:1px solid rgba(255,255,255,0.1);}
.footCen li{ margin:0.1rem 0;}
.footCen h4{ border-bottom:1px solid rgba(255,255,255,0.1); color:#FFFFFF; font-size:16px; line-height:120%; margin-bottom:0.14rem;}
.footCen h4 span{ display:inline-block; vertical-align:middle; margin-bottom:-1px; border-bottom:1px solid #FFFFFF; padding-bottom:0.1rem;}

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

.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){
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu{ display:none !important;}
	nav.navbar.bootsnav ul.nav > li > a:hover{ background:#f5f5f5 !important;}
	nav.navbar.bootsnav ul.nav > li > a:hover:after{ height:2px;}
	nav.navbar.bootsnav.no-background ul.nav > li > a:hover{ background:none !important;}
	nav.navbar.bootsnav ul.nav > li > a:hover span{ border-color:#d07235;}
	.menuList a:hover{ text-decoration:underline;}
	.banner:hover .banBtn{ opacity:1;}
	.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;}
	.boxMore a:hover{ opacity:1;}
}
@media (min-width:1400px){
	.container{ width:1230px;}
}
@media (max-width:1600px){
	.logo{ padding-left:20px; padding-right:20px;}
	.navRig > ul > li.navTel{ margin-left:20px;}
	.navTel{ width:220px;}
	.banTextEn{ font-size:68px;}
	.banTextCn{ font-size:38px;}
	.banTextInfor{ font-size:28px;}
	.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;}
}
@media (max-width:1400px){
	.navTel{ width:210px;}
	.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;}
	.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){
	nav.navbar.bootsnav.no-background{ border:none;}
	nav.navbar.bootsnav.no-background .logo{ height:60px;}	
	nav.navbar.bootsnav.no-background ul.nav > li > a{ padding:5px 0;}
	nav.navbar.bootsnav.no-background .navRig{ line-height:60px;}
	nav.navbar.bootsnav.no-background .navTel{ border-left:1px solid #e1e4eb; border-right:1px solid #e1e4eb;}
	nav.navbar.bootsnav.no-background .navTel span{ color:#666666;}
	nav.navbar.bootsnav.no-background .navTel strong{ color:#e62129;}
	nav.navbar.bootsnav.no-background .navRig > ul > li:not(.navTel) > a > i,.navRig > ul > li:not(.navTel) > a > i{ top:0;}
	.logo{ padding:0; height:60px;}
	.logo .shows{ display:none !important;}
	.logo .hides{ display:block !important;}
	nav.navbar.bootsnav{ border:none;}
	nav.navbar.bootsnav .navbar-header{ padding:0 15px; min-height:60px; border-bottom:2px solid #dfdee5;}
	nav.navbar.bootsnav .navbar-brand{ float:left !important; display:flex;}
	.navRig{ position:absolute; line-height:60px; right:40px; margin:0; z-index:1;}
	.navTel{ width:auto; border-right:1px solid #e1e4eb;}
	.navTel strong{ font-size:20px;}
	nav.navbar.bootsnav .navbar-toggle{ background:none !important; float:right; margin-right:0; margin-top:13px; color:#e62129;}
	nav.navbar.bootsnav.no-full .navbar-collapse{ max-height:none;}
	nav.navbar.bootsnav .navbar-nav{ padding:0;}
	nav.navbar.bootsnav ul.nav{ left:0; padding:10px 0;}
	nav.navbar.bootsnav ul.nav > li{ padding:0;}
	nav.navbar.bootsnav ul.nav > li.last{ display:none;}
	nav.navbar.bootsnav ul.nav > li > a{ padding:5px 0; border-bottom:none; margin:-1px 0 0; border-top-style:dashed;}
	nav.navbar.bootsnav ul.nav > li > a > span{ border:none; text-align:right;}
	nav.navbar.bootsnav ul.nav > li > a:after{ top:-1px; height:0;}
	nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu{ position:static !important; background:none; text-align:left;}
	nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu > li{ border:none;}
	nav.navbar.bootsnav ul.nav > li.active > a, nav.navbar.bootsnav ul.nav > li.on a{ background:none !important;}
	nav.navbar.bootsnav ul.nav > li.active > a{ font-weight:bold;}
	nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu > li > a{ border-bottom:1px dashed #e0e0e0;}
	nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before{ content:"\f067"; font-size:14px; color:#666666;}
	nav.navbar.bootsnav li.dropdown.on a.dropdown-toggle:before{ content:"\f068";}
	.menuBg{ display:none !important;}
	.banTextEn{ font-size:48px;}
	.banTextCn{ font-size:28px;}
	.banTextInfor{ font-size:22px;}
	.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;}
	.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;}
}
@media (max-width:767px){
	nav.navbar.bootsnav .navbar-header{ margin:0;}	
	nav.navbar.bootsnav .navbar-nav{ margin:0;}
	.banTextEn{ font-size:0.56rem;}
	.banTextCn{ font-size:0.34rem;}
	.banTextInfor{ font-size:0.28rem;}
}
@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{ 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;}
		
	.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){
	.navPcTel{ display:none !important;}
	.navMobTel{ display:block !important; font-size:18px !important;}
	nav.navbar.bootsnav .navbar-header{ min-height:50px;}
	.logo{ height:50px;}
	.logo img{ height:26px;}
	.navRig{ line-height:50px;}
	nav.navbar.bootsnav .navbar-toggle{ margin-top:6px;}
	nav.navbar.bootsnav.no-background .logo{ height:50px;}
	nav.navbar.bootsnav.no-background .navRig{ line-height:50px;}
	.banPage .swiper-pagination-bullet{ width:24px; height:12px;}
	.banPage .swiper-pagination-bullet i{ margin:5px auto;}
	.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;}
	.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}
.onAskWx{ display: none; }