body {
	font: 0.16rem "Source Han Sans";
	color: #212121;
}
.top_box .t1{
    font-size: 0.42rem;
    color: #fff;
    text-align: center;
    font-weight: bold;
}
.page_contact_box{
padding: 0.8rem 0.75rem;
background: #fff;
border-radius: 4px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 60px 10px rgba(13, 37, 62, 0.1);

}
.swiper-wrapper{
    transition-delay:.0s;
    }
    .swiper-slide .donghau {
		transform:translateY(200px);
		opacity:0;
		transition:all 1s;}
	.ani-slide .donghau{
		transform:translateY(0);
		opacity:1;
		}
header  .head1{
    background: #fff;
}
/*header.index  .head1{*/
/*    background: initial;*/
/*}*/
.btn_big{
    width: 2.6rem;
    height: 0.56rem;
    line-height: 0.56rem;
}
.footer2_text{
letter-spacing: 1.6px;
}
.footer_ul1 .item{
    min-width: 1.2rem;
    font-size: 0.14rem;
    text-align: center;
    font-weight: bold;
}
.nav_s{
    padding: 0.1rem 0;
    background: #F8F8F8;
    /*position: sticky;*/
    top: 0;
    z-index: 5;
    box-shadow: none;
}
.nav_s .b1{
    justify-content: center;
}
.breadcrumb,
.nav_select {
    padding: 0.1rem 0;
    background: #F8F8F8;
}
.breadcrumb .layui-main{
    width: 1400px;
}
.nav_select .dropdown{
    font-size: 0.14rem;
    display: flex;
    line-height: 0.4rem;
}
.page_about section:nth-child(2){
    background: url(../images/bg.png) 100% no-repeat;
    background-position: top;
}
.video_nav .item{background:#F8F8F8;
padding: 0.4rem 0.23rem 0.1rem 0.4rem;
}
.video_hr{
    height: 1px ;
    background:  #D8D8D8;
    width: 100%;
    margin: 0.1rem 0 0.3rem;
}
.video_ul .img1{
    aspect-ratio: 35/27;
}

.video_ul .item{
    cursor: pointer;
}
.video_ul .item .b1{
    top: unset;
    background: rgba(0,0,0,0.5);
    color: #fff;
    padding: 0.1rem;
    font-size: 0.2rem;
    color: #fff;
    text-align: center;
}
.product_ulpj{
    gap:  0.8rem 0.22rem;
}
.mb10 a{
    font-weight: bold;
}
.product_ulpj .item{
    
padding: 0.56rem 0.56rem 0.4rem 0.56rem;background:#f8f8f8;
border-radius: 10px;
}
.dropdown {
    position: relative;
}
.dropdown .b1{
    display: none;
        top: 100%;
    left: 0;
    position: absolute;
    z-index: 99;
padding: 0.3rem 0.22rem;
border-radius: 2px;
background: #FFFFFF;
box-shadow: 0px 6px 8px  #BFBFBF;

}
.show{
    display: block !important;
}

.select_ul .item .box{
    width: 0.16rem;
    height: 0.16rem;
border: 1px solid #333333;
}
.btn_border{
color: #333333;
opacity: 1;
border-radius: 99px;
background: #FFFFFF;

border: 1px solid #333333;


    
}

.clear{
    color: var(--ftc);
    border-bottom: 1px solid var(--ftc);
}
.select_ul .item .btn_border{
    margin-top: 0.2rem;
}
.select_ul .item{
    display: flex;
    align-items: center;
    gap: 0.1rem;
    display: flex;
    white-space: nowrap;

}
.select_ul  .box{
    position: relative;
}
.select_ul .item:hover .box::before,
.select_ul .active .box::before{
    position: absolute;
        font-family: layui-icon !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\e605";
    top: 0;
    bottom: 0;
    line-height: 0.16rem;

}
.select_ul .t2{
    color: #999;
}


.label_item{
    background:#F4F5F7;
    border-radius: 15px;
    padding: 0.05rem 0.1rem 0.05rem 0.2rem;
}
.product_item_img{
    aspect-ratio: 1/1;
    border-bottom: 1px solid  #E8E9EB;
    margin-bottom: 0.22rem;
    padding-bottom: 0.1rem;
}
.gary_hr{
    width: 100%;
    height: 1px;
    background:  #E8E9EB;
}
.product_about_box{
    margin-top: 0.4rem;
border: 1px solid #E8E9EB;
}
.page_swiper{
    position: unset !important;
    --swiper-pagination-bullet-border-radius:3px;
    --swiper-pagination-color:var(--ftc);
   --swiper-pagination-bullet-width:0.26rem;--swiper-pagination-bullet-horizontal-gap:0.10rem;
    margin-top: 0.4rem;
}
.swiper_photo{
    background:#F8F8F8 ;
    max-width: 100%;
}
.swiper_photo .item{
    
    aspect-ratio: 1/1;
}
.top_box{
    margin-top: 0.8rem;
}
.swiper_photo1 .item{
    aspect-ratio: 1/1;
    background:#F8F8F8 ;
    
}
.product_about_ul1{
    border-bottom: 1px solid #E8E9EB;
}

.product_about_ul1 .item{background:#F8F8F8;
 width: 0.64rem;
 aspect-ratio: 1/1;
}
.swiper_photo1 {
    --swiper-navigation-color:var(--ftc);
}
.product_ul .item{
    transition: all 0.3s;
    position: relative;
}
.product_ul .item .bt_box{
    opacity: 0;
    transition: all 0.3s;
}

.product_ul {
    gap:0.6rem 0.23rem;
}
.product_ul .item:hover  .bt_box{
    opacity: 1;
}

.product_ul .item::before{
        display: block;
    content: '';
position: absolute;
left: -0.14rem;
right: -0.14rem;
top: -0.2rem;
bottom: -0.2rem;
    transition: all 0.3s;
}
.product_ul .item:hover::before{

box-shadow: 0px 0px 10px  rgba(166, 166, 166, 0.5);

}
.header_nav.layui-nav .layui-nav-item{
font-size: 0.14rem;
    line-height: 0.3rem;
}
.index_ab{
    padding: 1rem 0;
}
.swiper_photo_index{
    width: 100vw ;
    height: 100vh;
}
.swiper{
    background: #fff;
}
.swiper_photo_index .item{
    width: 100vw;
    height: 100vh;
    padding: 1rem 2rem;
}
.swiper_photo_index .item .b1 .t2,
.swiper_photo_index .item .b1 .t1{
    color: var(--ftc);
    white-space: nowrap;
}

.swiper_photo_index .item .b1{
    position: relative;
    margin:  0.3rem 0 0 1rem;
	text-transform: uppercase;
}
.swiper_photo_index .item .b1 .t1{
    opacity: 0.3;
    line-height: 1em;
    font-size: 1.5rem;
}
.swiper_photo_index .item .b1 .t2{
    position: absolute;
    left: 0.1rem;
    top: 0;
    font-size: 2.5rem;
}

.swiper_photo_index .item .b2{
    margin-top: 0.5rem;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.swiper_photo_index .item  .b2_t1{
    font-size: 0.2rem;
    max-width:6rem;
    
}

.index_video_box {
    
    border-top:1px solid  #000000;
    border-left:1px solid  #000000;
}
.index_video_box .item{
    padding: 0.1rem 0.3rem;
    height: 33.33vh;
    border-right:1px solid  #000000;
    border-bottom:1px solid  #000000;
}
.index_video_box .img1{
    width: 1.8rem;
    height: 1.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.index_video_box .img1 .t1{
    font-size: 0.24rem;
    text-align: center;
    margin-bottom: 0.2rem;
    opacity: 0;
}

.index_video_box  .active .img1 .t1{
    opacity: 1;
}

.index_video_box .active .img1{
    background:url(../images/yuan.png) 100%/100% no-repeat;
    
}

.swiper_photo_index .swiper-slide:nth-child(even){
    background: #F8F8F8;
}
.search_form {
    width: 2rem;border:1px solid #999999;
    display: flex;
}
.search_form button{
    background: initial;
    padding-left: 0.1rem;
}

.search_form input{
    background: initial !important;
    height: 0.3rem !important;
    border: none !important;
    padding-left: 0.1rem !important ;
}
.seach_s{
    border-radius: unset !important;
    width: 1rem !important;
}
.head1 select{
    background-color: initial;
}
.index_video_box .item {
    position: relative;
}
.index_video_box .item *{
    transition: all 0.3s;
}
.index_video_box .item .block{
        display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.index_video_box .bg_img{
    background: #fff;
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    
}
.index_video_box .item:hover .bg_img{
    opacity: 1;
    z-index: 1;
}
.mySwiper .img1{
    width: 100vw;
    height: 100vh;
}
.ab_btn{
    background: #fff;
    color:#212121 ;
    min-width: 0;
    padding: 0rem 0.2rem;
    position: absolute;
    font-weight: bold;
    box-shadow: 4px 4px 4px rgba(0,0,0,0.1);
}
.ab_btn:hover{
    color: #fff;
    background:#212121 ;
}

.ab_btn0 {
    top: 21%;
    left: 73%;
}
.ab_btn1 {
    top: 48%;
    left: 31%;
}.ab_btn2 {
    top: 69%;
    left: 6%;

}.ab_btn3 {
    top: 87%;
    left: 40%;
}.ab_btn4 {
    top: 73%;
    left: 88%;
}
.swiper_index {
        width: 100vw;
    height: 100vh;
}
.swiper_index>.swiper-wrapper >.swiper-slide{
    width: 100vw;
    max-width: 100vw;
    max-height: 100%;
    
    height: 100vh;
}
.swiper_pic_item{
    position: relative;
}
.btn_box{
    position: absolute;
    bottom:1rem;
    right: 2.5rem;
    z-index: 5;
}
.loading  .layui-layer-content{
    padding: 0;
    overflow: hidden;
}
@media only screen and (max-width: 1400px) {
}

@media only screen and (max-width: 990px) {
}

@media only screen and (max-width: 768px) {
    .swiper_photo_index .item{
    width: 100vw;
    height: 100vh;
    padding: 0.1rem 0.2rem;
}
.swiper_photo_index .item .b1{
    
    margin: 0.3rem 0 0 0.2rem;
}
.swiper_photo_index .item,
.swiper_photo_index{
    height: auto;
}
.swiper_photo_index .item .b1 .t1{
   
    font-size: 0.6rem;
}
.swiper_photo_index .item .b1 .t2{
    font-size: 0.8rem;
    
}
}

@media only screen and (min-width: 751px) and (max-width: 1400px) {
}

@media only screen and (min-width: 751px) {
}