.wp{max-width:72%; margin:0 auto;}

@font-face {
	font-family: 'hmregular';
	src: url('Regular.ttf') format('truetype');
}
*{font-family: 'hmregular';box-sizing: border-box;}
/* 头部 */
#web_head{position: fixed;left: 0;top: 0;width: 100%;z-index: 999;
	background-color: #F0F0F0;padding: 0 50px;border-bottom: 1px solid #ddd;
}
#web_head .con{height: 90px; align-items: center;
	display: flex; justify-content: space-between;
}
#web_head .con .logo img{width: 161px;vertical-align: middle;}
#web_head .left{width: 300px;}
#web_head .left .icon{width: 90px;height: 90px;
	background-image: url(../images/t1.png);cursor: pointer;
	background-size: 26px auto;background-position: center;
	background-repeat: no-repeat;
}
#web_head .left .icon.on{background-image: url(../images/t2.png);}
#web_head .left .icon:hover{background-color: #fff;}




#web_head .head_down{position: absolute;left: 0;top: 100%;
	background-color: rgba(255, 255, 255,0.9);box-shadow: 0px 10px 21px 0px rgba(44,44,44,0.07);
	padding: 100px 0;width: 100%;display: none;z-index: 999;
}

#web_head .head_down .down_con{padding-left: 180px;overflow: hidden;}
#web_head .head_down .nav{margin-left: -180px;float: left;}
#web_head .head_down .nav .item{padding: 18px 0;font-size: 17px;color: #444;
	cursor: pointer;width: 180px;background-size: 10px auto;
	background-image: url(../images/m2.png);background-position: right center;
	background-repeat: no-repeat;font-weight: bold;
}
#web_head .head_down .nav .item:hover,#web_head .head_down .nav .item.on{font-weight: bold;
	background-image: url(../images/m3.png);
}
#web_head .head_down .right_nav{padding-left: 130px;}
#web_head .head_down .right_nav .pic_nav{margin-left: -70px;overflow: hidden;
	display: none;
}
#web_head .head_down .right_nav .item{width: 25%;padding-left: 70px;float: left;
	margin-bottom: 30px;
}
#web_head .head_down .right_nav .item .kuai{cursor: pointer;}
#web_head .head_down .right_nav .item .img{aspect-ratio: 190 / 95;
	position: relative;
}
#web_head .head_down .right_nav .item .img img{
	position: absolute;left: 0;top: 0;
	width: 100%;height: 100%;vertical-align: middle;object-fit: cover;
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transform-origin: center center;
}

#web_head .head_down .right_nav .item .kuai:hover .img img{transform: scale(1.05);}



#web_head .head_down .right_nav .item p{font-size: 16px;color: #444;text-align: center;
	margin-top: 25px;
}
#web_head .head_down .right_nav .item .kuai:hover p{font-weight: bold;}
.dan_hang {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#web_head .right{width: 340px;text-align: right;}
#web_head .right .icon{width:70px;height: 90px;
	background-image: url(../images/t3.png);cursor: pointer;
	background-size: 25px auto;background-position: center;
	display: inline-block;background-repeat: no-repeat;vertical-align: middle;
}
#web_head .right .icon.seach{background-image: url(../images/t4.png);}
#web_head .right .icon.seach.on{background-image: url(../images/t2.png);
	background-size: 18px auto;
}
#web_head .right .icon:hover{background-color: #fff;}
#web_head .right .icon.tel{font-size: 0;transition: all 0.3s ease;line-height: 89px;
	text-align: center;
}
#web_head .right .icon.tel.on{width: 240px;font-size: 22px;font-weight: bold;
	background-position: left center;line-height: 89px;
	padding-left:60px;padding-right: 20px;transition: all 0.3s ease;
	color: #333;background-color: #fff;background-position: 25px center;
}




#web_head .seach_down{position: absolute;left: 0;top: 100%;
	background-color: #fff;box-shadow: 0px 10px 21px 0px rgba(44,44,44,0.07);
	padding: 30px 0;width: 100%;display: none;opacity: 0.9;z-index: 999;
}
#web_head .seach_down input{height: 70px;outline: none;border: none;
	width: 100%;border-bottom: 1px solid #DCDCDC;font-size: 24px;color: #B0B0B0;
}
#web_head .seach_down .con{position: relative;}
#web_head .seach_down .btn{position: absolute;right: 0;top: 50%;
	transform: translateY(-50%);font-size: 24px;color: #444;cursor: pointer;
	width: 50px;height: 50px;background-repeat: no-repeat;
	background-image: url(../images/t4.png);
	background-size: 25px auto;background-position: center;
}
#web_head .seach_down .btn:hover{text-decoration: underline;}














#web_head_mm{
	background-color: #f0f0f0;height: 56px;line-height: 54px;padding: 0 10px;position: fixed;left: 0;top:0;z-index: 999;
   width: 100%;border-bottom: 1px solid #ddd;display: none;
}
#web_head_mm .logo{text-align: left;text-align: center;}
#web_head_mm img{vertical-align: middle;height: 20px;}
#web_head_mm .open_nav{position: absolute;width: 56px;height: 56px;
	background-image: url(../images/top_icon2.png);
   display: inline-block;vertical-align: middle;background-size: 20px;
   background-position: center center;background-repeat: no-repeat;cursor: pointer;left: 0px;top:0;
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   -moz-user-focus: none;
}
#web_head_mm .open_nav.on{background-image: url(../images/top_icon3.png);}
#web_head_mm .right_nav{width: 100%;position: fixed;right: 0;top:56px;z-index: 9;
   bottom: 0;width: 0;overflow: hidden;z-index: 99;
}

#web_head_mm .right_nav .bg{position: absolute;left: 0;top:0;background-color: rgba(0, 0, 0,0);transition:.3s;}
#web_head_mm .right_nav.on .bg{position: absolute;left: 0;top:0;background-color: rgba(0, 0, 0,0.4);transition:.3s;
   width: 100%;height: 100%;
}
#web_head_mm .right_nav.on{width: 100%;}

#web_head_mm .right_nav .nav{position: absolute;height: 100%;width: 0%;left: 0;top:0;background-color: #fff;}

#web_head_mm .right_nav .nav a{display: block;font-size: 14px;color: #333;line-height:40px;padding-left: 30px;
   border-bottom: 1px solid #f0f0f0;height:40px;position: relative;font-weight: bold;
}

#web_head_mm .right_nav .nav a i{font-style: normal;}
#web_head_mm .right_nav .nav a span{display: inline-block;width: 8px;height: 8px;border-radius: 50%;
   border: 1px solid #cccccc;margin-right:20px;vertical-align: middle;display: none;
}
#web_head_mm .right_nav .nav a img{width: 6px;height: auto;vertical-align: middle;margin-right: 21px;margin-left: -5px;
	opacity: 0;
}
#web_head_mm .right_nav .nav a em{vertical-align: middle;font-weight: bold;}
#web_head_mm .right_nav.on .nav{width: 80%;-o-transition:.3s;-ms-transition:.3s;
-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;
}

#web_head_mm .right_nav .nav a b{position: absolute;right: 15px;top:50%;transform: translateY(-50%);
   font-size: 16px;font-weight: normal;color: #666;font-size: 0;
   background-image: url(../images/xx2.png);width: 20px;height: 100%;
   background-size:12px auto;background-position: center;background-repeat: no-repeat;
}

#web_head_mm .right_nav .nav a.on{background-color: #ebebeb;}

#web_head_mm .right_nav .nav a.on b{background-image: url(../images/xx.png);}

#web_head_mm .right_nav .nav a.on span{background-color: #666;border: 1px solid #666;}
#web_head_mm .right_nav .nav .mm_nav_item .mm_nav_item_down{display: none;}


#mm_er_nav{display: none;width: 100%;position: relative;}
#mm_er_nav .tit{height: 42px;line-height: 42px;background-color:#fff;padding:0 3%;
   background-image: url(../images/up1.png);background-repeat: no-repeat;background-position: right 3% center;
   background-size:  13px auto;
}
#mm_er_nav .tit.on{background-image: url(../images/down1.png);}
#mm_er_nav .tit h4{font-size: 14px;color: #333;font-weight: normal;}
#mm_er_nav .down_nav{position: fixed;width: 100%;left: 0;top:100%;background-color: rgba(0, 0, 0,0.1);
  z-index: 999999;bottom: 0;transition:.3s;
}
#mm_er_nav .down_nav.on{top:0px;transition:.3s;}
#mm_er_nav .down_nav .con{position: absolute;left: 0;width: 100%;top:1px;bottom: 50px;padding: 0 20px;
   background-color: #fff;
}
#mm_er_nav .down_nav .con.on{top: 5px;transition:.3s;}
#mm_er_nav .down_nav .con h5{font-size: 16px;color: #333;font-weight: normal;text-align: center;
   padding: 25px 0;
}

#mm_er_nav .down_nav .item{border-bottom: 1px solid #f0f0f0;padding: 5px 0;}
#mm_er_nav .down_nav .item:last-child{border-bottom: none;}
#mm_er_nav .down_nav .item>a{line-height: 30px;font-size: 14px;color: #000;font-weight: bold;}
#mm_er_nav .down_nav .item dt{padding: 5px 0;}
#mm_er_nav .down_nav .item dt>a{font-size: 14px;color: #333;}
#mm_er_nav .down_nav .item dd{padding: 5px 0;}
#mm_er_nav .down_nav .item dd>a{font-size: 13px;color: #333;display: inline-block;}
#mm_er_nav .down_nav .item dd>a img{width: 6px;margin-right: 6px;vertical-align:0px;}
#mm_er_nav .down_nav .colse{background-color: #535353;height: 50px;line-height: 50px;text-align: center;
   cursor: pointer;font-size: 14px;color: #fff;position: absolute;left: 0;width: 100%;bottom: 0;display: none;
}
#mm_er_nav .down_nav.on .colse{display: block;}
.oh{overflow: hidden !important;}


.mm_img{display: none;}

/* 首页 */
.index_banner{width: 100%;overflow: hidden;margin-top: 89px;position: relative;}
.index_banner img{vertical-align: middle;width: 100%;}

.index_banner .video_con{aspect-ratio: 192 / 90; position: relative;overflow: hidden;}
.index_banner video{
	position: absolute;top: 0;left: 0;width: 100%;
	height: 100%;
	object-fit: cover; vertical-align: middle;
	-webkit-playsinline: true;
}


.index_banner .doing_btn{position: absolute;left: 0;width: 100%;
	top: 0;height: 100%;background-color: rgba(0, 0, 0,0.32);
}
.index_banner .doing_btn.on{background-color: rgba(0, 0, 0,0);z-index: 100;}
.index_banner .doing_btn img{width: 155px;vertical-align: middle;
	left: 50%;top: 50%;transform: translate(-50%, -50%);position: absolute;
	cursor: pointer;z-index: 100;
}
.index_banner .doing_btn.on img{display: none;}

.index_banner .swiper-pagination-bullet{background-color: #fff;opacity: 0.3;}
.index_banner .swiper-pagination-bullet-active{opacity: 1;background-color: #fff;}
.index_banner .swiper-slide{position: relative;}
.index_banner .txt{position: absolute;z-index: 99;width: 90%;
	left: 50%;top: 82%;transform: translate(-50%, -50%);
}
.index_banner .txt .con{width: 490px;}
.index_banner .txt .con img{width: 450px;}
.index_banner .txt .con h5{font-size: 22px;color: #fff;margin-top: 32px;font-weight: normal;}
.index_banner .txt .con p{font-size: 18px;color: #fff;margin-top: 8px;}
.index_banner .txt .con .btn{width: 186px;height: 56px;
	margin-top: 38px;text-align: center;background-color: #fff;
	line-height: 56px;font-size: 20px;color: #444;cursor: pointer;
	background-image: url(../images/m1.png);background-repeat: no-repeat;
	background-size: 8px auto;padding-right: 10px;
	background-position: 85% 50%;
}
.index_banner .txt .con .btn span{font-weight: 600;}
.index_banner .txt .con .btn:hover{background-color: #ABC0D8;}

.index_product{padding: 110px 0;background-color: #F0F0F0;}
.index_product .list{overflow: hidden;margin-left: -44px;}
.index_product .list .item{float: left;width: 25%;padding-left: 44px;
	margin: 22px 0;
}
.index_product .list .item .con{background-color: #fff;position: relative;}
.index_product .list .item .pic{width: 100%;aspect-ratio: 31 / 41;position: relative;}

.index_product .list .item .pic img{
	position: absolute;left: 0;top: 0;
	width: 100%;height: 100%;vertical-align: middle;object-fit: cover;
}
.index_product .list .item .txt{padding: 36px 20px;display: none;}
.index_product .list .item .txt p{font-size: 16px;color: #444;text-align: center;}
/* .index_product .list .item .con:hover .pic img{transform: scale(1.05);} */
.index_product .list .item .through{position: absolute;
	left: 0;bottom: 0;width: 100%;height: 100%;transition: opacity 0.5s ease-in-out;
	opacity: 0;
}
.index_product .list .item .con:hover .through{opacity: 1;}



.index_product .list .item .through img{
	position: absolute;left: 0;top: 0;
	width: 100%;height: 100%;vertical-align: middle;object-fit: cover;
}
.index_product .more{text-align: center;}
.index_product .more .btn{width: 186px;height: 56px;display: inline-block;
	margin-top: 38px;text-align: center;background-color: #fff;
	line-height: 56px;font-size: 20px;color: #444;cursor: pointer;
	background-image: url(../images/m1.png);background-repeat: no-repeat;
	background-size: 8px auto;padding-right: 10px;
	background-position: 85% 50%;
}
.index_product .more .btn span{font-weight: 600;}
.index_product .more .btn:hover{background-color: #ABC0D8;}

.index_swiper{width: 100%;overflow: hidden;position: relative;}
.index_swiper img{vertical-align: middle;width: 100%;}
.index_swiper .swiper-pagination-bullet{background-color: #fff;opacity: 0.3;}
.index_swiper .swiper-pagination-bullet-active{opacity: 1;background-color: #fff;}
.index_swiper .swiper-slide{position: relative;}
.index_swiper .txt{position: absolute;z-index: 99;width: 1400px;
	left: 50%;top: 50%;transform: translate(-50%, -50%);
}
.index_swiper .txt .con{width: 490px;}
.index_swiper .txt .con h5{font-size:36px;color: #444;font-weight: normal;}
.index_swiper .txt .con pre{font-size: 18px;color: #444;margin-top: 40px;
	line-height: 1.8;white-space: pre-wrap;
}
.index_swiper .txt .con .btn{width: 186px;height: 56px;
	margin-top: 100px;text-align: center;background-color: #fff;
	line-height: 56px;font-size: 20px;color: #444;cursor: pointer;
	background-image: url(../images/m1.png);background-repeat: no-repeat;
	background-size: 8px auto;padding-right: 10px;
	background-position: 85% 50%;
}
.index_swiper .txt .con .btn span{font-weight: 600;}
.index_swiper .txt .con .btn:hover{background-color: #ABC0D8;}

/* 首页按钮位置 - 按 1920 设计稿对齐 */
@media screen and (min-width: 1201px) {
	.index_banner .txt .con .btn {
		margin-top: 75px;
	}
}
@media screen and (min-width: 1601px) {
	.index_swiper .txt .con .btn {
		margin-left: calc(700px - 45vw);
	}
}

.index_advert{background-size: cover;background-repeat: no-repeat;}
.index_advert img{width: 100%;vertical-align: middle;}
.index_advert p{font-size: 48px;color: #fff;}

.index_news{}
.index_news .list{overflow: hidden;}
.index_news .list .item{width: 25%;float: left;cursor: pointer;}
.index_news .list .item .pic{aspect-ratio: 960 / 1478;
	position: relative;overflow: hidden;
}
.index_news .list .item .pic img{
	position: absolute;left: 0;top: 0;
	width: 100%;height: 100%;vertical-align: middle;object-fit: cover;
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transform-origin: center center;
}

.index_news .list .item:hover .pic img{transform: scale(1.15);}


/* 底部 */
#web_food{padding: 100px 0;background-color: #333436;}
#web_food .con{display: flex;justify-content: space-between;}
#web_food .nav{overflow: hidden;}
#web_food .nav dl{display: inline-block;vertical-align: top;
	margin-right: 125px;
}
#web_food .nav dl dt{font-size: 18px;color: #fff;font-weight: bold;
	margin-bottom: 22px;
}
#web_food .nav dl dd{line-height: 2;}
#web_food .nav dl dd a{font-size: 16px;color: #fff;opacity: 0.8;}
#web_food .nav dl dd a:hover{opacity: 1;}
#web_food .contact{}
#web_food .contact .tel{}
#web_food .contact .tel p{font-size: 18px;color: #fff;font-weight: bold;}
#web_food .contact .tel b{display: block;font-size: 42px;color: #ABC0D8;
	font-weight: bold;margin-top: 5px;
}

#web_food .contact .look{margin-top: 22px;}
#web_food .contact .look span{font-size: 18px;color: #fff;font-weight: bold;display: inline-block;
	vertical-align: middle;width: 111px;
}
#web_food .contact .look .code{display: inline-block;vertical-align: middle;
	margin-left: 15px;position: relative;cursor: pointer;
}
#web_food .contact .look .code .ewm{position: absolute;width: 100px;
	left: 50%;transform: translate(-50%,-102%);
	top: 0;display: none;border-radius: 5px;overflow: hidden;
}
#web_food .contact .look .code:hover .ewm{display: block;}
#web_food .contact .look .code .ewm img{width: 100%;vertical-align: middle;}
#web_food .contact .look .code>img{width: 34px;vertical-align: middle;}
#web_food .contact .look .code a>img{width: 34px;vertical-align: middle;}
#web_food .copy{margin-top: 90px;font-size: 16px;color: #fff;opacity: 0.8;}


.web_now{margin-top: 89px;background-color: #F0F0F0;}
.web_now .wp{height: 68px;display: flex; align-items: center;
	justify-content: space-between;
}
.web_now .wp .left{}
.web_now .wp .left a{font-size: 24px;color: #444;}
.web_now .wp .left a:hover{font-weight: bold;}
.web_now .wp .left span{font-size: 24px;color: #444;margin: 0 3px;}
.web_now .wp .left em{font-size: 24px;color: #444;}
.web_now .wp .right{font-size: 0;}
.web_now .wp .right a{padding:0 50px;height: 68px;font-size: 20px;color: #444;display: inline-block;
	line-height: 68px;margin: 0 1px;
}
.web_now .wp .right a:hover,.web_now .wp .right a.on{background-color: #ABC0D8;}

.n_banner{position: relative;}
.n_banner img{width: 100%;vertical-align: middle;}
.n_banner p{position: absolute;width: 1400px;
	left: 50%;transform: translate(-50%,-50%);top: 50%;font-size: 30px;font-weight: bold;color: #fff;
	text-align: left;
}

#page{text-align: center;margin-top: 26px;margin-bottom: 26px;}
#page li{display: inline-block; height: 35px; padding: 0 14px; border: 1px solid #ddd;
   line-height: 34px; font-size: 14px;color: #333;border-radius: 3px;
   margin: 0 5px;cursor: pointer;background-color: #fff;
}
#page li a{color: #333;}
#page li:hover,#page li.active{border: 1px solid #ABC0D8;
   background-color:#ABC0D8;color: #000;
}
#page li:hover a,#page li.active a{color: #fff;color: #000;}

.product_deta_banner{position: relative;width: 100%;overflow: hidden;
	margin-top: 90px;background-color: #F0F0F0;border-bottom: 1px solid #D6D6D6;
}
.product_deta_banner .swiper-slide{text-align: center;}
.product_deta_banner .swiper-slide img{vertical-align: middle;width: 100%;}

.product_deta_banner .swiper-pagination{bottom: 25px !important;z-index: 8;}
.product_deta_banner .swiper-pagination-bullet{background-color: #fff;opacity:1;}
.product_deta_banner .swiper-pagination-bullet-active{opacity: 1;background-color: #ABC0D8;}
.product_deta_banner .swiper-slide{position: relative;}

.product_deta_con{position: relative;}

.product_deta_money{position: sticky;top: 0;z-index: 99;}
.product_deta_money .money{background-color: #fff;border-bottom: 1px solid #D6D6D6;}
.product_deta_money .money .con{height: 92px;
	display: flex; align-items: center;justify-content: space-between;
}
.product_deta_money .money .left{position: relative;cursor: default;}
.product_deta_money .money .left span{font-size: 30px;color: #000;display: block;position: relative;
	padding-right:0;
}
.product_deta_money .money .left span i {
    display: none;
}

.product_deta_money .money .more_product{position: absolute;left: 0;width: 100%;
	top: 93px;background-color: #fff;padding: 30px 0;border-bottom: 1px solid #D6D6D6;
	display: none;
}


.product_deta_money .money .more_product .item{width: 25%;padding-left: 70px;float: left;
	margin-bottom: 30px;
}
.product_deta_money .money .more_product .item .kuai{cursor: pointer;}
.product_deta_money .money .more_product .item .img{aspect-ratio: 190 / 95;
	position: relative;
}
.product_deta_money .money .more_product .item .img img{
	position: absolute;left: 0;top: 0;
	width: 100%;height: 100%;vertical-align: middle;object-fit: cover;
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transform-origin: center center;
}

.product_deta_money .money .more_product .item .kuai:hover .img img{transform: scale(1.05);}



.product_deta_money .money .more_product .item p{font-size: 16px;color: #444;text-align: center;
	margin-top: 25px;
}
.product_deta_money .money .more_product .item .kuai:hover p{font-weight: bold;}




.product_deta_money .money .right{}
.product_deta_money .money .right span{font-size: 30px;color: #000;font-weight: bold;
	line-height: 92px;vertical-align: middle;
}
.product_deta_money .money .right .btn{display: inline-block;width: 300px;margin-left: 43px;
	height: 92px;text-align: center;line-height: 92px;background-color: #ABC0D8;
	vertical-align: middle;font-size: 20px;color: #444;cursor: pointer;
	background-image: url(../images/m3.png);background-repeat: no-repeat;
	background-size: 9px auto;background-position: 70% 51%;
}
.product_deta_money .money .right .btn:hover{opacity: 0.8;}
.product_deta_money .chose{text-align: center;background-color: #F0F0F0;
	border-bottom: 1px solid #D6D6D6;font-size: 0;
}
.product_deta_money .chose span{display: inline-block;height: 68px;cursor: pointer;
	line-height: 69px;text-align: center;width: 225px;font-size: 20px;color: #444;
	margin: 0 1px;
}
.product_deta_money .chose span.on{background-color: #ABC0D8;}
.product_deta_money .chose span:hover{background-color: #ABC0D8;}
#product_deta_info{}
#product_deta_info img{width: 100%;vertical-align: middle;}


#product_deta_can{padding: 130px 0;background-color: #f6f6f6;}
#product_deta_can h3{text-align: center;font-size: 30px;color: #000;}
#product_deta_can .item{width: 100%;}
#product_deta_can .item .tit{display: flex; align-items: center;justify-content: space-between;
	height: 58px;border-bottom: 1px solid #D6D6D6;cursor: pointer;
}
#product_deta_can .item .tit span{font-size: 20px;color: #333;font-weight: bold;}
#product_deta_can .item .tit em{font-size: 30px;color: #333;}
#product_deta_can .item .item_con{padding: 40px 0;overflow: hidden;display: none;}
#product_deta_can .item .item_con img{width: 100%;}
#product_deta_can .item .data_item{width: 50%;float: left;
	margin: 15px 0;
}
#product_deta_can .item .data_item b{display: block;font-size: 16px;color: #333;}
#product_deta_can .item .data_item p{font-size: 16px;color: #333;margin-top: 10px;}

.product_store{margin-top: 90px;padding: 80px 0;}
.product_store h3{text-align: center;font-size: 30px;}
.product_store .code{text-align: center;margin-top: 80px;}
.product_store .code img{max-width: 430px;vertical-align: middle;}
.product_store .txt{text-align: center;margin-top: 50px;}
.product_store .txt p{font-size: 20px;font-weight: bold;line-height: 2;}

.icon_list{overflow: hidden;margin-top: 90px;}
.icon_list .item{width: 50%;float: left;text-align: center;cursor: pointer;}
.icon_list .item img{margin-bottom: 22px;}
.icon_list .item span{display: block;font-size: 22px;color: #333;
	line-height:2;
}
.icon_list .item:hover span{color: #ABC0D8;}


.service_sale{padding: 80px 0;}
.service_sale h3{text-align: center;font-size: 30px;margin-bottom: 80px;}
.service_sale p{line-height: 2;font-size: 16px;color: #000;}
.service_sale b{display: block;margin-top: 32px;font-size: 16px;color: #000;}

.index_contact{padding: 80px 0;}
.index_contact h3{text-align: center;font-size: 30px;margin-bottom: 80px;}








.product_question{padding: 80px 0;background-color: #f6f6f6;
	padding-bottom: 50px;
}
.product_question h3{text-align: center;font-size: 30px;margin-bottom: 80px;}


.product_question .item{width: 100%;}
.product_question .item .tit{display: flex; align-items: center;justify-content: space-between;
	height: 61px;border-bottom: 1px solid #D6D6D6;cursor: pointer;
}
.product_question .item .tit span{font-size: 20px;color: #333;font-weight: bold;}
.product_question .item .tit em{font-size: 30px;color: #333;}
.product_question .item .item_con{padding: 40px 0;overflow: hidden;
	border-bottom: 1px solid #D6D6D6;display: none;
}
.product_question .item .item_con img{width: 100%;}
.product_question .item .data_item{width: 50%;float: left;
	margin: 15px 0;
}
.product_question .item .item_con p{font-size: 16px;color: #333;
	line-height: 2;
}
.service_down_list{overflow: hidden;margin-left: -40px;}
.service_down_list .item_down{width: 25%;float: left;padding-left: 40px;
	margin-bottom: 40px;
}
.service_down_list .item_down .con{background-color: #fff;
	padding: 15px;
}
.service_down_list .item_down .pic{width: 100%;aspect-ratio: 315 / 320;position: relative;}

.service_down_list .item_down .pic img{
	position: absolute;left: 0;top: 0;
	width: 100%;height: 100%;vertical-align: middle;object-fit: contain;
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transform-origin: center center;
}
.service_down_list .item_down .con:hover .pic img{transform: scale(1.05);}

.service_down_list .item_down .txt{margin-top: 30px;}
.service_down_list .item_down .txt p{font-size: 16px;color: #444;text-align: center;}
.service_down_list .more{margin-top: 40px;text-align: right;}
.service_down_list .more .i{display: inline-block;width:28px;height: 28px;
	background-image: url(../images/d4.png);background-size: 28px 28px;
}
.service_down_list .item_down .con:hover .more .i{background-image: url(../images/d5.png);}

.n_banner2{margin-top: 90px;}
.bg_hui{background-color: #f6f6f6;}
.about_us{padding-top: 100px;}
.about_us .con{background-color: #fff;padding: 50px 60px;text-align: center;}
.about_us .con2{}
.about_us .con img{max-width: 438px;vertical-align: middle;}
.about_us .con2 img{width: 100%;vertical-align: middle;}
.about_us .con p{font-size: 20px;color: #333;line-height: 1.6;margin-top: 40px;text-align: left;}

.about_news{padding-top: 64px;}

.about_news h3{text-align: center;font-size: 30px;}
.about_news .list{margin-top:10px;}
.about_news .list .item{margin-bottom: 40px;background-color: #fff;
	padding-left: 430px;height: 240px;overflow: hidden;cursor: pointer;
	box-shadow:  0 0 8px rgba(0, 0, 0,0.1);
}
.about_news .list .item .pic{width: 430px;height: 240px;position: relative;overflow: hidden;
	float: left;margin-left: -430px;
}

.about_news .list .item .pic img{
	position: absolute;left: 0;top: 0;
	width: 100%;height: 100%;vertical-align: middle;object-fit: cover;
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transform-origin: center center;
}
.about_news .list .item:hover .pic img{transform: scale(1.05);}
.about_news .list .item .txt{padding: 48px 50px;}
.about_news .list .item .txt h4{font-size: 20px;color: #444;padding-right: 110px;position: relative;}
.about_news .list .item .txt h4 span{display: block;}
.about_news .list .item .txt h4 em{position: absolute;
	right: 0;top: 50%;transform: translateY(-50%);font-size: 16px;color: #444;
}
.about_news .list .item .txt p{margin-top: 30px;font-size: 16px;color: #444;
	line-height: 1.8; /* 限制显示行数 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 控制显示的行数 */
    overflow: hidden;
    text-overflow: ellipsis;
}
.about_news .list .item:hover h4{color: #81A0C4;}
.about_news .list .more{text-align: right;margin-bottom: 14px;}
.about_news .list .more a{font-size: 16px;color: #ABC0D8;}
.about_news .list .more a:hover{text-decoration: underline;opacity: 0.8;}




.about_video{padding-top: 20px;}

.about_video h3{text-align: center;font-size: 30px;}
.about_video .list{overflow: hidden;margin-left: -45px;margin-top: 10px;}
.about_video .list .more{text-align: right;margin-bottom: 14px;}
.about_video .list .more a{font-size: 16px;color: #ABC0D8;}
.about_video .list .more a:hover{text-decoration: underline;opacity: 0.8;}
.about_video .list .item{width: 50%;float: left;padding-left: 45px;}
.about_video .list .item .con{aspect-ratio: 68 / 38;position: relative;overflow: hidden;}

.about_video .list .item .con .bg{position: absolute;left: 0;
	top:0;width: 100%;height: 100%;z-index: 8;
}
.about_video .list .item .con .bg img{
	position: absolute;left: 0;top: 0;
	width: 100%;height: 100%;vertical-align: middle;object-fit: cover;
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transform-origin: center center;
}
.about_video .list .item .con:hover .bg img{transform: scale(1.05);}

.about_video .list .item .con video{
	position: absolute;top: 0;left: 0;width: 100%;
	height: 100%;z-index: 7;
	object-fit: cover; vertical-align: middle;
}

.about_video .list .item .doing_btn{position: absolute;left: 0;width: 100%;
	top: 0;height: 100%;background-color: rgba(0, 0, 0,0.32);z-index: 9;
	  display: flex;
	  justify-content: center;
	  align-items: center;
}
.about_video .list .item .doing_btn img{width: 148px;vertical-align: middle;}

.about_video .list .item .con.on .doing_btn{display: none;}
.about_video .list .item .con.on .bg{display: none;}

.about_join{padding-top: 60px;}
.about_join h3{text-align: center;font-size: 30px;}
.about_join .join_con{position: relative;margin-top: 30px;}
.about_join .join_con img{vertical-align: middle;width: 100%;}
.about_join .join_con .txt1{position: absolute;width: 1400px;
	left: 50%;transform: translateX(-50%);top: 80px;
}
.about_join .join_con .txt1 h4{font-size: 30px;color: #333;}
.about_join .join_con .txt1 p{font-size: 24px;color: #333;margin-top: 12px;}


.about_join .join_con .txt2{position: absolute;width: 1400px;
	left: 50%;transform: translateX(-50%);bottom: 25px;text-align: center;
}
.about_join .join_con .txt2 p{font-size: 20px;color: #fff;line-height: 1.8;}

.about_news_list{padding-bottom: 80px;}


.application_info{padding: 60px 0;}

.web_deta .title2{text-align: center;border-bottom: 1px solid #f0f0f0;padding-bottom: 25px;}
.web_deta .title2 h4{font-size: 22px;color: #000;}
.web_deta .title2 span{font-size: 14px;color: #666;margin: 0 10px;margin-top: 15px;
   display: inline-block;
}
.web_deta .back{margin-top: 40px;padding-top: 40px;border-top: 1px solid #f0f0f0;
   text-align: center;
}
.web_deta .back a{display: inline-block;width: 166px;height: 50px;text-align: center;
   line-height: 48px;border: 1px solid #ccc;
   font-size: 14px;color: #333;transition: .3s;
}
.web_deta .back a:hover{background-color: #ABC0D8;border: 1px solid #ABC0D8;
   color: #fff;transition: .3s;
}
.web_deta .deta{margin-top: 30px;}
.web_deta .deta p{font-size: 16px;color: #333;line-height: 1.8;margin-bottom: 15px;}
.web_deta .deta .pic{margin-top: 30px;text-align: center;}
.web_deta .deta .pic img{max-width: 100%;vertical-align: middle;}
.web_deta .deta img{max-width: 100%;vertical-align: middle;}
.about_video2{padding: 80px 0;}
.about_video2 .list{margin-top: 40px;}
.about_video2 .item{margin-bottom: 45px;}

.about_join_con{margin-top: 90px;padding-top: 100px;}
.about_join_con .txt{text-align: center;}
.about_join_con .txt h3{text-align: center;font-size: 30px;}
.about_join_con .txt p{margin-top: 40px;font-size: 20px;color: #444;
	line-height: 2;
}
.about_join_con .txt img{vertical-align: middle;max-width: 100%;
	margin-top: 40px;
}

.about_join_mass{margin-top: 90px;}
.about_join_mass .tit{text-align: center;}
.about_join_mass .tit .one{width: 160px;vertical-align: middle;}
.about_join_mass .tit .line{width: 100%;vertical-align: middle;margin-top: 45px;}
.about_join_mass .mass_con{ display: flex;
  justify-content: space-between;margin-top: 40px;padding-bottom: 40px;
}
.about_join_mass .mass_con .left{width: 48%;}
.about_join_mass .mass_con .right{width: 48%;}
.about_join_mass .mass_con h5{font-size: 20px;color: #444;}
.about_join_mass .mass_con .left p{font-size: 16px;color: #444;margin-top: 40px;}
.about_join_mass .mass_con .left img{margin-top: 30px;
	max-width: 600px;
}
.about_join_mass .mass_con .right .item{margin-top: 30px;}
.about_join_mass .mass_con .right .item input{width: 100%;height: 62px;
	padding: 0 15px;border: 1px solid #DCDCDC;outline: none;font-size: 18px;color: #333;
}
.about_join_mass .mass_con .right .item select{height: 62px;border: 1px solid #DCDCDC;
	padding: 0 15px;width: 48%;font-size: 18px;color: #333;outline: none;
}
.about_join_mass .mass_con .right .item.item2{display: flex;
	justify-content: space-between;
}
.about_join_mass .mass_con .right .item.item_btn{text-align: center;}
.about_join_mass .mass_con .right .item.item_btn input{width: 80%;
	display: inline-block;background-color: #ABC0D8;border: none;font-size: 20px;
	color: #444;line-height: 64px;cursor: pointer;
}
.about_join_mass .mass_con .right .item.item_btn input:hover{opacity: 0.8;}


.platform_list{padding: 100px 200px;overflow: hidden;margin-left: -60px;
	padding-bottom: 40px;
}
.platform_list .item{width: 33.3333%;float: left;padding-left: 60px;
	margin-bottom: 60px;
}
.platform_list .item .con{background-color: #fff;padding: 45px;cursor: pointer;}


.platform_list .item .con .pic{width: 100%;aspect-ratio: 4 / 4;position: relative;}

.platform_list .item .con .pic img{
	position: absolute;left: 0;top: 0;
	width: 100%;height: 100%;vertical-align: middle;object-fit: contain;
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transform-origin: center center;
}

.platform_list .item .con:hover .pic img{transform: scale(1.05);}

.platform_list .item .con p{text-align: center;font-size: 18px;color: #333;
	text-align: center;margin-top: 25px;
}

.platform_store{padding-bottom: 60px;}
.platform_store h3{text-align: center;font-size: 30px;color: #333;}

#dituContent{width: 100%;height: 750px;}

.map_con{position: relative;overflow: hidden;margin-top: 70px;}
.map_con .list{position: absolute;width: 40%;left: 0;top: 0;z-index: 9;
	height: 100%;background-color: rgba(255, 255, 255,0.92);
	box-shadow: 0 0 10px rgba(0,0,0,0.15);padding:0px 100px;
	padding-left: 14%;
}


.amap-copyright,.amap-logo{z-index: 6;}

.map_con .list{overflow-y: auto;}
.map_con .list .item{margin-top: 30px;}
.map_con .list select{height: 62px;border: 1px solid #DCDCDC;
	padding: 0 15px;width: 100%;font-size: 18px;color: #333;outline: none;
}
.map_con .list .item.item2{display: flex;
	justify-content: space-between;
}
.map_con .list .item.item2 select{width: 48%;}
.map_con .list .store_list{}
.map_con .list .item_s{padding: 25px 0;border-bottom: 1px solid #f0f0f0;cursor: pointer;}
.map_con .list .item_s h4{font-size: 20px;color: #333;margin-bottom: 8px;}
.map_con .list .item_s p{font-size: 18px;line-height: 2;color: #333;}


.index_contact .list{display: flex;
  justify-content: space-between;margin-top: 100px;
}
.index_contact .list .item{width: 25%;text-align: center;
	transition: transform 0.3s ease;cursor: pointer;
}
.index_contact .list .item:hover{transform: translateY(-20px);}
.index_contact .list .item img{width: 60px;}
.index_contact .list .item span{display: block;font-size: 32px;color: #111928;margin-top: 15px;}
.index_contact .list .item p{margin-top: 15px;font-size: 24px;color: #64676E;}
.index_contact .map{margin-top: 30px;}
.index_contact .map img{vertical-align: middle;max-width: 100%;}

.index_contact #con_map{margin-top: 50px;}
#con_map{height: 300px;width: 100%;}

#video_pop{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999;
	display: none;
}
#video_pop .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);}
#video_pop .con{width: 70%;height: 70%;position: absolute;
	left: 15%;top: 15%;background-color: #fff;border-radius: 8px;
}
#video_pop .con .close{width: 40px;height: 40px;position: absolute;right: -35px;top: -60px;
	cursor: pointer;
}
#video_pop .con .close img{width: 100%;vertical-align: middle;}
#video_pop .con video{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;}


/* 遮罩 */
.nav-mask {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: none;
  z-index: 9999;
  align-items: center;
  justify-content: center;
}

/* 弹窗主体 */
.nav-dialog {
  width: 80%;
  max-width: 320px;
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  animation: navPop 0.25s ease;
}

@keyframes navPop {
  from {
    transform: scale(0.92);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

/* 文字 */
.nav-title {
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  padding: 18px 15px 10px;
}

.nav-content {
  text-align: center;
  font-size: 15px;
  color: #666;
  padding: 0 20px 18px;
}

/* 按钮区 */
.nav-buttons {
  display: flex;
  border-top: 1px solid #eee;
}

.nav-btn {
  flex: 1;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
}

.nav-btn.cancel {
  color: #999;
  border-right: 1px solid #eee;
}

.nav-btn.confirm {
  color: #1677ff;
  font-weight: 500;
}