.headerInfo { position:fixed; left:0; top:0; width:100%; background:white; box-shadow: 0px 4px 26px 0px rgb(0 0 0/.1);; z-index:6060; padding:15px 0}
.headerInfo:hover { background:#fff;}
.headerInfo .headerLogo {float:left;margin-right:150px}
.headerInfo .headerLogo img { max-height:45px;}
.headerInfo .headerMenu {float:left; }
.headerInfo .headerMenu ul { display:flex;}
.headerInfo .headerMenu ul li { position:relative; cursor:pointer; line-height:45px;}
.headerInfo .headerMenu ul li:nth-child(1n+2) { margin-left:2.8vw;}
.headerInfo .headerMenu ul li span { font-size:16px; display:flex; align-items:center; color:#222; transition:all .5s;}
.headerInfo .headerMenu ul li span i {transition:all .3s; margin-left:.5vw; transform: translate(0, -1px);}
.headerInfo .headerMenu ul li span i:before { content:''; display: block;width: 4px;height: 4px;border-right: 1px solid #666;border-bottom: 1px solid #666;transform: rotate(45deg); transition:all .3s;}
.headerInfo .headerMenu ul li:hover span i { transform: translate(0, 2px);}
.headerInfo .headerMenu ul li:hover span i:before { transform: rotate(225deg); border-color:#165dff;}
.headerInfo .headerMenu ul li:hover span { color:#165dff;}
.headerInfo .headerMenu ul li .MenuDown { position:absolute; top:45px;left:-1vw; width:160px; box-sizing:border-box; z-index:606; background:#fff; border-radius:5px; display:none; box-shadow: 0 0 10px 1px rgba(25 25 25/.05); overflow:hidden;}
.headerInfo .headerMenu ul li .MenuDown a { display:block; color:#666; font-size:14px; line-height:50px; transition:all .5s; padding:0 15px;}
.headerInfo .headerMenu ul li .MenuDown a:hover { color:#165dff; background:#f4f7fc;}

.fangan{background:#00cebb;color:white;padding:10px 15px;display: block;border-radius:5px;float:right;font-weight:bold;float:right;font-size:14px;margin-top:5px}

.indexBox { display:flex;}

.indexBoxR { padding-left:190px; flex:1;}


.indexBanner { width:100%; overflow:hidden; position:relative; margin-top:10px;}
.indexBanner img { width:100%;}
.indexBanner .text { top:50%; position:absolute; width:44%; transform:translate(0,-50%); color:#fff;}
.indexBanner .text strong { display:block; font-size:40px;}
.indexBanner .text p { font-size:16px; margin:15px 0; line-height:1.8;}
.indexBanner .text a { background:#ffd400; display:block; width:156px; line-height:46px; font-size:16px; text-align:center; border-radius:6px; font-weight:700; color:#000; margin-top:20px;}

.floor_Tit {height:30px;align-items:center}
.floor_Tit strong{font-size:22px;color:#000;float:left}
.floor_Tit span{float:right;font-size:14px}  
.wbox{background:white;overflow: hidden;padding:20px;border-radius:8px}
.wbox dl{padding:10px 0 20px; }
.wbox dl dd{width:23%;margin-right:2%;float:left;line-height:30px;font-size:14px;}
.wbox ul{padding:10px 0;overflow:hidden}
.wbox ul a{float:left;margin-right:15px;line-height:30px;font-size:14px;}
.b40{height:30px;overflow: hidden;width:100%;}



.footerMain { padding:60px 0px; background:#333;overflow:hidden;color:white}
.footerMain .footerTelBox { width:480px;float:left;}
.footerMain  a{color:white;}
.footerMain .footerTelBox dl { display:flex;}
.footerMain .footerTelBox dl dt { }
.footerMain .footerTelBox dl dt .image { text-align:center; margin-bottom:25px;}
.footerMain .footerTelBox dl dt .image strong { display:block; font-size:14px; font-weight:400; margin-bottom:10px;}
.footerMain .footerTelBox dl dt .image { width:116px;}
.footerMain .footerTelBox dl dt .image img { width:100%; border-radius:6px;}
.footerMain .footerTelBox dl dd { margin-left:100px;}
.footerMain .footerTelBox dl dd p { font-size:14px;line-height:30px; position:relative; padding-left:30px;}
.footerMain .footerTelBox dl dd p:nth-child(1n+2) { margin-top:20px;}
.footerMain .footerTelBox dl dd p i { margin-right:10px; font-size:20px; display:inline-block; height:30px; line-height:30px; position:absolute; top:0; left:0;}
.footerMenu { float:left}
.footerMenu dl { margin-left:8vw;float:left}
.footerMenu dl dt { font-size:16px; margin-bottom:30px;}
.footerMenu dl dd { }
.footerMenu dl dd a { display:block; font-size:14px;}
.footerMenu dl dd a:nth-child(1n+2) { margin-top:20px;}
.footerCopyright { padding:15px; line-height:30px; background:#333;color:white; font-size:14px; text-align:center; border-top:1px solid rgb(0 0 0/.1);}
.footerCopyright a{color:white;}

.MubanNavBox {  width:100%;background: #fff; box-shadow: 0px 4px 26px 0px rgb(0 0 0/.1);padding:20px 0}
.MubanNavLogo { padding:0 10px; float:left;}
.MubanNavLogo img { width:90%;}
.MubanNavBox ul {float:left;}
.MubanNavBox ul li { position:relative;overflow:hidden;float:left}
.MubanNavBox ul li font { display:flex; align-items:center; padding:12px 10px;}
.MubanNavBox ul li font em { transform: rotate(180deg); font-size:18px; transition:all .3s ease; color:#222;}
.MubanNavBox ul li font.on em { transform: rotate(0);}
.MubanNavBox ul li font a { display:flex; flex:1; overflow:hidden;}
.MubanNavBox ul li:hover font { background:#f5f5f5;}
.MubanNavBox ul li font a i { font-size:20px; color:#000;line-height: 20px; height: 20px; margin-top:3px;float:left;margin-right:8px;}
.MubanNavBox ul li font a span { color:#222; font-size:16px;float:left;}

.MubanNavBox ul li.on font a { color:#ff6600;}
.MubanNavBox ul li.on font a i { color:#f60;}
.MubanNavBox ul li.on font a span { color:#f60;}

.MubanNavBox ul li .MubanNavList { background: #fff; display:none;}
.MubanNavBox ul li .MubanNavList dl { font-size:14px; line-height:32px;}
.MubanNavBox ul li .MubanNavList dl:nth-child(1n+2) { border-left:1px solid #eee;}
.MubanNavBox ul li .MubanNavList dl dt { color:#222; padding:0 20px; min-width:120px; margin-bottom:8px;}
.MubanNavBox ul li .MubanNavList dl dd a { display:block; padding:0 20px;}
.MubanNavBox ul li .MubanNavList dl dd.weixin{padding:0 20px;text-align:center}

.kefu_sec { position: fixed;right:20px; bottom:20%;z-index:6060;}
.kefu_sec ul { width: 48px;font-size: 14px;line-height: 18px;background: #fff;padding:15px 5px;border-radius: 30px;box-sizing: border-box;box-shadow: 0 4px 12px rgb(0 0 0 / .1);}
.kefu_sec ul li { position:relative; overflow:hidden;}
.kefu_sec ul li span { display:block; text-align:center; cursor:pointer;color:#000;}
.kefu_sec ul li span i { line-height:35px; font-size:20px;}
.kefu_sec ul li span em { display: inline-block;padding: 0 8px; font-size:14px;}
.kefu_sec ul li span.ywzx:before { content:''; display:block; width:18px; height:1px; background:#eee; margin:5px auto;}
.kefu_sec ul li:hover span { color:#3269ff;}
.kefu_sec_popup { position:absolute;right:50px; top:0; background:#fff; border-radius:8px; padding:10px;width:160px;box-sizing:border-box;text-align:center;color:#333;box-shadow: 0 4px 12px rgb(0 0 0 /.1); opacity:0; transition:all .2s; transform:translate(10px,0);}
.kefu_sec ul li:hover { overflow: visible;}
.kefu_sec ul li:hover .kefu_sec_popup { opacity:1;transform:translate(0,0);}
.kefu_sec_popup:before,
.kefu_sec_popup:after { content:''; display:block;border-style: solid;border-color: transparent transparent transparent #f2f2f2;border-width: 6px;width: 0;height: 0;position: absolute;top: 15px;}
.kefu_sec_popup:before { right: -12px;}
.kefu_sec_popup:after { right: -11px; border-color: transparent transparent transparent #fff;}
.kefu_sec_popup.tel { line-height:26px;font-size:14px;}
.kefu_sec_popup.tel em,.kefu_sec_popup.tel p { display:block;}
.kefu_sec_popup.tel em { color:#3269ff;}
.kefu_sec_popup.ewm img { width:100%;}
.kefu_sec_popup.ewm p { font-size:12px; margin-top:8px;}


.MUbanTitle { line-height:28px; height:28px;margin-bottom:20px;}
.MUbanTitle strong { font-size:24px;color:#000; display:inline-block;float:left;font-weight:bold}
.MUbanTitle strong:before {content:'';display:block;width: 5px;height: 24px;background: #ff6600;border-radius: 5px;margin-right: 10px;margin-top:3px;float:left}

.MUbanTitle strong a{color:#000;}
.MUbanTitle span { float:right; font-size: 14px;}

.HostedDemo ul { display:flex; flex-wrap:wrap;}
.HostedDemo ul li { width:13.372%; margin-right:1%;background:white;border-radius:3px;padding:10px 10px 10px 10px;box-shadow:0 4px 32px rgb(0 0 0/.06);transform:translate(0,0); transition:all .3s ease;margin-bottom:15px;box-sizing:border-box;}
.HostedDemo ul li:nth-child(7n+7) { margin-right:0;}
.HostedDemo ul li .image {overflow: hidden;}
.HostedDemo ul li .image img {width: 100%;}
.HostedDemo ul li h3 {display:block;font-size:14px;color:#000;font-weight:400;transition:all ease .5s; text-align:center;padding:8px 0}
.HostedDemo ul li:hover { transform:translate(0,-4px); box-shadow:0 8px 32px rgb(0 0 0/.25);}

.ProductList ul { display:flex; flex-wrap:wrap;}
.ProductList ul li { width:19%; margin-right:1.2%;background:white;border-radius:8px;padding-bottom:15px;box-shadow:0 4px 32px rgb(0 0 0/.06);transform:translate(0,0); transition:all .3s ease;}
.ProductList ul li:nth-child(5n+5) { margin-right:0;}
.ProductList ul li:nth-child(1n+6) { margin-top:2%;}
.ProductList ul li .image {margin-bottom: 20px;overflow: hidden;padding-bottom: 70%;position: relative;border-radius:6px 6px 0 0}
.ProductList ul li .image img { left: 0;position: absolute;top: 0;transition: all 1s ease;width: 100%;}
.ProductList ul li h3 {display:block;font-size:14px;color:#000;font-weight:400;transition:all ease .5s; text-align:center;}
.ProductList ul li:hover { transform:translate(0,-4px); box-shadow:0 8px 32px rgb(0 0 0/.25);}

.vrFactoryList { }
.vrFactoryList ul { display:flex; flex-wrap:wrap;}
.vrFactoryList ul li { width:19.2%; margin-right:1%;background:white;border-radius:3px;padding:10px;box-shadow:0 4px 32px rgb(0 0 0/.06);transform:translate(0,0); transition:all .3s ease;margin-bottom:15px;box-sizing:border-box;}
.vrFactoryList ul li:nth-child(5n+5) { margin-right:0;}
.vrFactoryList ul li:nth-child(1n+5) {}
.vrFactoryList ul li .image { width:100%; position:relative;}
.vrFactoryList ul li .image img { width:100%; }
.vrFactoryList ul li .text { margin-top:10px;}
.vrFactoryList ul li .text h3 { font-size: 16px;color: #333; display:block;}
.vrFactoryList ul li .text .Addtime { font-size:14px; color:#999;}
.vrFactoryList ul li .text .Addtime i { font-size:16px; margin-right:5px;}
.vrFactoryList ul li .text .Addtime em { display:flex; align-items:center; margin-top:8px;}
.vrFactoryList ul li .text .Addtime span { display:flex; align-items:center; margin-left:auto; margin-top:8px;}
.vrFactoryList ul li:hover { transform:translate(0,-4px); box-shadow:0 8px 32px rgb(0 0 0/.25);}

.BaikeArticle ul { display:flex; flex-wrap:wrap;}
.BaikeArticle ul li { width:24.25%; margin-right:1%;line-height:30px;font-size:14px;}
.BaikeArticle ul li:nth-child(4n+4) { margin-right:0;}


.ConsultMask { position:fixed; background:rgb(0 0 0/.2); top:0; bottom:0; left:0; right:0; z-index:6060; display:none;}
.ConsultPopUp { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; border-radius:10px; padding:20px 30px 30px; z-index:6061; width: 480px; display:none;}
.ConsultPopUp strong { font-size:18px; display:block; color:#111; font-weight:400; margin-bottom:20px; margin-bottom:20px;}
.ConsultPopUp font { background:#f9f9f9; padding:20px; border-radius:10px; text-align:center; display:block;}
.ConsultPopUp font b { font-size:24px; color:#111; display:block;}
.ConsultPopUp font p { font-size:14px; color:#999; margin:6px 0 10px;}
.ConsultPopUp .image { }
.ConsultPopUp .image img { width:120px; height:120px;}
.ConsultPopUp .ConsultOff { font-size: 14px; width:60px; line-height: 30px;color: #fff;display:block;text-align: center;background: #f60;border-radius: 30px;transition: all ease .3s;padding: 0 20px;margin: 15px auto 0; cursor:pointer;}
.ConsultPopUp .ConsultOff1 { cursor:pointer; position:absolute; top:15px; right:20px; color:#333;font-size: 22px;}
.ConsultBtn { cursor:pointer;}