html,body{margin: 0;padding: 0;background: #fff;}
*{font-family:"\5FAE\8F6F\96C5\9ED1", "arial"!important;}
.flex{display: flex;}
.cz-center{display: flex;align-items: center;}
.cs-center{display: flex;justify-content: center;align-items: center;}
.sb-center{display: flex;justify-content: space-between;align-items: center;}
a{text-decoration: none;color: inherit;}
.PCBlock{display: block;}
.SJBlock{display: none;}


#box-1 .box1{-webkit-mask-image:url(../img/video_img.png);mask-repeat: no-repeat;position: relative;-webkit-mask-position: center;mask-size: 100%;width: 30vw;height: 30vw;max-width: 530px;max-height: 530px;}
#box-1 .box1 video{width: 100%;height: 100%;object-fit: cover;}
#box-1 .box1 .img{position: absolute;width: 100%;height: 100%;left: 0;transform: scale(0.5);}


#box-2 .box1{width: 40%;max-width: 595px;}

@media (min-width:850px){
     html,body{overflow-x: hidden;}
    .panel{width: auto;min-height: 100vh;}
    .main {width: fit-content;overflow-x: visible;height: 100%;display: flex;flex-wrap: nowrap;transition: 0.5s;z-index: 10;position: relative;touch-action: none;will-change: transform;}
    section{z-index: 9;position: relative;margin-left: -1px;}
    .hide.hidden{opacity: 0.5;}
    .main_box{min-width: 100vw;flex-shrink: 0;height: 100%;}
    #main{transition: 1.2s;}
    .header_logo{max-width: 300px;position:fixed!important;}
    .footer_lxfs{left: 7%;}
	footer{display: none;}
	.main .wow{animation: none!important;}
	.pro_block{display: flex;background: #fff;padding-left: 5vw;}
	.pro_block .main_box{height: 100vh;overflow: hidden;}
	.pro_block .pro_block_title{margin: 0 12vw 5vw 0;max-width: 435px;width: 30vw;}
	.pro_block .slide_bj{position: relative;}
	.pro_block .slide_bj .pro_block_img{position: absolute;top: 34%;width: 31vw;z-index: 2;left: -11vw;max-width: 595px;}
	.pro_block .slide_bj li{width: 59vw;}
	.pro_block .slide_bj li .img,.pro_block .slide_bj li .img img{width: 100%;height: 100%;}
	.pro_block .slide_title li{writing-mode: tb;font-size: 3.6rem;font-weight: bold;padding: 50px 25px;letter-spacing: 3px;}
	.pro_block .content{width: max-content;padding: 250px 7vw 0 7vw;}
	.pro_block .content .title{font-size: 22px;font-weight: bold;}
	.pro_block .content span{width: 45px;height: 2px;background: #000;display: inline-block;margin: 33px 0;}
	.pro_block .content li{font-size: 18px;padding-bottom: 20px;position: relative;}
	.pro_block .content li::before{content: '';width: 8px;height: 8px;background: #E1041B;border-radius: 50%;position: absolute;left: -15px;top: 9px;}
	
	.pro_list{background: #fff;padding: 0 5vw;}
	.pro_list .main_box{height: 100vh;overflow: hidden;}
	.pro_list .slide_title{background: rgba(0, 0, 0 ,0.4);}
	.pro_list .slide_title li{writing-mode: tb;font-size: 2.6rem;font-weight: bold;padding: 80px 25px;letter-spacing: 3px;color: #fff;}
	.pro_list .pro_item{position: relative;padding-left: 3vw;}
	.pro_list .pro_item .title_img p{font-weight: bold;font-size: 30px;padding-right: 15px;}
	.pro_list .pro_item .title_img{position: absolute;top: 50px;left: 6vw;}
	.pro_list .pro_item .title_img .img{width: 9vw;max-width: 162px;}
	.pro_list .pro_item ul{height: auto;}
	.pro_list .pro_item li{width: 22vw;margin:0 4vw;}
	.pro_list .pro_item li p{text-align: center;font-size: 24px;margin-top: 30px;}
	.pro_list .swiper-pagination{display: none;}
}
@media (min-width:850px) and (max-width:1380px){
	.main{transition: 0s!important;}
	.main .slide_title{min-width: 90px;}
	.pro_list{padding: 0 10vw 0 5vw;}
}
@media (min-width:850px) and (max-width:1199px){
    .pro_list .pro_item .box1{padding-bottom:50px}
}

@media (min-width:767px) and (max-width:1199px){
	.pro_list .pro_item .title_img p{font-size: 24px;}
	.pro_list .pro_item .title_img .img{width: 11vw;}
}
@media (max-width:850px){
	.PCBlock{display: none;}
	.SJBlock{display: block;}
	.main,.panel,.main_box{display: block;}
	.main{width: 100%;}
	.panel{min-height: auto;}
	.main_box{height: auto;min-width: auto;padding: 60px 20px;}
	
	
	#box-1 .box1{margin:70px auto 0 auto;width: 65vw;height: 65vw;}
	
	#box-2{padding-top: 30px;padding-bottom: 10px;}
	#box-2 .box1 {margin: auto;width: 75%;}
	
	.pro_block{padding-left: 0;}
	.pro_block .main_box{height: auto;padding: 80px 0 0px 0px;}
	.pro_block .main_box>div{flex-wrap: wrap;}
	.pro_block .main_box .pro_block_title{width: 53%;margin:0 auto 25px auto;}
	.pro_block .slide_bj .pro_block_img{width: 78%;margin: auto;}
	.pro_block .slide_bj{margin: auto;}
	.pro_block .slide_title{display: none;}
	.pro_block .content{padding:30px 30px;text-align: center;}
	.pro_block .content .title{font-size: 22px;font-weight: bold;}
	.pro_block .content span{width: 25px;height: 2px;background: #000;display: inline-block;margin: 18px 0;}
	.pro_block .content li{font-size: 16px;padding-bottom: 10px;position: relative;}
	
	
	.pro_list .main_box{height: auto;padding-top: 0;}
	.pro_list,.pro_list .pro_item{padding: 0;}
	.pro_list .slide_title{display: none;}
	.pro_list .pro_item{flex-wrap: wrap;padding-top: 70px;}
	.pro_list .pro_item .title_img{position: relative;top: 0;left: 0;margin: auto;}
	.pro_list .pro_item .title_img p {font-size: 24px;padding-right: 10px;font-weight: bold;}
	.pro_list .pro_item .title_img .img{width: 15vw;display: none;}
	.pro_item .box1{position: relative;width: calc(100% + 30px);overflow: hidden;margin: 35px -15px 0 -15px;padding-bottom: 50px;}
	.pro_list .box1 ul{flex-wrap: wrap;}
	.pro_list .box1 li{margin: 0;}
	.pro_list .box1 li>div{padding:18px;}
	.pro_list .box1 p{font-size: 16px;margin-top: 5px;text-align: center;}
	.pro_list .swiper-pagination{display: block;bottom: 0;width: 100%;}
	.pro_list .swiper-pagination span{margin: 0 2px;width: 10px;height: 3px;border-radius: 0px;}
	.swiper-pagination-bullet-active{background: #E1041B;}
	
}
/* @media (max-width:767px){
	html,body{overflow-x: auto;}
} */


@keyframes scale{0% {transform: scale(1.02);}50% {transform: scale(1);}100% {transform: scale(1.02);}}