
.w1200{max-width:12rem;width:92%;margin:0 auto;}
.w1300{max-width:13rem;width:98%;margin:0 auto;}
.w1400{max-width:14rem;width:98%;margin:0 auto;}
.w1600{max-width:16rem;width:95%;margin:0 auto;}
.f_sem{font-family: montserrat_sem;}
 /* 引入字体 */
@font-face {
	font-family: 'sem';
	src: url('../fonts/DIN Alternate Bold.ttf');
}
@media(max-width:1024px){
	body{font-size: 14px;}
}

.Top{position: fixed;width:100%;z-index:999;top:0;left:0;line-height: 0.85rem;background-color: #fff;}
.Top.an .w1600{padding-right:0.7rem;box-sizing: border-box;}
.Top.on{border-bottom:1px solid rgba(235,235,235,0.1);}
.Top .m-btn{display: none;cursor: pointer;padding:15px 5px;border-radius: 5px;z-index:999;margin-top:13px;margin-left:10px;}
.Top .m-btn span{display: block;width:25px;height:3px;background:#0496e0;position: relative;-webkit-transition: all 200ms cubic-bezier(.4,0,0,1);-o-transition: all 200ms cubic-bezier(.4,0,0,1);transition: all 200ms cubic-bezier(.4,0,0,1);}
.Top .m-btn span::before, .m-btn span::after{content:'';display: block;height:3px;width:25px;background: #0496e0;position: absolute;left: 0;-webkit-transition: all 200ms cubic-bezier(.4,0,0,1);-o-transition: all 200ms cubic-bezier(.4,0,0,1);transition: all 200ms cubic-bezier(.4,0,0,1);}
.Top .m-btn span:before {top: -8px;}
.Top .m-btn span:after {bottom: -8px;}
.Top .m-btn.active span {background: transparent;}
.Top .m-btn.active span:before {transform: rotate(-48deg) translate(-6px, 5px);-webkit-transform: rotate(-48deg) translate(-6px, 5px);-o-transform: rotate(-48deg) translate(-6px, 5px);width: 24px;}
.Top .m-btn.active span:after {transform: rotate(48deg) translate(-6px, -5px);-webkit-transform: rotate(48deg) translate(-6px, -5px);-o-transform: rotate(48deg) translate(-6px, -5px);width: 24px;}

.Top .Logo img{height:.66rem;}
.Top .Logo .img2{display: none;}


.Top .userbtn {text-align: center;position: absolute;right:0.85rem;top:0;min-width:0.75rem;}
.Top .userbtn .userbtnico{margin:0 5px;}
.Top.an .userbtn a{display: flex;color:#333;padding-right:0.2rem;}
.Top .userbtn .userbtnico img{width:0.15rem;}
.Top .userbtn .userbtnico .img2{display: none;}


.MainNav ul::after{content:'';display: block;clear: both;}
.MainNav ul li{float:left;width: 1.2rem;;font-size: 0.18rem;position: relative;text-align: center;margin-right: .1rem;}
.MainNav ul li em{display: block;position: relative;}
.MainNav ul li em a{display: block;font-size: 18px;}
.MainNav ul li em::before{content:'';display: block;width:1.2rem;height:5px;background: #33adff;position: absolute;left:0.05rem;bottom:-1px;transition: all .5s;-webkit-transition: all .5s;transform: rotateY(90deg);-webkit-transform: rotateY(90deg);opacity: 0;}
.MainNav ul li.onnav em::before{opacity: 1;transform: rotateY(0);-webkit-transform: rotateY(0);}
.MainNav ul li:hover em::before{opacity: 1;transform: rotateY(0);-webkit-transform: rotateY(0);}

.MainNav ul li .NavPull{width:1.4rem;line-height: 1.5;position: absolute;top:100%;left:50%;margin-left:-0.7rem;text-align: left;display: none;box-shadow: 0 0 10px rgba(0,0,0,0.1);background-color: #fff;z-index: 999;}
.MainNav ul li:hover .NavPull{display: block;}
.MainNav ul li .NavPull dl dd{background: rgba(255,255,255,1);transition: all .5s;-webkit-transition: all .5s;position: relative;}
.MainNav ul li .NavPull dl dd>a{text-align: center;}
.MainNav ul li .NavPull dl dd a{display: block;padding:0.12rem 0.1rem;font-size: 0.16rem;}
.MainNav ul li .NavPull dl dd:hover>a{background: rgba(4,150,224,0.4);color:#fff;}
.MainNav ul li .NavPull dl dd .TNav{width:100%;position: absolute;left:100%;top:0;display: none;}
.MainNav ul li .NavPull dl dd .TNav .n_nav{position: relative;background: #f5f5f5;margin-bottom:2px;;}
.MainNav ul li .NavPull dl dd .TNav .FNav{width:100%;position: absolute;left:100%;top:0;display: none;}
.MainNav ul li .NavPull dl dd .TNav .FNav a{background: #f7f8f9;margin-bottom:2px;;}
.MainNav ul li .NavPull dl dd:hover .TNav{display: block;}
.MainNav ul li .NavPull dl dd .TNav .n_nav:hover .FNav{display: block;}

.Top.on{color:#fff;}
.Top.on .m-btn span,.Top.on .m-btn span::before,.Top.on .m-btn span::after{background: #fff;}
.Top.on .m-btn.active span {background: transparent;}
.Top.on .Logo .img1{display: none;}
.Top.on .Logo .img2{display: inline-block;}
.Top.on .userbtn a{color:#fff;}

.Top.on .userbtn .userbtnico .img1{display: none;}
.Top.on .userbtn .userbtnico .img2{display: inline-block;}

.Top.on .MainNav ul li em a{color:#fff;}

.nbody{padding-top:0.86rem;}
.nbody .Top{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
@media(max-width:1024px){
	#fullPage{padding-top:60px;}
	.body .Top{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	.body .Top.on{color:#000;}
	.body .Top.on .m-btn span,.Top.on .m-btn span::before,.Top.on .m-btn span::after{background: #0496e0;}
	.body .Top.on .m-btn.active span {background: transparent;}
	.body .Top.on .Logo .img2{display: none;}
	.body .Top.on .Logo .img1{display: inline-block;}

	.body .Top.on .userbtn .userbtnico .img2{display: none;}
	.body .Top.on .userbtn .userbtnico .img1{display: inline-block;}

	.body .Top.on .lan span{background-image: url(../images/lanb.png);}
	.body .Top.on .lan span::before{background-image: url(../images/lan_jtb.png);}

	.body .Top.on .MainNav ul li em a{color:#000;}

	.nbody{padding-top:60px;}
	
	.Top{line-height: 60px;}
	.Top .m-btn{display: block;}
	.Top .Logo img{height:30px;}
	.Top .SearchIco{position: static;width:30px;height:30px;margin-top:15px;line-height: 30px;}
	.Top .userbtn{position: static;margin:0 3px;}
	.Top.an .userbtn a{padding-right:5px;font-size: 12px;}
	.Top .lan{margin-left:0;}
	.Top.an .w1600{padding-right:0;}
	.MainNav{height:calc(100vh - 60px);background: rgba(255,255,255,0.9);position: absolute;right:0;top:100%;width:0;overflow: hidden;visibility: hidden;opacity: 0;transition: all .5s;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	.MainNav ul{max-height:100%;box-sizing: border-box;padding:10px;overflow: auto;min-width:150px;}
	.MainNav ul li{margin-right:0;width:100%;line-height: 40px;font-size: 15px;}
	.Top.on .MainNav ul li{font-size: 14px;margin-bottom:5px;}
	.Top.on .MainNav ul li em a{color:#000;}
	.Top.on .MainNav ul li em{padding-right:40px;}
	.Top .MainNav ul li em b{width:40px;height:100%;background: url(../image/lan_jtb.png) no-repeat center center;position: absolute;right:-10px;top:0;}
	.Top.on .MainNav ul li em b{background: url(../image/lan_jtb.png) no-repeat center center;}
	.MainNav ul li .NavPull{width:100%;margin-left:0;line-height: 1.4;position: static;box-shadow: 0 0 10px rgba(0,0,0,0.1);font-size: 13px;padding:0 0;}
	.MainNav ul li .NavPull dl dd a{padding:12px 0;font-size: 12px;}
	.MainNav.show{width:60%;visibility: visible;opacity: 1;}
	.Top .lan span{padding-left:20px;padding-right:10px;background-size: 14px;}
	.Top .userbtn .userbtnico img{width:13px;}
	.Top.on .userbtn a{color:#333;}

	.Top .Search{padding:40px 30px;}
	.Top .Search .close{width:20px;height:20px;top:10px;right:10px;}
	.Top .Search .SearchBox input{height:38px;font-size: 14px;}
	.Top .Search .SearchBox button{height:38px;}
	.MainNav ul li .NavPull dl dd .TNav{display: block;position: static;padding:10px;box-sizing: border-box;}
	.MainNav ul li .NavPull dl dd .TNav .n_nav{padding:8px;}
	.MainNav ul li .NavPull dl dd .TNav .n_nav span a{font-weight: bold;}
	.MainNav ul li .NavPull dl dd .TNav .FNav{display: block;position: static;}
	.MainNav ul li .NavPull dl dd .TNav .FNav a{background: #f5f5f5;}
	.MainNav ul li .NavPull a{padding-left:10px !important;;padding-right:10p !important;text-align: left;}
	.Top .lan .LanDowm .LanDowmBox{padding:30px;}
	.Top .lan .LanDowm .LanDowmBox ul li .name{font-size: 16px;line-height: 40px;margin-bottom:10px;}
	.Top .lan .LanDowm .LanDowmBox ul li dl dd{line-height: 30px;padding-left:26px;}
	.Top .lan .LanDowm .LanDowmBox ul li dl dd .icon{width:18px;}
	.MainNav ul li em::before{left: 50%;transform: translateX(-50%);background-color: #fff;}
}

@media(max-width:768px){
	.Top .lan .LanDowm{max-height:calc(100vh - 60px);overflow: auto;}
	.Top .lan .LanDowm .LanDowmBox ul li{width:97%;margin-bottom:10px;}
}

/* 底部 - 绿色背景 */
.Footer_green{background-color: #0496e0;color: #fff;}
.footer_links{padding: .2rem 0;font-size: .16rem;border-bottom: 1px solid rgba(235,235,235,0.1);}
.footer_links a{color: #fff;margin-left: .1rem;}
.footer_links a:hover{color: #0496e0;}
.footer_main_green{padding: .5rem 0 .3rem;}
.footer_content{display: flex;justify-content: space-between;}
.footer_nav_area{display: flex;flex: 1;justify-content: flex-start;gap: 50px;padding-left: 0;}
.nav_column{}
.nav_column h4{font-size: .18rem;font-weight: bold;margin-bottom: .15rem;position: relative;}
.nav_column h4 a{color: #fff}

.nav_column ul{list-style: none;padding: 0;margin: 0;}
.nav_column li{font-size: .16rem;color: rgba(255,255,255,0.8);margin-bottom: .08rem;line-height: 1.6;word-break: break-all;}
.nav_column a{color: rgba(255,255,255,0.8);}
.nav_column a:hover{color: #fff;}
.contact_col li{line-height: 1.8;word-break: break-all;}
.footer_right{text-align: right;flex: 0 0 2.5rem;}
.footer_logo_green img{height: .8rem;}
.footer_phone{margin-top: .2rem;}
.phone_label{font-size: .16rem;opacity: 0.6;}
.phone_number{font-size: .32rem;font-weight: bold;margin-top: .05rem;font-family: 'sem';}
.footer_copyright{text-align: center;padding-top: .3rem;border-top: 1px solid rgba(255,255,255,0.2);margin-top: .3rem;}
.footer_copyright p{font-size: 16px;color: rgba(255,255,255,0.6);}
/* 响应式 */
@media(max-width:1024px){
	.footer_content{flex-direction: column;}
	.footer_nav_area{flex-wrap: wrap;}
	.nav_column{width: 30%;margin-bottom: .3rem;}
	.footer_right{text-align: left;flex: none;margin-top: .3rem;display: flex;align-items: center;gap: .3rem;}
	.footer_phone{display: flex;align-items: center;gap: .1rem;}
	.footer_main_green{padding: .1rem ;}
}
@media(max-width:768px){
	.nav_column{width: 45%;margin-right: 0;}
	.footer_nav_area{display: none;}
	.link_bottom{width: 100%;text-align: center;}
	
}


/* 首页 */
.section_a{overflow: hidden;margin-top:.88rem;position: relative;}
.section_bg{ height: 7rem;width: 100%;animation: breatheBg 10s ease-in-out infinite alternate;}
.item_box{padding: 1.5rem 0 1.7rem 0;position: relative;}
.index_bus{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)}
.bannerTab{padding-bottom: 1.5rem;}
.bannerTab .lf_img{z-index:9;width: 6rem;height: 4.5rem;position:absolute;top: 0.8rem;}
.bannerTab .lf_img img{width: 100%;height: 100%;}
.bannerTab .ri_text{background: rgba(14,147,144,0.08);width:9.5rem;padding: 1.12rem 20px 0.8rem 0rem;float: right;margin-top: 0.7rem;}
.bannerTab .ri_text p,.companyIntro p{color: #4D4D4D;max-width: 5.7rem;margin-left: 35%;line-height: 34px;}
.bannerTab .ri_text .en_text,.companyIntro .en_text{margin-left: 35%;color: #4D4D4D;font-size: 0.26rem;}
.bannerTab .ri_text .title,.companyIntro .title{color: #2B2B2B;font-weight: bold;font-size: 0.4rem;padding:10px 0;margin-left: 35%;font-family: PingFang SC, PingFang SC-Medium;}
.bannerTab .owl-nav{display: none;}
.bannerTab  .owl-dots{position: absolute;bottom: 30px;left: 28%;}
.bannerTab  .owl-dots span{width: 14px;height: 14px;border-radius: 50%;display: inline-block;background-color: #CCCCCC;margin-right: 10px;}
.bannerTab  .active span{background-color: #0496e0;}
.section_c{position: relative; width: 100%;background-color: #0496e0;background-size: cover;background-attachment: fixed;height: 8rem;}
/* .section_top{;position: absolute;height: 8.72rem; width: 100%;background: url('../image/bg_mdjz.png') no-repeat;background-size: cover;animation: wave 5s linear infinite;} */
.section_bot{position: relative;}
.section_b{position: relative;width: 100%;background-size: cover;padding: .65rem 0 2rem;}
/* 产品轮播 Swiper */
.product_swiper{margin-top: .6rem	}
.product_swiper .swiper-slide{width: auto;transition: all .4s ease;}
.product_item{text-align: center;width: 2.8rem;}
.product_item a{display: block;}
.product_img{background: #fff;padding: .5rem;overflow: hidden;transition: all .5s}
.product_img img{width: 100%;transition: transform .5s;}
.product_name{color: #fff;font-size: .28rem;margin-top: .2rem;padding: .1rem 0;}
/* Swiper 中心突出效果 */
.product_swiper .swiper-slide:not(.swiper-slide-active){opacity: 0.7}
.product_swiper .swiper-slide:not(.swiper-slide-active) .product_img{background: rgba(255,255,255,0.8);}
/* Swiper导航按钮 */
.product_swiper .swiper-button-next,
.product_swiper .swiper-button-prev{width: 40px;height: 80px;background-size: contain;opacity: 0.7;transition: opacity .3s;}
.product_swiper .swiper-button-next:hover,
.product_swiper .swiper-button-prev:hover{opacity: 1;}
.product_swiper .swiper-button-prev{background: url('../image/icon_arrow_l.png') no-repeat center;}
.product_swiper .swiper-button-next{background: url('../image/icon_arrow_r.png') no-repeat center;}
.product_swiper .swiper-button-next::after,
.product_swiper .swiper-button-prev::after{display: none;}
@media(max-width:1200px){
	.product_item{width: 2.5rem;}
	.product_img img{height: 2rem;}
}
@media(max-width:1024px){
	.product_swiper .swiper-slide{width: auto !important;}
	.product_swiper .swiper-button-next,
	.product_swiper .swiper-button-prev{display: none;}
	.product_item{width: 2.2rem;}
	.product_img img{height: 1.6rem;}
}
@media(max-width:768px){
	.product_swiper .swiper-slide{width: 85% !important;}
	.product_item{width: 100%;}
}
.re{position: relative;}
.title_c{color: #333333;font-size: 0.4rem;text-align: center;font-weight: bold;}
.title_c_sub{color: #33adff;font-size: .2rem;text-align: center;padding-top: -3px;}
.system_desc{font-size: 16px;color: #666666;text-align: center;padding: 20px 0;}
.system_box{box-sizing: border-box;display: flex;}
.system_box li{
	text-align: center;
}
.system_box li p{
	font-size: .28rem;
	color: #333;
	padding-top: 20px;
}
/* 关于我们区域 */
.about_content{display: flex;justify-content: space-between;align-items: center;margin-top: .8rem;}
.about_left{flex: 1;padding-right: .8rem;}
.company_name{color: #333333;font-size: .28rem;font-weight: bold;margin-bottom: .2rem;}
.company_tag{color: #33adff;font-size: .2rem;margin-bottom: .4rem;}
.company_intro p{color: #666666;font-size: .16rem;line-height: 34px;margin-bottom: .3rem;text-align: justify;}
.view_more{display: inline-block;background: #0496e0;color: #fff;font-size: .16rem;padding: .09rem .4rem;border: 1px solid #0496e0;border-radius: 30px;transition: all .3s;}
.view_more:hover{color: #fff;}
.about_right{flex: 0 0 45%;}
.about_right img{width: 100%;}
@media(max-width:1024px){
	.about_content{flex-direction: column;}
	.about_left{padding-right: 0;margin-bottom: .5rem;}
	.about_right{width: 100%;}
	.company_name{font-size: .3rem;}
	.company_intro p{font-size: .14rem;line-height: 26px;}
}
.section_bot  ul{position: absolute;right: 0;top: 40px;z-index: 99;}
.section_bot  ul li{cursor: pointer;;color: #666666;font-size: .3rem;padding: .1rem;text-align: right;display: flex;align-items: center;justify-content: flex-end;}
.section_bot  ul li.active{color: #0496e0;}
.section_bot  ul li.active::before{content: '';display: block;width: 12px;height: 12px;background: #0496e0;border-radius: 50%;margin-right: 10px;}
.section_bot  .big_img{margin:.7rem auto .7rem;text-align: center;}
.section_bot  .big_img img{width: 3.5rem;height: 3.5rem;}
.small_list{display: flex;justify-content: space-between;margin-top: .6rem;}
.small_list .product_img{width: 1.3rem;height: 1.3rem;}
.small_list>div:nth-child(1),.small_list>div:nth-child(5){margin-top: -1.4rem;}
.small_list>div:nth-child(2n){margin-top: -.5rem;}
.small_list>div:nth-child(3){margin-top: -.1rem;}
.small_list .sy_nd{display: none;}
.more{width: 1.7rem;height:0.36rem;background-color: #F4F6F7;color: #0496e0; display: flex;align-items: center;justify-content: center;border-radius: 25px;position: absolute;left: 50%;transform: translateX(-50%);bottom: .5rem;}
.more a{padding-top: 3px;color: #0496e0;font-size: 16px;font-weight: bold;display: flex;align-items: center;}
.more img{margin-left: 10px;display: block;margin-top: -4px;}
.small_list .active .sy_nd{display: block;margin: 10px auto;display: block;}
.product_all .product_img_list{display: none;}
.product_all .product_img_list:first-child{display: block;}
.section_d{position: relative;background-color: #F4F6F7;padding: 1.1rem 0 1.4rem;}
.map_title{z-index: 99;position: absolute;left: 50%;transform: translateX(-50%);font-weight: bold;font-size: 0.45rem;top: .8rem;}
.section_e {padding: 1.3rem 0 2rem;}
.section_e ul{display: flex;margin-top: .5rem;}
.section_e ul li{width: calc((100% - 75px)/3);position: relative;}
.section_e ul li:nth-child(even){margin:0 70px;}
.newa_img{position: relative;overflow: hidden;}
.newa_img img{height: 300px;width: 100%;}
.new_mores{color: #0496e0;}
.new_mores:hover img{transform: translateX(5px);transition: all .5s ease; }
.news_title{font-size: .20rem;line-height: 30px;color: #333333;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newa_img img:hover{transform: scale(1.1);transition: all  .6s ease-in-out;border-radius: 20px;}
.time{color: #0496e0;font-size: 14px;padding-bottom: .1rem;}
.news_text{background-color: #fff;padding: .2rem 0 ;}
.news_text p{font-size: .16rem;color: #666666;line-height: 1.8;}
.section_e .more{bottom: 1.1rem;}
.bottom_img{float: right;margin-top: .5rem;}
.section_f{background: url('../image/bg_scjd.png') no-repeat;background-size: cover ;padding: 1.5rem 0 1rem;}
.icon_list{display: flex;justify-content: space-between;color: #FFFFFF;text-align: center;padding-top: .6rem;}
.icon_list img{display: block;margin: 0 auto;padding-bottom: 10px;}
.icon_list img:hover{transform: translateY(-3px);transition: all .5s ease-in-out; }
.system_list{
	display: grid;grid-template-columns: repeat(6, 1fr);gap: 24px;
	margin-top: .7rem;
}
.system_list li{border-radius: 16px;overflow: hidden;}
.system_list li a{display: block;width: 100%;height: 100%;}
.system_list li a img{
	 width: 100%;height: 100%;object-fit: contain;background: #fff;aspect-ratio: 2/1;display: block;
}

.system_list li:hover img{
	border: 1px solid rgba(51,173,255,1);		
}
.jd_title{
	
	font-size: .45rem;
	font-family: PingFang SC, PingFang SC-Medium;
	font-weight: Medium;
	text-align: center;
	color: #ffffff;
	line-height: 40px;
	text-shadow: 0px 6px 6px 0px rgba(0,0,0,0.17)
}
.jd_sub{
	color: #FFFFFF;
	font-size: 16px;
	padding: .6rem 0;
	text-align: center;
}
.sup_title{
	font-size: .3rem;
	color: #fff;
	font-family: PingFang SC, PingFang SC-Medium;
	font-weight: Medium;
	text-shadow: 0px 6px 6px 0px rgba(0,0,0,0.17);
	text-align: center;
}
.sup_title:after{
	content: '';
	display: block;
	width: .5rem;
	height: 4px;
	border-radius: 2px;
	background: #fff;
	margin: 0 auto;
}
.p_t{
	display: -webkit-box;
color: #333;
font-size: 14px;
margin-bottom: .2rem;
padding: .26rem 0 .2rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;}
.p_t:hover{color: #0496e0;}
/* From Uiverse.io by gharsh11032000 */ 
.more :hover img{transform: translateX(5px);transition: all .5s ease; }

/*  @keyframes wave {
    0% {
      transform: translateY(-10px);
    }
    50% {
      transform: translateY(10px);
    }
    100% {
      transform: translateY(-10px);
    }
  } */
/* @keyframes wave {
    0% {
        background-position-x: 0;
        transform: scaleX(100%)
    }

    50% {
        transform: scaleX(135%)
    }

    to {
        background-position-x: 132%;
        transform: scaleX(100%)
    }
} */
@media(max-width:1366px) {
	.section_bg{height: auto;}
}
@media(max-width:1024px){
	.section_bg{height: auto;margin-top: 16px;}
	.w1300{width: 95%;}
	.bannerTab .ri_text{width: 100%;margin-top: 0;}
	.bannerTab .lf_img{position: relative;width: 100%;top: 10px;}
	.item_box{padding: 10px;}
	.bannerTab .ri_text .en_text,.bannerTab .ri_text .title,.bannerTab .ri_text p{margin-left: 0;}
	.bannerTab .ri_text{float: none;padding: 20px 10px 40px 10px;}
	.bannerTab .ri_text p{font-size: 12px;line-height: 24px;}
	.bannerTab .owl-dots{bottom: 25px;left: 60%;}
	.bannerTab .ri_text p{max-width: 95%;}
	.bannerTab{padding-bottom: 10px;}
	.more{padding: 6px;}
	.section_e ul{flex-wrap: wrap;}
	.section_e ul li{width: 100%;margin-bottom: 10px;}
	.section_e{padding: .1rem 0 ;}
	.newa_img img{width: 100%;}
	.section_e ul li+.li{margin-left: 0px;}
	 .section_e .more,.more{position: relative;bottom: 0;margin: 10px 0 20px 0;height: auto;bottom: 0;}
	.section_f{padding: .5rem .1rem;}
	.p_t{font-size: 12px;}
	.section_bot ul{position: relative;display:flex;justify-content: space-between;margin: 10px 0;top: 0;}
}
@-webkit-keyframes breatheBg {
    0% {
        opacity: .8;
        -webkit-transform: scale(1.1);
        transform: scale(1.3);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes breatheBg {
    0% {
        opacity: .8;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


/* 发展历程 */

.fzlc{padding: 1rem 0 1.5rem;}
.nei_title{font-size: .5rem;color: #222222;font-weight: bold;cursor: pointer;}
.nei_title span{padding-right: 5px;}
.lc_img{position: relative;}
.line{width: 1rem;height: 0.06rem;background-color: #0496e0;border-radius: 3px;}
.fzlcs{padding-top: 1rem;background-size: cover;}
.footer_top{
	animation: wave 12.5s linear infinite;
	background-color: transparent;
	background: url('../image/png_bl.png') repeat-x;
	background-position-y: 0;
	background-size: auto 100%;
	height:3.27rem;
	min-height: 70px;
	width: 300%;
}
@keyframes wave {
    0% {
        background-position-x: 0;
        transform: scaleX(100%)
    }

    50% {
        transform: scaleX(135%)
    }

    to {
        background-position-x: 132%;
        transform: scaleX(100%)
    }
}
.companyIntro{display: flex;padding: .6rem 0 1.5rem;align-items: center;}
.companyIntro .lf_imgs{width: 6rem;overflow: hidden;}

.companyIntro  .ri_text{flex:1;position: relative;}
.ri_text_bg{position: absolute;right: 0;top: -.94rem;}
.companyIntro p,.companyIntro .title,.companyIntro .en_text{margin-left:.8rem;}

.can_relative{position: relative;}
.lines .circle{position: absolute;width: 2.4rem;height: 2.4rem;background: url('../image/png_yq.png') rgba(255, 255, 255, .5) no-repeat;background-size: cover;color: #0277b5;font-family: PingFang SC, PingFang SC-Semibold;display: flex;align-items: center;justify-content: center;flex-direction: column;z-index: 10;border-radius: 50%;}
.lines .circle p{font-size: .3rem;text-align: center;font-weight: bold;}
.lines .circle span{font-size: .18rem;text-align: center;}
.lines .circleone{left: 44%;top: .8rem;}
.circletwo{top: 2.5rem;left: 60%;}
.circlefive{top: 2.5rem;right: 60%;}
.circlethree{top: 5.5rem;left: 34%;}
.circlefour{top: 5.5rem;right:32%;}
.can_relative .banner{padding-top: 0;margin-top: .8rem;}
.bottom_img{position: absolute;bottom: 0;left: 0;z-index: 1;}
.qy_relative{position: relative;}
.qy_relative img{position: absolute;}
.qy_relative_l{left: -1rem;bottom: -.9rem;}
.qy_relative_r{right: -.9rem;top: -10px;}
.center_img {
	position: absolute;
	opacity: .6;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	top: 1rem;
}
/* .can_relative .circle{animation: rotate 4s infinite linear;} */
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.relative{position: relative;}
.relative .top_bg{
	position: absolute;
	top: 0;
	left: 0;
}
.fzlcs ul{display: flex;margin: 1.5rem 0;}
.fzlcs ul li{width: calc((100% - 75px)/4);position: relative;}
.fzlcs ul li .bottom_imgs{position: absolute;bottom: .4rem;left: 0;z-index: 2;}
.fzlcs ul li+.li{margin-left: 25px;}
.fzlcs{overflow: hidden;}
.fzlcs .newa_img{overflow: inherit;}
.fzlcs ul li a img:hover {transform: translateY(-.8rem);transition: all 0.8s;}
.fzlcs ul .active a img{transform: translateY(-.8rem);position: relative;z-index: 2;}
.fzlcs .lf_img{position: absolute;top:.46rem;left: -1.13rem;z-index: 1;}
.show_img{display: none;}
.active .show_img{display: block;}

.fzlcss{padding: 1rem 0;}
.concat{margin-top: .5rem;display: flex;}
.right_address{
	position: relative;
	flex: 1;
	box-sizing: border-box;
	padding-left: .4rem;
	padding-top: .4rem;
}
.bg_img{
	position: absolute;
	left: -1rem;
	top: -1.7rem;
}
.fzlcss .title{color: #4D4D4D;font-size: .24rem;padding: .5rem 0;}
.right_address p{color: #4D4D4D;font-size: 0.18rem;display: flex;align-items: center;margin-top: .1rem;}
.right_address p img{margin-right: 10px;}
.news{padding: 1rem 0;}
.top_tab{border-bottom: 1px solid #E6E6E6;display: flex;justify-content: center;}
.top_tab li{font-size: .3rem;color: #333333;margin-right: 1rem;height: .7rem;cursor: pointer;}
.top_tab li.active{border-bottom: 2px solid #0496e0;}

.news_ri p{color: #0496e0;font-size: .24rem;padding: 5px 0 10px;}
.news_ri p:hover{transform: translateY(-5px);transition: all .5s;}
.news_item .news_lf{overflow: hidden;}
.news_item .news_lf img:hover{transform: scale(1.1);transition: all .5s;}
.news_ri .intro{font-size: .16rem;padding-bottom: .1rem;color: #4D4D4D;}
.news_item .time{height: .4rem;text-align: center;background-color: #ECF7F7;padding: 0 .2rem;display: inline-block;line-height: .4rem;border-radius: 5px;}
.zrsf{display: flex;margin: 1rem 0 .5rem;}

.zrsf li{width: calc((100% - 40px)/4)}
.zrsf li a{display: flex;flex-direction: column;}
.zrsf li+.li{margin-left: 40px;}
.zrsf li:nth-child(even) a{flex-direction: column-reverse;}
.zrsf li:nth-child(even) .line_img{margin: 0 0 .2rem;}
.zrsf .titles{color: #222222;font-size: .28rem;font-family: PingFang SC, PingFang SC-Medium;font-weight: bold;text-align: center;}
.zrsf .line_img{display: block;text-align: center;margin-top: .2rem;}
.zrsf .zrsf_text{background: #ffffff;box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.10);width: 100%;font-size: .15rem;color: #333333;font-family: PingFang SC, PingFang SC-Regular;line-height: 26px;box-sizing: border-box;padding: .3rem .2rem;}
.zrsf_cover_img{overflow: hidden;}
.zrsf_cover_img img{width: 100%;}
.zrsf_cover_img img:hover{transform: scale(1.1);transition: all .5s;}
.zrsf li:nth-child(even)  .line_img img{transform: rotate(180deg);}
.dmjz{position: relative;padding: 0rem 0 2rem;}
.dmjz_top{padding-top: 1rem;}
.bottom_bg{position: absolute;bottom: -2rem;}
.dmjz_list{display: flex;justify-content: space-between;padding-top: .8rem;}
.dmjz_list li{width: 32%;background: #F5F5F7;border-radius: 20px;box-sizing: border-box;padding: .5rem  .4rem .3rem;}
.dmjz_list .title_dm{font-size: .36rem;text-align: center;color: #333;font-weight: bold;}
.dmjz_list .title_dm:hover{color: #0277b5;transform: translateY(-5px);transition: all .5s;}
.dmjz_list .dm_tips{font-size: .2rem ;color: #4D4D4D;text-align: center;padding: .19rem 0 .2rem;}
.btn_more{
	width: 1.5rem;
	height: .4rem;
	border: 1px solid #0496e0;
	border-radius: 4px;
	display: flex;align-items: center;justify-content: center;
	margin: 0 auto;
}
.btn_more:hover img{cursor: pointer;transform: translateX(10px);transition: all .5s; }
.dmjz_img{overflow: hidden;}
.dmjz_img img:hover{
	transform: scale(1.1);
	transition: all .5s;
}
.dmjzs{padding-bottom: 1.5rem;}
.cate_bg{background: url('../image/bg_milk_s.png') no-repeat;background-size: cover;height: 1.86rem;display: flex;align-items: center;}
.cate_ul {display: flex;border-bottom: 1px solid #E6E6E6;justify-content: space-between;color: #4D4D4D;font-size: .3rem;margin-top: .4rem;}
.dmjz .bannerTab{padding-top: .8rem;}
.cate_ul li{padding-bottom: 10px;}
.cate_ul  .cate_active{border-bottom: 2px solid #0496e0;display: flex;align-items: center;}
.cate_ul  .cate_active img{margin-left: 5px;}
.owlBan .item{padding: 50px 0;border-radius: 10px;}
.detail{text-align: center;background-color: #FFF6F1;padding: .5rem 0;}
.yzny_list{margin-top: 1rem;}
.yzny_list .cover_img{overflow: hidden;}
.yzny_list .cover_img:hover img{transform: scale(1.1);transition: all .8s}
.yzny_list li{margin-bottom: .2rem;position: relative;}
.yzny_list li .po_text{position: absolute;width: 100%;bottom: 0;background: rgba(0,0,0,0.2);padding: .3rem .2rem .4rem;box-sizing: border-box;color: #fff;}
.yzny_list li p{font-size: .3rem;padding-bottom: .1rem;}
.cyl{padding-top: .8rem;}
.dmjzv{padding-bottom: 0;}
.zygc{background-color: #F7F7F7;padding-bottom: .8rem;}
.top_zygz{background-color: #fff;margin-bottom: .5rem;box-sizing: border-box;padding: .7rem .5rem;}
.top_zygz_title{color:#333333;font-size: .3rem;font-weight: bold;text-align: center;padding-bottom: .5rem;}
.zygc_list{display: flex;}
.zygc_img{overflow: hidden;}
.zygc_img img:hover{transform: scale(1.1);transition: all .3s; }
.zygc_list p,.top_zygz ul li p{max-width: 50%;margin-left: .3rem;line-height: 40px;font-size: .16rem;padding-top: .5rem;}
.top_zygz ul li{display: flex;}
.top_zygz ul li:nth-child(even){flex-direction: row-reverse;}
.top_zygz ul li:nth-child(even) p{margin-left: 0rem;width: 45%;}
.play_btn{
	height: 40px;
	background: rgba(0,0,0,0.15);
	border: 1px solid #ffffff;
	border-radius: 8px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 60px;
	padding: 0 1rem;
	cursor: pointer;
}
.popup{
	position: fixed;
	z-index: 888;
	background-color: #000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
}
.video_img{
	width: 88%;
	height: calc(100vh - 110px);
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	top:100px;
	z-index: 889;
}
.video_img video{width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
.close_img{position: fixed;z-index: 999;top: 100px;right:10px}
.ywh  .cate_ul{justify-content: space-around;}
.ywh .detail_cover{width:100%;}
.hidden{
	overflow: hidden;
}
.ywh_detail .detail_cover video{width: 100%;object-fit: cover;}
 .swiper-container {
      width: 100%;
      height: 100%;
	  margin-top: 1rem;
    }
.swiper-slide-prev,.swiper-slide-next {
	width: 4rem !important;
	
	background: #f5f5f7;
   margin-right: 0 !important;
   transition: 300ms;
   display: flex;
   align-items: center;
   justify-content: center;
   display: block;
   margin-top: .42rem;
}
.swiper-slide-prev .product_img,.swiper-slide-next .product_img{
	padding: .4rem;
}


.swiper-slide-prev .product_name,.swiper-slide-next .product_name{
	display: none ;
}
.swiper-slide-active{
	width: 6rem !important;
	height: 4.5rem !important;
	display: block;
	 margin-right: 0 !important;
}
.swiper-slide a img,.swiper-slide-prev a img,.swiper-slide-next  a img{
	transform: scale(1);
	width: 100%;
	height: 2.3rem;
	
}
.swiper-slide a{
	text-align: center;
	color: #4D4D4D;
	font-size: 18px;
	font-family: PingFang SC, PingFang SC-Medium;
	font-weight: bold;
	
}

.swiper-slide-active a{
	font-size:24px;
}
.swiper-slide-active a img{
	width: 100%;
	height: 3.1rem;
}
 .swiper-container .swiper-button-prev{
	width: 40px;
	height: 80px;
	background: url('../image/icon_arrow_l.png');
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	left: 10%;
	z-index: 99;
	display: none;
}
 .swiper-container .swiper-button-next{
	width: 40px;
	height: 80px;
	background: url('../image/icon_arrow_r.png');
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	right: 10%;
	z-index: 99;
	display: none;
}
.shadow_center{
	width: 4.2rem;
	height: .3rem;
	position: relative;
	margin: 0 auto;
	
}
.shadow_center_img{
	width: 4.2rem;
	height: .3rem;
	position: absolute;
}


.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
	display: none;
}
@media(max-width:1500px){
	.lines .circle{width: 2rem;height: 2rem;}
	.circlefour,.circlethree{top:5rem}
	.qy_relative_l{bottom: -.5rem;}
}

@media(max-width:1024px){
	.companyIntro{display: block;}
	.fzlcs{padding-top: 10px;}
	.companyIntro .lf_img{width: 100%;}
	.companyIntro p{font-size: 12px;}
	.companyIntro .en_text{font-size: 14px;padding-top: 10px;}
	.companyIntro .ri_text{padding: 0 10px;}
	.companyIntro p, .companyIntro .title, .companyIntro .en_text{margin-left: 0;}
	.companyIntro p{max-width: 100%;}
	.footer_top{height: 2rem;overflow: hidden;width: 100%;}
	.fzlc{padding: .5rem 0;}
	.fzlcs ul{flex-wrap: wrap;}
	.fzlcs ul li{width: calc(50% - 10px);position: relative;margin-bottom: 10px;}
	.fzlcs ul li+.li{margin-left: 0;}
	.fzlcs ul li:nth-child(even){margin-left: 20px;}
	.concat{display: block;}
	.fzlcss{padding: 10px 0;}
	.fzlcss .title{padding: 10px 0;}
	.fzlcss .title{font-size: 16px;}
	.right_address p{font-size: 12px;}
	.right_address{padding: 20px 10px;}
	.zrsf{flex-wrap: wrap;margin: 10px 0;}
	.zrsf li{width: 100%;margin-bottom: 20px;}
	.zrsf li+.li{margin-left: 0;}
	.zrsf li:nth-child(even) a{flex-direction: column;}
	.zrsf .zrsf_text{font-size: 12px;}
	.zrsf li:nth-child(even) .line_img{margin:.2rem 0 0;}
	.zrsf li:nth-child(even) .line_img img{transform: rotate(0);}
	.zrsf .titles{font-size: 18px;}
	.dmjz_list{flex-wrap: wrap;}
	.dmjz_list li{width: 100%;margin-top: 20px;}
	.dmjz_list .title_dm{font-size: 18px;}
	.dmjz_list .dm_tips{font-size: 12px;}
	.btn_more{width: 2.2rem;height: .6rem;}
	.dmjz_list{padding-top: 0;}
	.active .show_img,.show_img{display: none !important; }
	.fzlcs ul{
		margin: 10px 0;
	}
	.yzny_list{margin-top:10px}
	.dmjzs{padding-bottom: .5rem;}
	.cate_ul .cate_active img{display: none;}
	.zygc_list p, .top_zygz ul li p{font-size: 12px;line-height: 20px;padding-top: 0;}
	.zygc_list,.top_zygz ul li{display: block;}
	.top_zygz{padding: 10px;}
	.zygc_list p, .top_zygz ul li p{max-width: 100%;padding-top: 10px;}
	.top_zygz ul li:nth-child(even) p{width: 100%;}
	.play_btn{font-size: 12px;}
	.news{padding: .5rem 0;}
	.news_item a{display: block;}
	.news_item .news_lf img{width: 100%;}
	.fzlcsfs ul{margin-top: 80px;}
	.lines{display: none;}
	.news_ri .intro{font-size: 12px;}
	
}

/* 页面通用布局 */
.page_section{padding-top: .88rem;}
.page_content{padding: .5rem 0;}
.content_layout{display: flex;gap: .5rem;}
/* 侧边栏 */
.sidebar{width: 2.8rem;flex-shrink: 0;}
.sidebar_block{background: #fff;border-radius: 0;margin-bottom: .2rem;overflow: hidden;}
.sidebar_title{background: #0496e0;color: #fff;font-size: .22rem;font-weight: bold;padding: .12rem .15rem;position: relative;}
.sidebar_title span{font-size: .16rem;opacity: 0.6;margin-left: .05rem;font-weight: normal;}
/* 产品菜单 */
.product_menu{list-style: none;background: #fff;border: 1px solid #eee;border-top: none;}
.product_menu li{border-bottom: 1px solid #f0f0f0;}
.product_menu li:last-child{border-bottom: none;}
.product_menu a{display: flex;justify-content: space-between;align-items: center;padding: .12rem .15rem;color: #333;font-size: .16rem;transition: all .3s;}
.product_menu li.active a{color: #33adff;}
.product_menu img{width: 9px;height: 14px;transform: scale(.8);}
.product_menu a:hover,.product_menu a.active{color: #0496e0;font-weight: bold;}
.product_menu a:hover::after,.product_menu a.active::after{color: #0496e0;}
/* 推荐新闻 */
.news_list{list-style: none;padding: .2rem;background: #fff;border: 1px solid #eee;border-top: none;}
.news_list li{margin-bottom: .18rem;position: relative;padding-left: .12rem;}
.news_list li::before{content: '•';color: #666;position: absolute;left: 0;font-size: .16rem;line-height: 1.2;top: 3px;}
.news_list li:last-child{margin-bottom: 0;}
.news_list a{color: #666;font-size: 14px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list a:hover{color: #0496e0;}
/* 联系信息 */
.contact_info_block{background: #fff;border: 1px solid #eee;border-top: none;}
.contact_info_block .company_name{font-size: .16rem;color: #333;font-weight: bold;padding: 12px 15px;}
.contact_info_item{font-size: .14rem;color: #333;border-top: 1px solid #eee;padding: 12px 15px;}
.contact_info_item span{color: #333;}
.message_btn{display: block;width: 100%;background: #4a4a4a;color: #fff;text-align: center;padding: .12rem 0;margin-top: .15rem;font-size: .13rem;}
.message_btn:hover{background: #333;}
/* 主内容区 */
.main_content{flex: 1;border-radius: 10px;}
.content_header{padding: 10px 0;}
.page_title{font-size: .28rem;color: #333;font-weight: bold;}
.page_path{font-size: .16rem;color: #333;margin-top: .1rem;}

.page_path a:hover{color: #0496e0;}
.link_bottom img{
	margin-bottom: 1rem;
}
/* 联系详情 */
.contact_main h2{font-size: .22rem;color: #333333;margin-bottom: .2rem;}

.info_row{display: flex;padding: .12rem 0;}

.info_label{font-size: .2rem;color: #333;flex-shrink: 0;}
.info_value{font-size: .2rem;color: #666;}
/* 地图 */
.map_section{padding: .3rem 0 1rem;}
.map_section h3{font-size: .18rem;color: #333;margin-bottom: .15rem;}
.map_box{overflow: hidden;min-height: 3rem;}
.map_box img{width: 100%;object-fit: cover;}

/* 新闻列表样式 */

.news_content_title{
	
	font-size: .42rem;
	font-family: PingFang SC, PingFang SC-Bold;
	font-weight: 700;
	text-align: center;
	color: #333333;
	padding-top: .5rem;
}
.news_content_en{
	font-size: .18rem;
	padding-top: 4px;
	font-family: PingFang SC, PingFang SC-Bold;
	font-weight: 700;
	text-align: center;
	color: #33adff;
	padding-bottom: .4rem;
}
.news_item_list{list-style: none;}
.news_item{padding: 0rem .2rem;border: 1px solid #DBDBDB;margin-bottom: .2rem;}
.news_item:hover{border: 1px solid #0496e0;transition: all .3s;}

.news_header{display: flex;justify-content: space-between;align-items: center;margin-bottom: .15rem;border-bottom: 1px solid #DBDBDB;padding: .2rem 0;}
.news_header h3{flex: 1;}
.news_header h3 a{font-size: .16rem;color: #333;font-weight: bold;line-height: 1.5;transition: color .3s;}
.news_header h3 a:hover{color: #0496e0;}
.news_item:hover .news_header h3 a{color: #0496e0;}
.news_date{font-size: .14rem;color: #666;flex-shrink: 0;margin-left: .2rem;}
.news_desc{font-size: 14px;color: #999;line-height: 1.8;margin-bottom: .15rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.more_link{font-size: .16rem;color: #0496e0;display: flex;align-items: center;padding-bottom: .25rem;}
.more_link img{margin-left: 3px;width: 10px;height: 6px;display: block;}
.news_item:hover .more_link img{transform: translateX(3px);transition: all .3s;}
.news_publish_title{font-size: .28rem;color: #333;text-align: center;padding-top: .6rem;}
.news_publish{font-size: .16rem;color: #999999;text-align: center;padding-top: .2rem;}
.editor_css{padding: .2rem;}
.editor_css_p{
	padding: .5rem .2rem;
}
/* 分页 */
.pagination{display: flex;justify-content: center;align-items: center;gap: .08rem;margin: .4rem 0;}
.pagination a{display: block;min-width: .4rem;height: .36rem;line-height: .36rem;text-align: center;font-size: .14rem;color: #666;border-radius: 4px;transition: all .3s;}
.pagination a:hover{border-color: #0496e0;color: #0496e0;}
.pagination a.active{background: #0496e0;color: #fff;border-color: #0496e0;}
.pagination .prev,.pagination .next{min-width: .7rem;}
/* 响应式 */
/* 产品中心 */
.product_center{display: grid;grid-template-columns: repeat(2, 1fr);gap: .3rem;padding-bottom: .4rem;}
.product_card{background: #F1F1F1;overflow: hidden;transition: all .3s;}
.product_card:hover{border-color: #0496e0;box-shadow: 0 5px 20px rgba(0,0,0,0.1);}
.product_card .product_imgs{height: 4rem;overflow: hidden;}
.product_card .product_imgs img{width: 100%;height: 100%;object-fit: cover;transition: transform .5s;}
.product_card:hover .product_imgs img{transform: scale(1.05);}
.product_card .product_info{padding:.42rem .2rem .2rem;text-align: center;}
.product_card h3{margin-bottom: .08rem;}
.product_card h3 a{font-size: .16rem;color: #333;font-weight: bold;transition: color .3s;}
.product_card h3 a:hover{color: #0496e0;}
.product_en{font-size: .12rem;color: #999999;margin-top: .1rem;}
.product_desc{font-size: .12rem;color: #666;line-height: 1.6;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}

@media(max-width:1024px){
	.content_layout{flex-direction: column;}
	.sidebar{width: 100%;display: flex;flex-wrap: wrap;gap: .2rem;}
	.sidebar_block{width: calc(50% - .1rem);}
	.main_content{width: 100%;}
	.info_grid{grid-template-columns: 1fr;}
	.product_center{grid-template-columns: repeat(2, 1fr);}
}
@media(max-width:768px){
	.sidebar_block{width: 100%;}
	.product_center{grid-template-columns: 1fr;}
}

/* 人才招聘 */
.recruit_intro{padding: .3rem .5rem;margin-bottom: .3rem;background: #F9F9F9;}
.recruit_intro p{font-size: .13rem;color: #666;line-height: 1.8;}
.job_list{display: grid;grid-template-columns: repeat(2, 1fr);gap: .2rem;}
.job_card{background: #fff;border: 1px solid #DBDBDB;padding: .2rem;transition: all .3s;}
.job_card:hover{border-color: #0496e0;box-shadow: 0 3px 15px rgba(0,0,0,0.1);}
.job_header{display: flex;justify-content: space-between;align-items: center;margin-bottom: .1rem;}
.job_header h3{font-size: .16rem;color: #333;font-weight: bold;}
.job_tag{background: #0496e0;color: #fff;font-size: .1rem;padding: .02rem .08rem;border-radius: 3px;}
.job_meta{display: flex;flex-wrap: wrap;gap: .15rem;margin-bottom: .1rem;}
.job_meta span{font-size: .14rem;color: #333333;}
.job_meta span::before{content: '|';margin-right: .15rem;color: #ddd;}
.job_meta span:first-child::before{display: none;}
.job_desc{font-size: .14rem;color: #999999;line-height: 1.6;margin-bottom: .1rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.job_detail{font-size: .14rem;color: #0496e0;}
.job_detail:hover{text-decoration: underline;}
/* 企业风貌 */
.gallery_grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: .2rem;}
.gallery_img{position: relative;overflow: hidden}
.zhil_img{padding: .6rem;background-color: #fff;border-bottom: 1px dotted #eee;}
.gallery_img img{width: 100%;max-height: 4rem;object-fit: cover;transition: transform .5s;}
.gallery_item:hover .gallery_img img{transform: scale(1.05);}
.gallery_info{background: #fff;padding: .26rem .15rem;display: flex;align-items: center;justify-content: space-between;}
.gallery_info h3{margin-bottom: .08rem;}
.gallery_info h3 a{font-size: .16rem;color: #333;font-weight: bold;transition: color .3s;}
.gallery_info h3 a:hover{color: #0496e0;}
.gallery_link{font-size: .14rem;color: #0496e0;}
.gallery_link img{width: 10px;height: 5px;}
.gallery_link:hover{text-decoration: underline;}
@media(max-width:1024px){
	.job_list{grid-template-columns: repeat(2, 1fr);}
}
@media(max-width:768px){
	.job_list{grid-template-columns: 1fr;padding-bottom: .2rem;}
	.news_content{padding-bottom: .2rem;}
	.gallery_grid{grid-template-columns: 1fr;}
}
/* 企业荣誉 */
.honor_gallery{display: grid;grid-template-columns: repeat(3, 1fr);gap: .3rem;}
.honor_item{background: #fff;overflow: hidden;box-shadow: 0 3px 15px rgba(0,0,0,0.08);transition: all .3s;}
.honor_item:hover{transform: translateY(-5px);box-shadow: 0 8px 25px rgba(0,0,0,0.12);}
.honor_img{
	padding: .4rem .3rem;
	
	position: relative;
	border-bottom:  2px dashed #f4f6f7;;
}
.honor_img::before{
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;

	opacity: 0.3;
	pointer-events: none;
}
.honor_img img{width: 100%;object-fit: cover;display: block;}
.honor_name{
	text-align: center;
	font-size: .2rem;
	color: #333;
	padding: .2rem .15rem;
	font-weight: bold;
	background: #fff;
}
@media(max-width:1024px){
	.honor_gallery{grid-template-columns: repeat(2, 1fr);}
}
@media(max-width:768px){
	
	.section_b{padding: .2rem 0;}
	.about_content{margin-top:.3rem}
	.honor_gallery{grid-template-columns: repeat(1, 1fr);gap: .15rem;padding: .15rem;}
	.honor_img img{height: 2.5rem;}
	.map_section{padding: 0 .1rem;}
	.link_bottom img{margin-bottom: 0;}
	.news_content_title{padding-top: 0;}
	.gallery_info h3,.gallery_link{font-size: 16px;}
	.section_e ul li:nth-child(even){
		margin: 10px 0;
	}
}
