body{background:#f2f3f7cc;}
.font48{font-size: 48px;line-height: 60px;margin-bottom: 40px;}
.bold{font-weight: bold;}
.center{text-align: center;}
.font36{font-size: 36px;line-height: 40px;margin-bottom: 40px;}

.top{background:#f2f3f7cc;}
.dtitle{margin:130px auto 80px auto;}
.dtitle h3{font-size: 32px;line-height: 40px;font-weight: bold;}

.catelist a{margin-right: 40px;opacity: 0.8;}
.stitle{margin-top: 40px;}
.stitle h4{font-size: 28px;font-weight: bold;line-height: 30px;margin-bottom: 40px;}
.stitle2 h5{font-size: 20px;line-height: 28px;font-weight: normal;margin-bottom: 20px;}

.swiper-wrapper{max-width: 1440px;}
.swiper_n{position: absolute;width: 100%;height: 100%;opacity: 0;}
.swiper_n .w1440{position: relative;height: 100%;max-width: 1440px;}
.swiper_n .iconfont{font-size: 30px;}
.mouse-swiper {width: 100%;position: relative;overflow: hidden;margin-bottom: 30px;    padding: 20px 0;}
.mouse-swiper:hover .swiper_n{opacity: 1;}
.swiper-btn {position: absolute;top: 50%;transform: translateY(-50%);width: 64px;height: 64px;border-radius: 50%;background: #4a4b5033;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 999;transition: all .2s ease;}
.swiper-btn.prev {left: 0px;}
.swiper-btn.next {right: 0px;}
.swiper-btn:hover{background:#4a4b501a;}
.swiper-slide {color: #0d1018;width: 400px ;opacity: 1;cursor: pointer;transition: all 0.3s ease;transform: scale(1);box-shadow: 0px 6px 16px 0px #0c213f2e;border-radius: 1.5rem;overflow: hidden;background: #fff;}
.swiper-slide:last-child{margin-right: 0 !important;width: 320px;}
.swiper-slide img {width: 100%;border-radius: 8px;object-fit: cover;}
.swiper-slide:hover {opacity:1;transform:scale(1.01);}
.swiper-slide h2{font-size: 28px;margin: 50px 40px 0 40px;color: #0d1018;line-height: 30px;}
.swiper-slide div{position: relative;}
.swiper-slide i{font-size: 14px;position: absolute;color: #fff;font-style: normal;background: #0d1018;border-radius: 1.5rem;display: block;position: absolute;bottom: 30px;width: 105px;height: 44px;line-height: 44px;text-align: center;margin-left: -52.5px;left: 50%;transition: 0.5s all;opacity: 0;}
.swiper-slide i:hover{background: rgba(0,102,255,1);}
.swiper-slide:hover i{bottom: 70px;opacity: 1;}
.swiper-slide div.color{display: flex;justify-content: center;margin: 5px 40px;}
.swiper-slide div.color em{width: 12px;height: 12px;border-radius: 50px;margin: 5px 3px;border: 1px solid #ddd;}
.swiper-slide .des h3{font-size: 14px;font-weight:bold;line-height: 20px;}
.swiper-slide .des p{font-size: 14px;font-weight: normal;line-height: 20px;color: #333;}
.swiper-slide .des{margin:20px 40px 30px 40px;align-items: center;}
.swiper-slide .des a{background: rgba(0,102,255,1);height: 44px;line-height: 44px;text-align: center;border-radius: 1.5rem;color: #fff;padding: 0 25px;width: 35px;}

.product_list_n .swiper-slide{width: 980px;}
.product_list_n .swiper-slide h2{position: absolute;z-index: 1;}
.product_list_n .swiper-slide h2 em{display: block;font-size: 14px;color: #e26735;font-weight: bold;font-style: normal;margin-bottom: 8px;}
.product_list_n .swiper-slide .des h3{margin-bottom: 5px;}
.product_list_n .swiper-slide .des{position: relative;bottom: 0;margin-top: -75px;}
.product_list_n .swiper-slide:last-child {margin-right: 0 !important;width: 340px;}
.white{color: #fff !important;}
.white a{color: #fff !important;}
.white h2{color: #fff !important;}
.white p{color: #fff !important;}

.content{margin-top: 50px;}
.product_content_n .swiper-slide{width: 500px;}
.product_content_n .swiper-wrapper{max-width: initial;margin-left: 28px;justify-content: center;}
.product_content_n .swiper-slide{box-shadow: 0px 0px 0px 0px #0c213f2e;}
.product_content video{width: 100%;height: 900px;object-fit: cover;object-position: center;}
.product_content_n .mouse-swiper{margin: 20px 0;}

.manual{margin-top: 88px;}
.box {overflow: hidden;}
.hd {text-align: center;}
.hd span {display: inline-block;line-height: 40px;text-align: center;cursor: pointer;border: 1px solid #ddd;padding: 0 25px;height: 40px;margin: 0 8px;background: #fff;border-radius: 50px;}
.hd span i{font-size: 20px;vertical-align: bottom;padding-right: 5px;}
.hd span.on {background: rgba(0,102,255,1);border-color: rgba(0,102,255,1);    color: #fff;}
.bd li {display: none;padding-top: 55px;}
.bd li.on {display: block;}
.bd li div{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));}
.bd li div a{display: flex;background-color: rgba(242,243,247,1);justify-content: space-between;margin: 0 4.5% 4.5% 0;padding: 5%;border-radius: 10px;}
.bd li div a:hover{background-color: #06f3;}
.bd li div a h4{font-weight: normal;color: #0d1018;}
.bd li div a:hover h4{font-weight: bold;}
.bd li div a i{font-style: normal;}

.support{margin-top: 88px;}
.support_n{background: rgb(242,243,247);padding: 80px;border-radius: 25px;margin-bottom: 40px;overflow: hidden;}
.support_3 i{font-size: 36px;display: block;}
.support_3 p{font-size: 24px;margin: 20px 0;}
.support_3 a{font-size: 36px;font-weight: bold;display: block;color: #0d1018;line-height: 40px;}
.support_3 em{font-style: normal;font-size: 16px;display: block;margin-top: 10px;}

.typeimg{height: 540px;overflow: hidden;}
.typeimg img{transform-origin: center;transition: transform 5s cubic-bezier(.22,1,.36,1);width: 100%;object-fit: cover;object-position: center;height: 100%;}
.typeimg:hover img{transform: scale(1.18) ;}
.stores{margin-top: 88px;margin-bottom: 88px;}
.stores_n{border-radius: 25px;overflow: hidden;box-shadow: rgba(12, 33, 63, 0.2) 0px 9px 30px 0px;margin-bottom: 50px; transition: transform 1s ;}
.stores_n:hover{transform: scale(1.02) ;}
.stores_n .stores_t{width: 50%;}
.stores_n .stores_x{width: 50%;}
.stores_n .stores_x .stores_xn{padding:50px;}
.stores_n .stores_x .stores_xn h4{font-size: 28px;}
.stores_n .stores_x .stores_xn li{font-size: 16px;color: #999;margin-top: 30px;line-height: 32px;}
.stores_n .stores_x .stores_xn li p{color: #0d1018;}

.contant_t{height: 100vh;position: relative;z-index: 1;}
.contant_t img{height: 100vh;}
.contant_tn{}
.contant_t2{position: relative;z-index: 2;height: 100vh;background: #fff;}
.fixed{position: fixed;width: 100%;}
.absolute{position: absolute;top: 0;}
.contant_t2_l{width: 50%;}
.contant_t2_r{width: 50%;}
.contant_t2_r img{object-fit: cover;height: 100%;width: 100%;}
.contant_t3{position: relative;z-index: 3;height: 100vh;background: #fff;}

.contant_t2_l h4{font-weight: bold;font-size: 24px;}
.contant_t2_l{display: flex;justify-content: flex-end;align-items: center;}
.jies{width: 660px;margin-right: 60px;color: #666;line-height: 30px;}
.jies h4{color: #0d1018;margin-bottom: 30px;}
.contant_t3 .contant_t2_l{justify-content: flex-start;}
.contant_t3 .contant_t2_l .jies{margin-right: 0px;margin-left: 60px;}
.about_t{font-size: 55px;color: #fff;position: absolute;width: 100%;text-align: center;align-items: center;height: 100%;justify-content: center;margin-top: -2%;}
.about_t div{position: relative;z-index: 1;font-weight: bold;letter-spacing: 5px;}

.mall{margin:140px auto 88px;}
.mall ul{display: flex;justify-content: center;}
.mall ul li{box-shadow:0px 6px 16px 0px #0c213f2e;position: relative;text-align: center;width: 180px;height: 180px;justify-content: center;display: flex;align-items: center;border-radius: 20px;overflow: hidden;margin: 0 20px;}
.mall ul li .dis{}
.mall ul li .mall_n{}
.mall ul li p{margin-top: 5px;}
.mall ul li img{width: 60px;}
.mall ul li .dist{cursor: pointer;overflow: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;justify-content: center;display: flex;align-items: center;opacity: 0;transition: 0.5s;}
.mall ul li .dist img{max-width: 0;max-height: 0;transition: 0.5s;}
.mall ul li:hover .dist{z-index: 1;opacity: 1;}
.mall ul li:hover .dist img{max-width: 200px;max-height: 200px;width: 120px;}
.mall ul li .dist .iconfont{    font-size: 30px;}

.drive{padding: 88px;}
.drive .font36{margin-bottom: 10px;}
.drive_s{margin: 20px 0;}
.drive_s i{font-size: 20px;padding: 0 10px;}
.font28{font-size: 28px;}
.drive_n li{box-shadow: 0px 6px 16px 0px #0c213f2e;background: #fff;padding: 40px;border-radius: 20px;margin: 40px 1.5%;width: 33%;}
.drive_n ul{justify-content: center;}
.drive_n li .p1{font-size: 14px;line-height: 20px;} 
.drive_n li .p2{font-size: 12px;color: #999;line-height: 18px;margin: 10px 0;}
.drive_n li a{margin:20px 0 0;padding: 0 25px;height: 40px;line-height: 40px;border-radius: 40px;transition: all 0.5s;background: rgba(0, 102, 255, 1);display: inline-block;color: #fff;}
.drive_n li a:hover{transform: scale(1.1);-ms-transform: scale(1.1);}
.drive_n li a .iconfont{font-size: 20px;vertical-align: bottom;padding-right: 5px;}

.product_list_z .swiper-wrapper{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.product_list_z .swiper-slide:last-child{width: 32%;}
.product_list_z .swiper-slide{ margin-right: 2%;margin-bottom: 2%;    width: 32%;}
.product_list_z .mouse-swiper{overflow: initial;margin-bottom: 0;}
.product_list_z .swiper-slide:nth-child(3n){margin-right: 0;}
/* 通用分页样式 */
.pages {margin-top: 0px;clear: both;text-align: center;margin-bottom: 60px;}
.pages:after {content: '.';clear: both;height: 0;line-height: 0;display: block;visibility: hidden;}
.pages ul {padding: 0;list-style: none;margin: 0;}
.pages li {margin-right: 3px;display: inline-block;border-radius: 8px;overflow: hidden;}
.pages li a {height: 40px;line-height: 40px;color: #666;display: block;width: 40px;text-align: center;font-size: 14px;background: #fff;}
.pages li span{height: 40px;line-height: 40px;color: #666;display: block;width: 40px;text-align: center;font-size: 14px;display: none;}
.pages li:last-child a{font-family: cursive;}
.pages li:first-child a{font-family: cursive;}
.pages li:first-child span{font-family: cursive;}
.pages li a:hover {background: rgba(0,102,255,1);color: #fff;text-decoration: none;}
.pages .current a {background: rgba(0,102,255,1);color: #fff;}

.news_list .swiper-slide h2{font-size: 16px;margin: 0 0 10px 0;}
.news_list .swiper-slide .des {margin: 20px 30px;display: block;}
.news_list .swiper-slide .des a{display: inline-block;height: 40px;line-height: 40px;}
.news_list .swiper-slide .des p{color: #999;margin: 5px 0;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news_list .swiper-slide .des p em{padding-right: 5px;}
.news_list .swiper-slide .des .flex{align-items: center;margin-top: 15px;}
.news_list .swiper-slide {margin-right: 1.5%;margin-bottom: 1.5%;width: 23.875%;}
.news_list .swiper-slide:nth-child(3n) {margin-right: 1.5%;}
.news_list .swiper-slide:nth-child(4n) {margin-right: 0;}
.news_list .swiper-slide:last-child {width: 23.875%;}
.dtitle_nw{margin: 130px auto 40px auto;}
.swiper-slide i{bottom: 0px;}
.news_list .swiper-slide:hover i{bottom: 20px;}

.page_news_content_ll{float: left;width: 74%;border-radius: 20px;overflow: hidden;}
.page_news_content_r{float: right;width: 20.5%;background-color: #fff;padding: 30px 2%;border-radius: 20px;overflow: hidden;}
.page_news_content{margin-top: 100px;margin-bottom: 60px;}
.news-left-img{width: 100%;height: auto;overflow: hidden;}
.news-left-img img{width: 100%;height: 100%;transition: all 0.5s;-ms-transition: all 0.5s;}
.page_news_content_l li:hover .news-left-img img{transform: scale(1.1);-ms-transform: scale(1.1);}
.page_news_content_l li{margin-bottom: 25px;background: #fff;position: relative;}
.page_news_content_l li a{display: flex;}
.news-left-text{margin: 20px 25px;align-self: center;width: auto;}
.news-left-text h2{font-size: 18px;font-weight: bold;color: #333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.page_news_content_l li:hover .news-left-text h2{color: rgba(0,102,255,1);}

.news-left-text p{font-size: 15px;line-height: 26px;color: #444;margin: 10px 0 20px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-left-text i{font-size: 15px;color: #444;font-style: normal;}
.page_news_l_l li{background: #fff;float: left;width: 24%;margin-right: 1.3%;margin-bottom: 30px;}
.page_news_l_l li:nth-child(4n){margin-right: 0;}
.news-left-text{width: auto;}
.page_news_l_l li .news-left-img img{width: 100%;transition: all 0.5s;-ms-transition: all 0.5s;}
.news-left-text p{height: 52px;}
.page_news_content .pages{margin-top: 20px;}
.page_news_l_l li:hover img {transform: scale(1.1);-ms-transform: scale(1.1);}

.news_serch input.keyxw{outline: 0;border:0;line-height: 50px;border-radius: 50px;font-size: 14px;color: #999;padding:0 0px 0 8%;width: 60%;float: left;}
.news_serch form{border: 1px solid #ddd;border-radius: 50px;overflow: hidden; margin-bottom: 40px;}
.news_serch .submit{background: url(../img/ser.jpg) no-repeat center;height: 50px;width: 66px;float: right;border: 0;}
.page_news_content_cid{margin-bottom: 40px;}
.page_news_content_cid li{font-size: 18px;color: #333;border-bottom: 1px solid #eee;line-height: 60px;}
.page_news_content_cid li::before{content: "-";margin-right: 8px;}
.page_news_content_cid li:hover::before{color: rgba(0,102,255,1);}
.page_news_content_cid li:hover a{color: rgba(0,102,255,1);}
.page_news_content_cid li.on::before{color: rgba(0,102,255,1);}
.page_news_content_cid li.on a{color: rgba(0,102,255,1);}

.page_news_content_zuij li{margin-bottom: 20px;}
.page_news_content_zuij li a{display: flex;}
.page_news_content_zuij .zuij_wz h2{font-size: 14px;color: #666;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: normal;}
.page_news_content_zuij .zuij_tu{width: 150px;height: 100px;float: left;overflow: hidden;border-radius: 10px;}
.page_news_content_zuij .zuij_tu img{width: 150px;height: 100px;transition: all 0.5s;-ms-transition: all 0.5s;}
.page_news_content_zuij .zuij_wz{margin-left: 20px;align-self: center;float: right;width: 155px;margin-top: 10px;}
.page_news_content_zuij .zuij_wz i{font-size: 13px;color: #444;font-style: normal;display: block;margin-top: 10px;}
.page_news_content_zuij li:hover h2{color: rgba(0,102,255,1);}
.page_news_content_zuij li:hover img{transform: scale(1.1);-ms-transform: scale(1.1);}

.page_news_content_nex_b i{font-size: 13px;color: #444;font-style: normal;margin: 0 5px;}
.page_news_content_nex{background: #fff;padding: 60px 50px;}
.page_news_content_nex_b h3{font-size: 24px;color: #333;margin-bottom: 20px;}
.page_news_content_nex_b{text-align: center;border-bottom: 1px solid #eee;padding-bottom: 30px;margin-bottom: 30px;}
.page_news_content_nex_n{font-size: 14px;line-height: 26px;color: #666;overflow: hidden;}
.page_news_content_nex_n img{max-width: 100%;height: auto !important;margin-bottom: 10px;}
.page_news_content_nex_n p img{}
.page_news_content_nex_n a{color: rgba(0,102,255,1);text-decoration: underline;}
.page_news_content_nex_n p{}
.d_page{margin-top: 40px;border-top:1px solid #eee;padding-top: 40px;    line-height: 30px;font-size: 13px;color: #666;}
.new_bts{font-size: 20px;color: #333;font-weight: normal;margin-top: 15px;margin-bottom: 15px;}

#qrcode {display: none;}
.share a.wx:hover #qrcode {display: block;}
.share{text-align: center;margin-top: 10px;}
.share a{ display: inline-block; width: 40px; color: #999; cursor: pointer;position: relative;font-size: 14px;}
.share img{ display: block; margin: auto; padding-top: 6px;width: 150px;border: 10px solid #fff;max-width: initial;}
.share a:hover i{color: rgba(0,102,255,1);}
.share .in{ padding-top: 7px;}
.share .xl{ padding-top: 8px;}
.share .lz{ padding-top: 9px;}
.share .iconfont{ display: block; width: 32px; height: 32px; margin: 0 auto; transition: background 0.2s linear;font-size: 24px;}
.share .icon-lingying{font-size: 21px;}
.wxfxtd {display: none;}
#qrcode {position: absolute;}
.wxfxtd {position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;background-image: url(../img/wxfx.png);background-repeat: no-repeat;background-position: center 10%;background-size: 400px;}
@media screen and (max-width: 880px) {
.wxfxtd {display: block;}
}
@media screen and (max-width: 767px) {
.wxfxtd {background-size: 75%;}
.page_news_content {width: 90%;}
}
.show{padding: 88px 0;}