.MubanNavBox { position: fixed; height: 100vh; width: 72px; background: #fff; box-shadow: 0px 4px 26px 0px rgb(0 0 0/.1);z-index: 6060;left: 0;top: 0;}
.MubanNavLogo { height:110px; padding:0 10px; display: flex; align-items: center; justify-content: center;position:relative}
.MubanNavLogo img { width:100%;}
.MubanNavBox ul { }
.MubanNavBox ul li { position:relative;}
.MubanNavBox ul li font { }
.MubanNavBox ul li font a { display:flex;flex-direction: column;justify-content: center;align-items: center; padding:12px 10px; transition: all .3s ease; border-radius:6px;}
.MubanNavBox ul li:hover font a { background:#f5f5f5;}
.MubanNavBox ul li font a i { font-size:20px; color:#000;line-height: 20px; height: 20px; margin-bottom: 5px;}
.MubanNavBox ul li font a span { color:#222; font-size:14px;}

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

.MubanNavBox ul li .MubanNavList { position: absolute; left:72px; top:0; background: #fff; border-radius: 12px; box-shadow: 0px 6px 16px 0px rgb(0 0 0/.08); padding:15px 0; display:flex;transform-origin: left top;transform: scale(0);opacity: 0; transition: all .2s ease .1s;}
.MubanNavBox ul li:hover .MubanNavList { transform: scale(1);opacity: 1;}
.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; color:#999;transition: all .3s ease;}
.MubanNavBox ul li .MubanNavList dl dd a:hover { background:#f5f5f5; color:#222;}
.MubanNavBox ul li .MubanNavList dl dd.weixin{padding:0 20px;text-align:center}

.MubanMain { padding:0 50px 0 122px;}
.HeaderMuban { height:72px; display:flex; align-items:center; box-sizing:border-box;}
.HeaderMubanCity a { display:flex; align-items:center;}
.HeaderMubanCity i { font-size:18px; color:#ff6600;}
.HeaderMubanCity b { font-size:16px; font-weight:400; margin:0 4px; color:#222;}
.HeaderMubanCity em { font-size:14px; color:#999;}

.HeaderMubanLogin { display:flex; align-items:center; height:32px; background:#ff6600; border: 1px solid #ff6600;border-radius:30px;padding: 0 6px; box-sizing:border-box; margin-left:auto;color: #fff;}
.HeaderMubanLogin a { font-size:14px; color: #fff; line-height:14px; padding:0 6px;}
.HeaderMubanLogin a:hover{color:white;}

.HeaderMubanMessage { margin-left:auto; position:relative;margin-right:20px;}
.HeaderMubanMessage i { font-size:26px; color:#333; cursor:pointer;}
.HeaderMubanMessage:hover i { color:#ff6700;}
.HeaderMubanMessage em { position: absolute;top: -6px;left: 10px;display: inline-block;height: 12px;line-height: 12px;font-size: 12px;background:#ff2b00; color:#fff;border-radius: 6px;white-space: nowrap;padding:0 4px;}

.HeaderMubaUser { display: flex;align-items: center; cursor:pointer; position:relative;}
.HeaderMubaUser .touxiang { padding:10px 0;}
.HeaderMubaUser .touxiang img { width:38px; height:38px; border-radius:50%;}
.HeaderMubaUser .yonghu_waike { position:absolute; right:0px; top:58px; height:0px; overflow:hidden; box-shadow: rgb(102 102 102 / 12%) 0px 0px 12px 0px;z-index:100;border-radius: 12px;}
.HeaderMubaUser:hover .yonghu_waike { height:auto;}
.HeaderMubaUser .yonghunr { padding: 24px 24px 12px;background:#fff; width:400px; box-sizing:border-box; opacity: 0;transform-origin: 0% 0%;transform: scaleY(.8);transition: all .2s;overflow: hidden;}
.HeaderMubaUser:hover .yonghunr { transform: scaleY(1);opacity: 1;}

.HeaderMubaUser .yonghu_user { overflow:hidden;} 
.HeaderMubaUser .yonghu_user .image { width:50px; height:50px; float:left; margin-right:15px;}
.HeaderMubaUser .yonghu_user .image img { width:100%;border-radius:100%}
.HeaderMubaUser .yonghu_user .text { overflow:hidden; line-height:25px;}
.HeaderMubaUser .yonghu_user .text h2 { display:block; font-size:20px; color:#333; line-height:30px;}
.HeaderMubaUser .yonghu_user .text p { line-height:20px; font-size:14px; color:#999;}
.HeaderMubaUser .yonghu_user .text .wdzy { float:right; margin-left:10px;display: flex;align-items: center;height:50px;}
.HeaderMubaUser .yonghu_user .text .wdzy a { display:block; line-height:36px; height:36px;border-radius: 8px;padding: 0 16px;font-size:14px; background:#f5f5f5;}
.HeaderMubaUser .yonghu_user .text .wenzi { overflow:hidden;}

.HeaderMubaUser .yonghunr .xixitiao { height: 44px; line-height:44px; border-radius: 12px;padding: 0 10px;font-size: 14px;background-image: linear-gradient(134deg,#fc9,#ff9e8a 26%,#f36 50%,#8a8ae6);color: #fff; box-sizing:border-box; margin:12px 0; text-align:center;font-family: 'HYYaKuHei';}
.HeaderMubaUser .yonghunr .yonghu_title { font-size: 16px;color: #313438;font-weight: 700;line-height: 22px;margin-bottom: 12px;}
.HeaderMubaUser .yonghunr .yonghu_wdzc li { float:left; width:48%; background: #fff url(picture/2212161003.jpg) no-repeat top right;box-shadow: 4px 4px 24px 0 rgb(96 101 108 / 12%);border-radius: 12px;height: 72px;padding: 13px 16px;margin-bottom: 16px;cursor: pointer; box-sizing:border-box;background-size: contain;}
.HeaderMubaUser .yonghunr .yonghu_wdzc li:nth-child(2n+2) { margin-left:4%;}
.HeaderMubaUser .yonghunr .yonghu_wdzc li span { display:block; font-size:14px;}
.HeaderMubaUser .yonghunr .yonghu_wdzc li b { display:block;font-size: 18px;line-height: 24px;margin-top: 2px; color:#ff6700;font-family:'tenzt';}
.HeaderMubaUser .yonghunr .yonghu_kjrk { overflow:hidden;}
.HeaderMubaUser .yonghunr .yonghu_kjrk li { float:left; width:48%; line-height:42px; border-radius:8px; border:1px solid #eee; font-size:14px; background:#fff; text-align:center; box-sizing:border-box;}
.HeaderMubaUser .yonghunr .yonghu_kjrk li a { display:block;}
.HeaderMubaUser .yonghunr .yonghu_kjrk li:nth-child(2n+2) { margin-left:4%;}
.HeaderMubaUser .yonghunr .yonghu_kjrk li:nth-child(1n+3) { margin-top:4%;}
.HeaderMubaUser .yonghunr .yonghu_kjrk li:hover { background:#f5f5f5;}
.HeaderMubaUser .yonghunr .yonghu_rk { margin-top:20px; border-top:1px solid #eee; padding-top:10px; position:relative;}
.HeaderMubaUser .yonghunr .yonghu_rk a { height:40px; line-height:40px; font-size:16px;padding: 0 16px; display:inline-block; border-radius:8px;position:relative;}
.HeaderMubaUser .yonghunr .yonghu_rk_l { float:left; margin-left:-16px;}
.HeaderMubaUser .yonghunr .yonghu_rk_r { float:right; margin-right:-16px;}
.HeaderMubaUser .yonghunr .yonghu_rk_l a:hover { background:#f5f5f5; color:#333;}
.HeaderMubaUser .yonghunr .yonghu_rk_r a:nth-child(1):hover { background:#fff0e5; color:#ff6700;}
.HeaderMubaUser .yonghunr .yonghu_rk_r a:nth-child(2):hover {  background:#f5f5f5; color:#333;}
.HeaderMubaUser .yonghunr .yonghu_rk_r a:nth-child(2):before { content:''; display:block; width:1px; height:12px; position:absolute; left:0;top:50%;background: #ddd;transform: translate(0, -50%);}


.banner_gaikuang {width: 100%;background:url(../img/241025_10028.jpg) no-repeat center center; z-index:1;border-radius:12px;}
.banner_gaikuang ul { display: flex;align-items: center; height: 112px;}
.banner_gaikuang ul li { width:25%; text-align:center;}
.banner_gaikuang ul li strong,
.banner_gaikuang ul li span { display:block;}
.banner_gaikuang ul li strong { font-size:26px; font-weight:700; color:#000;}
.banner_gaikuang ul li strong b { font-weight:400;}
.banner_gaikuang ul li span { font-size:16px; color:#000; margin-top:10px;}

.MubanFeature { margin:50px 0;}
.MubanFeature ul { display:flex;}
.MubanFeature ul li { width:24.25%; margin-right:1%; background:#fff; border-radius:12px; box-sizing:border-box;box-shadow:0 4px 32px rgb(0 0 0/.06); padding:30px 17px; transform:translate(0,0); transition:all .3s ease;}
.MubanFeature ul li:hover { transform:translate(0,-4px); box-shadow:0 8px 32px rgb(0 0 0/.25);}
.MubanFeature ul li:nth-child(4n+4) { margin-right:0;}
.MubanFeature ul li a { display:flex;}
.MubanFeature ul li .image { margin-right:15px;}
.MubanFeature ul li .image img { width:60px;}
.MubanFeature ul li .text { flex:1; overflow:hidden;}
.MubanFeature ul li .text strong { font-size:24px; color:#222; margin-bottom:12px; font-weight:400; display:block;}
.MubanFeature ul li .text p {font-size:14px; color:#888; line-height:28px;}

.hydk_sec {position:relative;}
.hydk_swiper {overflow:hidden;}
.hydk_swiper ul li { width:16%; float:left;}
.hydk_swiper ul li .image { box-sizing:border-box; border-radius:4px; border:1px solid #eee; overflow:hidden;}
.hydk_swiper ul li .image img { width:100%; transition:all .5s;}
.hydk_swiper ul li:hover .image img { transform: scale(1.1);}
.hydk_swiper ul li h3 { display:block; font-size:16px; color:#666; line-height:24px; margin-top:10px; font-weight:400;}
.hydk_sec .swiper_bnt { width:64px; height:64px; background:rgb(255 255 255/.6); position:absolute; top:50%;z-index:10; cursor:pointer;transition:all .3s; border-radius:50%;box-shadow: 0 4px 12px rgb(0 0 0 / .1);}
.hydk_sec .swiper_bnt:hover { background:rgb(255 255 255/.9);}
.hydk_sec .swiper_next { right:-2.2%;}
.hydk_sec .swiper_prev { left:-2.2%;}
.hydk_sec .swiper_bnt i { display:block; line-height:64px; text-align:center; color:rgb(22 21 29 /.8); font-size:16px;}
.hydk_sec .swiper_bnt:hover { box-shadow: 0 4px 12px rgb(0 0 0 / .2);}
.hydk_sec .swiper_bnt:hover i { color:#ff6700;}

/*派单弹窗*/
.Photo_mask_sec { position: fixed; top: 0;left: 0; right: 0; bottom: 0; background:rgb(0 0 0/.6); z-index:6060; display:none;}
.Photo_popup_sec { position: fixed; left: 50%; top:50%; width:500px; background:#fff; z-index:6061; border-radius:10px; box-sizing:border-box; transform:translate(-50%,-50%); padding:30px 30px 20px; display:none;}
.Photo_popup_sec strong { font-size:22px; display:block; margin-bottom:30px; font-weight:400; line-height:30px;}
.Photo_popup_sec strong .Photo_popup_off { float:right; font-size:30px; cursor:pointer;}
.Photo_popup_sec input { height: 38px;line-height: 38px;font-size: 14px;padding: 0 10px;border: 1px solid #ddd;color: #666;border-radius: 4px; width:100%; box-sizing:border-box;outline:none}
.Photo_popup_sec textarea {line-height: 22px;font-size: 14px;padding: 10px;border: 1px solid #ddd;color: #666;border-radius: 4px; width:100%; box-sizing:border-box; height:100px;outline:none}
.Photo_popup_sec ul li { display:flex; margin-bottom:15px;overflow:hidden}
.Photo_popup_sec ul li span { width:80px; font-size:14px; color:#333; line-height:38px;}
.Photo_popup_sec ul li span i{color:red;}
.Photo_popup_sec ul li p { font-size:12px; line-height:20px; color:#666;}
.Photo_popup_sec ul li p a { color:#f70;}
.Photo_popup_sec ul li.Photo_popup_btn { justify-content: center;}
.Photo_popup_sec ul li button{display:inline-block;height:40px;line-height:40px;border-radius:8px;font-size:16px;cursor:pointer;background-image:linear-gradient(90deg ,#f70 20%,#ff6300 80%);color:#fff;border:1px solid #f670;width:160px}

.Photo_popup_sec ul li.va { display:block; margin-bottom:15px;position:relative}
.Photo_popup_sec ul li.va span{float:left;}
.Photo_popup_sec ul li.va a.sendcode{display: block;background:#78d6d6;color:white;height:37px;line-height:37px;width:85px;border-radius:4px;cursor:pointer;text-align:center;font-size:14px;float:right}
.Photo_popup_sec ul li.va input.mobpost{width:170px;border-radius:4px 0 0 4px;position:absolute;left:68px}
.Photo_popup_sec ul li.va input.vacode{width:110px;border-radius:0px 4px 4px 0;border-left:none;position:absolute;left:238px;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;}

.BannerBox { position:relative;}
.BannerBox:after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 200px;background-image: linear-gradient(180deg, rgb(255 255 255/0) 0%, #fff 100%); z-index: 6;}
.BannerSwiper { position: relative; width:100%; overflow:hidden; z-index:1;}
.BannerSwiper .swiper-slide img { width:100%;}
.BannerSwiper .BannerSwiperM { position:absolute;bottom:0!important; top:0!important; left:auto!important; width:auto!important; right:30px;z-index:68; display:flex; justify-content:center; align-items:center;flex-direction: column;}
.BannerSwiper .BannerSwiperM span { display:block; width:8px; height:8px; background:#fff; border-radius:14px;}
.BannerSwiper .BannerSwiperM span:nth-child(1n+2) { margin-top:12px;}
.BannerSwiper .BannerSwiperM span.swiper-pagination-bullet-active { width:14px; height:14px;}

.HeaderMubanSearch { display: flex;align-items: center; justify-content:center;/*transform: translate(0, -75px);position: relative;z-index: 666;*/}
.HeaderMubanSearch form { width:65%; position:relative;}
.HeaderMubanSearch dl { position:relative; display:flex; padding:6px 6px 6px 25px; border-radius:50px; background:#fff; width:100%; transition:all .3s ease;border:1px solid #e8eaec; box-sizing:border-box;}
.HeaderMubanSearch dl:before {content:'';display:block;position:absolute;background:#000;left:-15px;right:-15px;height:100%;top:10px;z-index:-1;border-radius:30px;opacity:.2;filter:blur(30px);background: linear-gradient(270deg, #ff6600 0%, #ff0000 54%, #ffa500 100%);}
.HeaderMubanSearch dl:hover { border:1px solid #ff6600;}
.HeaderMubanSearch dl input { border:none; background:none; height:44px; width:100%;outline:none; padding:0; margin:0; box-sizing:border-box;}
.HeaderMubanSearch dl dd.dd_1 { position:relative; flex:1;}
.HeaderMubanSearch dl dd.dd_1:before { content:'\e849'; font-family:'iconfont'; position: absolute;left: 0;top:9px ;font-size: 22px; color:#999;}
.HeaderMubanSearch dl dd.dd_1 input {border:none;font-size:16px; padding-left:30px;}
.HeaderMubanSearch dl dd.dd_1 input::placeholder {color:#999;}
.HeaderMubanSearch dl dd.dd_2 { width:80px; position:relative; cursor:pointer; display:none;}
.HeaderMubanSearch dl dd.dd_2 span { display:flex; align-items:center;border:2px solid #39bf3e; border-right:none;}
.HeaderMubanSearch dl dd.dd_2 span input { padding-left:14px; color:#999;height:36px;}
.HeaderMubanSearch dl dd.dd_2 span i { margin:0 4px; color:#ccc; font-size:14px;display: inline-block; transition:all .3s;}
.HeaderMubanSearch dl dd.dd_2:hover span i { transform: rotate(180deg); color:#39bf3e;}
.search_mod { position:absolute; top:38px; left:0;width: 100%;background: #fff;border:2px solid #39bf3e; border-top:none; padding:6px 0; z-index:10; display:none;}
.search_mod p { line-height:30px; color:#999; font-size:13px; text-align:center;}
.search_mod p:hover { color:#39bf3e;}
.HeaderMubanSearch dl dd.dd_2:hover .search_mod { display:block;}
.HeaderMubanSearch dl dd.dd_3 { }
.HeaderMubanSearch dl dd.dd_3 button {border:none;height:44px;width:96px;outline:none;padding:0;margin:0;box-sizing:border-box;background:none;color:#fff;font-size:18px;cursor:pointer;background-image: linear-gradient(90deg, #ff6300 20%, #f70 80%); font-weight:700; border-radius:50px;}

.HeaderMubanSearch .Sift { display:flex; align-items:center; margin-bottom:20px;padding-left:25px}
.HeaderMubanSearch .Sift a { font-size:16px; color:#222; font-weight:700; position:relative;}
.HeaderMubanSearch .Sift a:nth-child(1n+2) { margin-left:35px;}
.HeaderMubanSearch .Sift a:nth-child(1) { font-size:20px;}
.HeaderMubanSearch .Sift a:nth-child(1) span { position:relative;}
.HeaderMubanSearch .Sift a:nth-child(1):before { content:''; display:block;  position: absolute; left: 50%; bottom: 0; width:80%; height: 8px; border-radius: 8px;background-image: linear-gradient(90deg, #ff6300 20%, #f70 80%); transform: translate(-50%, 2px);}

.HeaderMubanSearch .MubanHot { position:absolute; top:115px; left:0;border:1px solid #e8eaec; box-shadow: 0 8px 32px 2px rgb(0 0 0/.1); background:#fff; border-radius:12px; padding:15px 15px 5px; width:100%; box-sizing:border-box; z-index:666;transform-origin:top;transform: scaleY(0);opacity: 0; transition: all .2s ease .1s;}
.HeaderMubanSearch form:hover .MubanHot { transform: scaleY(1);opacity: 1;}
.HeaderMubanSearch .MubanHot h5 { display:block; font-size:16px; color:#222; margin-bottom:15px; font-weight:400;}
.HeaderMubanSearch .MubanHot font { display:flex; flex-wrap:wrap; margin-left:-10px;}
.HeaderMubanSearch .MubanHot font a { display:block; line-height:36px; border:1px solid #e8eaec; border-radius:18px; font-size:14px; color:#222; padding:0 24px; margin:0 0 10px 10px; transition:all .3s ease;}
.HeaderMubanSearch .MubanHot font a:hover { border:1px solid #ff6600; background:#ff6600; color:#fff!important;}


.Mubansj { display:flex;}
.Mubansj .MubansjL { margin-right:1%; width:24.25%; display:flex; justify-content:center; overflow:hidden;}
.Mubansj .MubansjL img { border-radius:8px; overflow:hidden;}
.Mubansj .MubansjR { width:74.75%; background:#fff; border-radius:8px;box-shadow: 0 4px 32px rgb(0 0 0 / .06); display:flex; align-items:center;}

.RankingBox { position:relative; width:100%; padding:0 30px; box-sizing:border-box;}
.RankingSwiper { overflow:hidden; padding:30px 0;}
.RankingSwiper ul { }
.RankingSwiper ul li a { display:flex; align-items:center;}
.RankingSwiper ul li .image { margin-right:20px; position:relative;}
.RankingSwiper ul li .image img.img_1 { width:60px; height:60px; border-radius:60px;}
.RankingSwiper ul li .image img.img_2 { position:absolute; left: 28px; top: -23px;}
.RankingSwiper ul li strong { display:block; font-size:16px; color:#333; line-height:20px;}
.RankingSwiper ul li .price { font-size:18px; color:#ff6600; line-height:20px; margin-top:4px;font-weight:bold}
.RankingSwiper ul li .price i { font-size:12px;font-weight:normal}
.RankingBox .SwiperBnt { width:25px; height:25px; display:flex; align-items:center; justify-content:center; position:absolute; top:50%; transform:translate(0,-50%); z-index:10; cursor:pointer; transition:all ease .5s; background:rgb(0 0 0/.1); border-radius:50%;}
.RankingBox .RankingNext { right:-1%;}
.RankingBox .RankingPrev { left:-1%;}
.RankingBox .SwiperBnt i {color:#fff; font-size:12px; transition:all ease .5s;}



.MubanList ul { display:flex; flex-wrap:wrap;}
.MubanList ul li { width:24.25%; margin-right:1%;background:white;border-radius:12px;padding-bottom:15px;box-shadow:0 4px 32px rgb(0 0 0/.06);transform:translate(0,0); transition:all .3s ease;}
.MubanList ul li:nth-child(4n+4) { margin-right:0;}
.MubanList ul li:nth-child(1n+5) { margin-top:2%;}
.MubanList ul li .image { width:100%; overflow:hidden; margin-bottom:20px; position:relative;}
.MubanList ul li .image img { width:100%;border-radius:12px 12px 0 0}
.MubanList ul li .image span {align-items:center;border-radius:20px;bottom:0;box-shadow:0 3px 48px rgb(13 26 85/.5);display:flex;opacity:0;justify-content:space-between;left:7%;position:absolute;transition:.6s ease;width:86%;}
.MubanList ul li .image span a {background-size:200% 100%;color:#fff;cursor:pointer;display:block;font-size:16px;line-height:2;padding:4px 20px;text-align:center;transition:all .6s; flex:1;}
.MubanList ul li .image span a:nth-child(1) {background-image:linear-gradient(90deg,#7d2fb0,#185bff,#7d2fb0);border-radius:20px 0 0 20px;}
.MubanList ul li .image span a:nth-child(2) {background-image:linear-gradient(90deg,#0eb577,#42ffff,#0eb577);border-radius:0 20px 20px 0;}
.MubanList ul li .text { padding:0 1.2vw;}
.MubanList ul li h3 {display:block;font-size:16px;color:#000;font-weight:400;margin-bottom:6px;transition:all ease .5s; text-align:center;padding:0px 15px}
.MubanList ul li:hover .image span {bottom:8.6%;opacity:1;}
.MubanList ul li .image span a:hover {background-position:100% 0;transition:all .4s ease-in-out;}
.MubanList ul li:hover { transform:translate(0,-4px); box-shadow:0 8px 32px rgb(0 0 0/.25);}

.MUbanTitle { line-height:28px; height:28px;margin-bottom:20px;}
.MUbanTitle strong { font-size:24px;color:#000; display:inline-block;float:left;font-weight:normal}
.MUbanTitle strong a{color:#000;}
.MUbanTitle span { float:right; font-size: 14px;}


.ZxtjTitle { display:flex; align-items:center; margin-bottom:30px;}
.ZxtjTit { display:flex; align-items:center;} 
.ZxtjTit>img { height:60px; margin-right:15px; transform: translate(0, 6px);}
.ZxtjTit strong { font-size:28px; color:#2b2d35; display:block;}
.ZxtjTit strong img { height:19px; margin-left:10px; transform: translate(0, -14px);}
.ZxtjTit em { font-size: 16px;color: #9ca0af; display:block; margin-top:4px; text-transform: uppercase;}
.ZxtjTitle ul { margin:0 2vw 0 4vw; display:flex; flex:1; overflow:hidden;}
.ZxtjTitle ul li { cursor:pointer; padding:0 30px;background: #f7f8fa;border-radius: 30px;line-height: 40px;font-size: 16px;color: #696e81;}
.ZxtjTitle ul li:nth-child(1n+2) { margin-left:15px;}
.ZxtjTitle ul li.on { background: radial-gradient(200% 120px at 100% 100%, #f3a865 0%, #ff6600 40%); color:#fff; font-weight:700;}
.ZxtjTitle span { font-size:16px;margin-left:auto;}
.ZxtjTitle span a { color:#afb3c3; display:flex; align-items:center;}
.ZxtjTitle span a i { margin-left:5px; font-size: 10px;}



.HostedDemo ul { display:flex; flex-wrap:wrap;}
.HostedDemo ul li { width:24.25%; margin-right:1%;background:white;border-radius:12px;padding-bottom:15px;box-shadow:0 4px 32px rgb(0 0 0/.06);transform:translate(0,0); transition:all .3s ease;}
.HostedDemo ul li:nth-child(4n+4) { margin-right:0;}
.HostedDemo ul li:nth-child(1n+5) { margin-top:2%;}
.HostedDemo ul li .image { border-radius: 20px;margin-bottom: 20px;overflow: hidden;padding-bottom: 60%;position: relative;}
.HostedDemo ul li .image img { left: 0;position: absolute;top: 0;transition: all 1s ease;width: 100%;}
.HostedDemo ul li h3 {display:block;font-size:16px;color:#000;font-weight:400;margin-bottom:6px;transition:all ease .5s; text-align:center;}
.HostedDemo ul li:hover .image img { top: -30px;}
.HostedDemo ul li:hover { transform:translate(0,-4px); box-shadow:0 8px 32px rgb(0 0 0/.25);}
.HostedDemoMore { margin-top:60px; text-align:center;}
.HostedDemoMore a { font-size:16px; line-height:48px; color:#fff; display:inline-block; text-align:center; background:#165dff; border:1px solid #165dff; border-radius:8px; transition:all ease .3s; padding:0 2vw; opacity:1;}
.HostedDemoMore a i { font-family:'SimSun'; font-weight:700; margin-left:8px;}
.HostedDemoMore a:hover { opacity:.8;}

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



.hydk_Tit {}
.hydk_Tit strong,
.hydk_Tit span { display:block;}
.hydk_Tit strong { font-size:32px; color:#333;}
.hydk_Tit span { color:#bbb; font-size: 14px;text-transform:uppercase;}

.zxtj_sec { padding:50px 0 0;}
.zxtj_Tit { display:flex; align-items:center; justify-content:center; margin-bottom:30px;}
.zxtj_Tit ul li { float: left;box-sizing: border-box;font-size:14px;line-height:38px;padding:0px 30px;cursor:pointer; color:#666; margin:0 10px;border-radius:20px;border: 1px solid #eee;}
.zxtj_Tit ul li:hover {box-shadow: none;}
.zxtj_Tit ul li.on { color:#fff;border:#ff6700 1px solid; background:#ff6700}

.zxtj_list ul { display:flex; flex-wrap:wrap;}
.zxtj_list ul li { width:24.25%; margin-right:1%;box-shadow: 0 0 12px rgb(0 0 0 / 5%); box-sizing:border-box; background:#fff; border-radius:5px;transform: translateY(0); transition:all .3s;}
.zxtj_list ul li:hover { transform: translateY(-5px);box-shadow: 0 0 12px rgb(0 0 0 / 12%);}
.zxtj_list ul li:hover .text h3 a{color:#ff6600;}
.zxtj_list ul li:nth-child(4n+4) { margin-right:0;}
.zxtj_list ul li:nth-child(1n+5) { margin-top:1%;}
.zxtj_list ul li .image { width:100%; overflow:hidden; border-radius:5px 5px 0 0;}
.zxtj_list ul li .image a { height:230px;display: flex;justify-content: center;align-items: center;}

.NewsBox { position:relative;}
.NewsBox .NewsSwiper { overflow:hidden; padding:.6%; margin-left:-.6%; margin-right:-.6%;}
.NewsBox .swiper-slide { width:24.25%; margin-right:1%;box-shadow: 0 0 12px rgb(0 0 0 / 5%); box-sizing:border-box; background:#fff; border-radius:5px;transform: translateY(0); transition:all .3s;}
.NewsBox .swiper-slide:hover { transform: translateY(-5px);box-shadow: 0 0 12px rgb(0 0 0 / 12%);}
.NewsBox .swiper-slide .image { width:100%; height:230px; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.NewsBox .swiper-slide .image img { }
.NewsBox .swiper-slide .text { padding:20px;}
.NewsBox .swiper-slide .text h4 { display:block; color:#000; font-size:16px; font-weight:400;}
.NewsBox .SwiperBnt { width:64px; height:64px; background:rgb(255 255 255/.6); position:absolute; top:32%;z-index:10; cursor:pointer;transition:all .3s; border-radius:50%;box-shadow: 0 4px 12px rgb(0 0 0 / .1);}
.NewsBox .SwiperBnt:hover { background:rgb(255 255 255/.9);}
.NewsBox .NewsNext { right:-2.2%;}
.NewsBox .NewsPrev { left:-2.2%;}
.NewsBox .SwiperBnt i { display:block; line-height:64px; text-align:center; color:rgb(22 21 29 /.8); font-size:16px;}
.NewsBox .SwiperBnt:hover { box-shadow: 0 4px 12px rgb(0 0 0 / .2);}
.NewsBox .SwiperBnt:hover i { color:#ff6700;}

@media(max-width:1580px){
.zxtj_list ul li .image a { height:200px;}
}

.zxtj_list ul li .image img { width:100%;vertical-align: bottom; transition:all .3s;}
.zxtj_list ul li:hover .image img { transform: scale(1.08);}
.zxtj_list ul li .text { padding:5px 15px 15px 15px;}
.zxtj_list ul li .text h3 { display:block; line-height:30px; color:#000; font-size:15px;}
.zxtj_list ul li .text h3 a{color:#000;}
.zxtj_list ul li .text h4 { display:block; line-height:30px; color:#000; font-size:15px;font-weight:normal}
.zxtj_list ul li .text h4 a{color:#000;}
.zxtj_list ul li .text .hits { font-size:14px; color:#9fb0bd; line-height:20px; height:20px; margin-top:5px;display: flex;align-items: center; display:none}
.zxtj_list ul li .text .hits em { display:inline-block; background: #dfe5e9; margin-right: 6px;padding: 0 5px;border-radius: 3px;font-size: 12px;}
.zxtj_list ul li .text .hits i { margin:0 4px 0 6px; font-size:16px; font-weight:600;}
.zxtj_list ul li .text .price { font-size:16px; color:#ff6600; line-height:20px; height:20px; margin-top:5px;display: flex;align-items: center;}
.zxtj_list ul li .text .price i { margin:0 4px 0 0px; font-size:12px; font-weight:600;}
.zxtj_list ul li .text .guangz { height:20px; line-height:20px; margin-top:10px; font-size:12px; color:#333;display: flex;align-items: center;}
.zxtj_list ul li .text .guangz img { width:20px; height:20px; border-radius:20px; margin-right:10px;vertical-align: bottom;}
.zxtj_list ul li .text .guangz i { font-size:18px; margin-left:auto; color:#ff6600;}
.zxtj_list ul li .text .guangz a{color:#888;}
.zxtj_list ul li .text .guangz .iconfont a{color:#000;}
.zxtj_list ul li .text .guangz:hover .iconfont a{color:#ff6600;font-weight:bold}

.brandtj_sec { padding:60px 0 60px;}
.brandtj_sec ul { display:flex; flex-wrap:wrap; justify-content:center; margin:0 -14px 0 -14px;}
.brandtj_sec ul li { width:16.66666666666667%; transform: translateY(0); transition:all .3s; padding:14px; box-sizing: border-box;}
.brandtj_sec ul li a { display:block;}
.brandtj_sec ul li:hover { transform: translateY(-5px);} 
.brandtj_sec ul li .image { border-radius:8px; border:1px solid #eee; background:#fff; padding:16px; box-sizing:border-box; width:100%; overflow:hidden;transition:all .3s;}
.brandtj_sec ul li:hover .image { box-shadow: 0 0 12px rgb(0 0 0 / 10%);}
.brandtj_sec ul li .image img { width:100%;}
.brandtj_sec ul li:nth-child(6n+6) { margin-right:0;}
.brandtj_sec ul li p { font-size:14px; color:#666; line-height:46px; text-align:center;transition:all .3s;}
.brandtj_sec ul li:hover p { color:#ff6700;} 


.footer {width:100%;padding:30px 0 0px;overflow:hidden;margin-top: 20px;border-top:#eee 1px solid}
.footer dl{width:18%; float:left;}
.footer dl a{color:#777}
.footer dl.w{width:22%;}
.footer dl h4{font-size:16px;margin-bottom:5px;color:#222}
.footer dl dd{font-size:20px;font-weight:bold;padding-top:15px;}
.footer dl dd p{font-size:14px;line-height:18px;padding-top:15px;font-weight:normal}
.footer dl ul p{float:left;width:100px;line-height:30px;overflow:hidden; text-align:center;margin-right:10px;margin-top:10px;}
.footer dl ul li{line-height:33px;font-size:14px}
.footer-b{overflow:hidden;padding:20px 0;font-size:14px;line-height:30px; text-align:center;border-top:#eee 1px solid}
.footer-b img{height:41px;margin:10px}
.indexes{padding-top: 20px;text-align: center;clear: both;padding: 5px 0 5px}
.indexes,.indexes a{font-size: 12px}
.indexes a{padding: 0 0px;display: inline-block;text-transform:Uppercase}


/*通用样式*/
.indexTit { display:flex; align-items:center; margin-bottom:20px;}
.indexTit strong { font-size:22px; color:#2b2d35; display:flex; align-items:center;}
.indexTit strong:before { content:''; display:block; width:6px; height:22px; background:#f60; margin-right:10px; border-radius:4px;}
.indexTit font { margin:0 2vw 0 4vw; display:flex; flex:1; overflow:hidden;}
.indexTit font a { cursor:pointer; padding:0 30px;background: #f7f8fa;border-radius: 30px;line-height: 40px;font-size: 16px;color: #696e81;}
.indexTit font a:nth-child(1n+2) { margin-left:15px;}
.indexTit font a:hover,.indexTit font a.on { background: radial-gradient(200% 120px at 100% 100%, #f3a865 0%, #ff6600 40%); color:#fff; font-weight:700;}
.indexTit span { font-size:16px;margin-left:auto;}
.indexTit span a { color:#afb3c3; display:flex; align-items:center;}
.indexTit span a i { margin-left:5px; font-size: 10px;}

.VideoList ul { display:flex; flex-wrap:wrap;}
.VideoList ul li { width:24.25%; margin-right:1%;box-shadow: 0 0 12px rgb(0 0 0 / 5%); box-sizing:border-box; background:#fff; border-radius:5px;transform: translateY(0); transition:all .3s;}
.VideoList ul li:hover { transform: translateY(-5px);box-shadow: 0 0 12px rgb(0 0 0 / 12%);}
.VideoList ul li:nth-child(4n+4) { margin-right:0;}
.VideoList ul li:nth-child(1n+5) { margin-top:1%;}
.VideoList ul li .image { width:100%; overflow:hidden; border-radius:5px 5px 0 0;}
.VideoList ul li .image img { width:100%;}
.VideoList ul li .text { padding:15px;text-align:center;}
.VideoList ul li .text h3 { display:block; color:#000; font-size:16px; font-weight:400; }

.BuyList ul { display:flex; flex-wrap:wrap;}
.BuyList ul li { width:19.2%; margin-right:1%;box-shadow: 0 0 12px rgb(0 0 0 / 5%); box-sizing:border-box; background:#fff; border-radius:5px;transform: translateY(0); transition:all .3s;}
.BuyList ul li:hover { transform: translateY(-5px);box-shadow: 0 0 12px rgb(0 0 0 / 12%);}
.BuyList ul li:nth-child(5n+5) { margin-right:0;}
.BuyList ul li:nth-child(1n+6) { margin-top:1%;}
.BuyList ul li .image { width:100%; overflow:hidden; border-radius:5px 5px 0 0;}
.BuyList ul li .image img { width:100%;}
.BuyList ul li .text { padding:15px;}
.BuyList ul li .text h3 { display:block; color:#000; font-size:16px; font-weight:400;}
.BuyList ul li .text p { color:#999; font-size:14px; margin-top:8px;}

.BoxStyle1 { background: #fff;border-radius: 8px;box-shadow: 0px 0px 8px rgb(0 0 0 /.09); box-sizing:border-box;}


/*分类列表*/
.SelectBox { background: #fff; margin-bottom: 20px; overflow:hidden; border-radius: 8px;box-shadow: 0px 0px 8px rgb(0 0 0 /.09); padding:10px 20px; box-sizing:border-box; font-size:14px;}
.SelectBox input,.SelectBox textarea,.SelectBox select { padding:0 15px; border:1px solid #ddd; border-radius:4px; height:36px;}
.SelectBox dl dd b { margin:0 10px;}
.SelectBox dl { display:flex; padding:15px 0;}
.SelectBox dl:nth-child(1n+2) { border-top:1px solid #eee;}
.SelectBox dl dt { width:10%; line-height:36px; font-weight:700; color:#222; font-size:14px;}
.SelectBox dl dd { flex:1; overflow:hidden;}
/*//////////////////////////*/
.selectList { background: #fff; margin-bottom: 20px; border-radius: 8px;box-shadow: 0px 0px 8px rgb(0 0 0 /.09); box-sizing:border-box;}
.selectList dl { position: relative; padding: 10px 80px 10px 80px; line-height: 30px; border-bottom: 1px solid #eee; overflow: hidden; }
.selectList dl:last-child { border-bottom: #fff 0px solid; }
.selectList dl dt { position: absolute; width: 60px; left: 20px; top: 12; text-align: left; margin: 0; font-size: 12px; }
.selectList dl dd a { color: #266eab; line-height: 30px; margin-left: 20px; display: inline-block; }
.selectList dl dd a:hover{ text-decoration:underline}
.selectList dl dd { height: 30px; overflow: hidden; }
.selectList dl dd.showMore { position: absolute; top: 10px; right: 10px; cursor: pointer; }
.selectList dl dd.showMore h3 { line-height: normal; padding: 5px 8px; background: #f7f7f7; border: 1px solid #eee;font-size:12px; text-align:center; font-weight: normal; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; border-radius: 3px; }
.selectList dl dd.showMore h3 i { background: none; float: none; display: inline-block; font-size: 12px;}
.selectList dl dd.showMore h3:hover { color: #ff6000; border: #ff6000 solid 1px; background: #fbeaed; }
.selectList dl dd a.on{font-weight:bold}
/*//////////////////////////*/
.selector { background:#fff; margin-bottom: 15px;overflow:hidden;font-size:14px;padding:15px 30px; border-radius: 8px;box-shadow: 0px 0px 8px rgb(0 0 0 /.09); box-sizing:border-box;}
.selector dl { overflow: hidden; position:relative;}
.selector dl dt { height:40px; line-height:40px; float:left; color:#333; font-weight:700; width:50px;}
.selector dl dd { padding:6px 0 6px 0px; overflow:hidden;background:white}
.selector dl dd a {line-height: 28px; margin:0 16px; display:block; float:left;}
.selector dl dd a.on{color: #ff6600;}
/*//////////////////////////*/
.selector .sort-k { color:#333;}
.selector .sort:last-child { border-bottom:0;}
.selector .sort { height:50px;}
.selector .sort input { line-height:32px; border:1px solid #e0e0e0; padding:0 10px; border-radius:3px; color:#666;outline:none;}
.selector .sort select { line-height:32px; border:1px solid #e0e0e0; padding:0 10px; border-radius:3px; color:#666; height:32px;}
.selector .btn-blue { background:#3181fa; color:#fff!important; border:1px solid #3181fa!important;}
.selector .btn-blue:hover { background:#08c161; border:1px solid #08c161!important;} 
.selector .sort-v ul li { line-height:50px;}
.selector .sort-v ul li.on { background:#f5f7fa;}



.preview_sec { display:flex;}
.preview_image { flex:1; background:#fff; overflow:hidden; position:relative;}
.preview_image img { height:100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.preview_info { background:#fff; margin-left:15px; padding:30px; width:330px;}
.preview_info h3 { display:block; font-size:20px; color:#333; margin-bottom:20px;}
.preview_info h3:before { content:''; display:block; height:24px; width:5px; background:#ff6700; float:left;margin: 2px 8px 0 0; border-radius:3px;} 
.preview_info .p_1 { font-size:16px; color:#999; line-height:26px; margin-bottom:10px;}
.preview_info .p_1 p { display:inline-block;}
.preview_info .p_1 span { color:#333;}
.preview_info .preview_btn { margin-top:30px; margin-bottom:20px;}
.preview_info .preview_btn a { display:block; height:42px; line-height:42px; font-size:16px; color:#fff; background:#ccc; border-radius:30px; text-align:center;}
.preview_info .preview_btn i { margin-right:4px;font-size:18px}
.preview_info .preview_btn a:nth-child(1n+2) { margin-top:15px;}
.preview_info .preview_btn a.a_1 { background:#ff6700;}
.preview_info .preview_btn a.a_2 { background:#ee2c2c;}
.preview_info .preview_btn a.a_3 { background:#08c161;}


.preview_info_title { padding: 32px 0 20px;}
.preview_info_title strong { font-size:20px; color:#333;}
.preview_info_title strong:before { content:''; display:block; height:24px; width:5px; background:#ff6700; float:left;margin: 2px 8px 0 0; border-radius:3px;}


.preview_info .tjcp { }
.preview_info .tjcp dd { float:left; width:48%; display:inline-block;}
.preview_info .tjcp dd:nth-child(2n+2) { margin-left:4%;}
.preview_info .tjcp dd .image { width:100%;}
.preview_info .tjcp dd .image img { width:100%;}
.preview_info .tjcp dd h4 { font-size:14px; margin-top:8px; text-align:center;}


.product_show_title { padding: 32px 0 20px;}
.product_show_title strong { font-size:20px; color:#333;}

.product_show_content { background:#fff; padding:20px;}



.pc_banner { position: relative;}
.pc_banner .banner_swiper { position: relative; width:100%; overflow:hidden;}
.pc_banner .banner_swiper img { width:100%}
.pc_banner .b_menu {text-align: center;position: absolute;width: 100%;left: 0;bottom:10px;z-index: 10; }
.pc_banner .b_menu span {display: inline-block;cursor:pointer;margin: 0 5px;width:10px;height:10px;background:#fff; opacity: .8}
.pc_banner .b_menu span.swiper-pagination-bullet-active {background:#ed2920;}

/* album */
.cdx-album{width:400px;height:500px;z-index:1000;}
#mid_pos {position:absolute;}
#mid_div {width:400px;height:400px;cursor:crosshair;background:#F2F2F2;}
#zoomer {width:160px;height:120px;background:#FFFFFF url('image/ab-zoom-bg.gif');position:absolute;z-index:6;opacity:0.5;filter:alpha(opacity=50);}
#big_div {width:500px;height:473px;border:#DDDDDD 1px solid;background:#FFFFFF;position:relative;overflow:hidden;right:-410px;top:-495px;z-index:10000}
#big_pic {position:absolute;}
.tbs {width:414px;height:56px;margin:20px 0;}
.tbs img {cursor:pointer;}
.tbsl {width:32px;height:56px;float:left;}
.tbsr {width:20px;height:56px;float:left; margin-left:-7px;}
.tbsm {width:350px;height:56px;float:left;overflow:hidden;}
.ab_zoom {width:30px;height:30px;background:rgba(0,0,0,.6) url(img/ab-zoom.png) no-repeat center center;position:absolute;z-index:5;margin:370px 0 0 -30px;background-size:20px;}
.ab_play {width:48px;height:48px;border-radius:50%;background:url(img/ab-play.png) no-repeat center center;position:absolute;z-index:7;margin:-223px 0 0 176px;}
.ab_play:hover {background:url(img/ab-play-on.png) no-repeat center center;cursor:pointer;}
.ab_hide {width:40px;height:40px;background:url(img/ab-hide.png) no-repeat center center;position:absolute;z-index:12;margin:-390px 0 0 350px;display:none;background-size:40px;}
.ab_hide:hover {background:url(img/ab-hide.png) no-repeat center center;cursor:pointer;background-size:40px;opacity:.6;}
.ab_video {width:400px;height:400px;border:#eee 1px solid;background:#fff;position:absolute;z-index:10;margin:-402px 0 0 0;display:none;}
.ab_im {padding:2px;margin:0 14px 0 0;border:#e6e6e6 1px solid;float:left;width:50px;height:50px;}
.ab_on {padding:2px;margin:0 14px 0 0;border:#FF6600 1px solid;float:left;width:50px;height:50px;background:#FF6600;}
video{height:400px!important;}