@charset "UTF-8";
.flex_top{
    display: flex;
    align-items: flex-start;
}
.width1200{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

/* 第二屏 */

.index_page_content1 .about_content{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto;
}
.index_page_content1 .about_content_l{
    width: 540px !important;
}
.index_page_content1 .about_content_l p{
    margin-bottom: 48px;
}
.index_page_content1 .index_public_cn{
    color: #343434 !important ;
    font-size: 50px !important;
}
.index_page_content1 .index_public_en {
    color: #343434 !important;
    font-size: 50px !important;
    font-weight: 100;
}
.index_page_content1 .index_about_max em{
    color:#333  ;
    font-style: normal;
    font-weight: bold;
}
.index_page_content1 .index_about_list {
    opacity: 0;
    transform: translatex(46vw);
}
.index_page_content1 .about_content_l .about_content_l_img{
    opacity: 0;
    transform: translateY(3vw);
}
.index_page_content1 .index_about_head{
    width: 1200px;
    margin: 0 auto;
}

/* 第三屏 */
.index_page_content3 .index_strength_wrap{
    display: table;
    width: 100%;
}
.content3{
    margin-top: 3.125vw;
    position: relative;
}
.content3 .index_public_cn{
    color: #fff;
}
.content3 .index_public_en{
    color: #fff;
}
.content3_img {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    margin-top: 60px;
}
.content3_title{
    font-size: 16px;
    color: #fff;
    line-height: 34px;
}
.content3_img  div{
    width: 600px;
    position: relative;
}
.content3_img .content3_img_l_1{
    width: 100%;
}
.content3_img .content3_img_l_2{
    position: absolute;
    width: 102px;
    bottom: 7%;
    left: 0;

}
.content3_img .content3_img_r_2{
    position: absolute;
    bottom: -18%;
    width: 153px;
    left: -16%;
}
.content3_img .content3_img_r_3{
    position: absolute;
    top: -9%;
    width: 102px;
    right: 45%;
}

/* 第四屏 */
.index_development_head{
    margin-top: 3.125vw;
}
.index_page_content2_l_list{
    width: 1000px;
   
    display: flex;
    float: right;
    height: 666px;
    position: absolute;
    top: 0.5vw;
    align-items: center;
    right: 5vw;
}
.index_page_content2_l_list li{
    color: #006D94;
    font-size: 30px;
}
.index_page_content2_l_list li em{
    font-size: 70px;
    font-style: normal;
    background: linear-gradient(239deg, #006D94 0%, #06B4F2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}
.index_page_content2_l_list li:nth-child(1){
    width: 25%;
}
.index_page_content2_l_list li:nth-child(3){
    width: 25%;
}
.index_page_content2_l_list li:nth-child(2){
    width: 50%;
}
.index_page_content2_l_list img{
    width: 55% !important;
    height: auto !important;
    /* object-fit: none !important; */
    left: 21% !important;
    top: 0 !important;
}

.index_page_content2_r_item{
    width: 1200px;
    position: absolute;
    bottom: 6%;
    display: flex;
    justify-content: space-between;
    left: 50%;
    transform: translate(-50%, 0px);
}
.index_page_content2_r_item .item{
    width: 30%;
}
.index_page_content2_r_item img{
    position: static !important;
    width: 100% !important;
}

/* 第五 */
.index_development_content1 .page_center{
    background: #fff;
    padding: 0;
    height: 100%;
}

.index_development_content1 .index_public_cn{
    position: absolute;
    left: 50%;
    top: 7vw;
    z-index: 999;
    transform: translate(-50%,0 );
}
.content_img{
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
}
.content_img img{
    width: 20% !important;
    height: 100%;
    position: static !important;
}
.content_img img:nth-child(1){
    transform: translateY(35vw);
    opacity: 0;
}
.content_img img:nth-child(2){
    transform: translateY(-35vw);
    opacity: 0;
}
.content_img img:nth-child(3){
    transform: translateY(35vw);
    opacity: 0;
}
.content_img img:nth-child(4){
    transform: translateY(-35vw);
    opacity: 0;
}
.content_img img:nth-child(5){
    transform: translateY(35vw);
    opacity: 0;
}
 .swiper-pagination-new.swiper-pagination-horizontal{
    bottom: 6vw !important;
    top: auto !important;
    width: 97%;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%, 0);
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background: #fff;
}    


/* 第六屏 */
.index_product_tab .index_public_cn {
    color: #141414;
}
.index_product_tab  .index_public_en{
    color: #141414;
}
.index_product_describe{
    width: 680px;
    color: #666666;
    font-size: 16px;
    line-height: 34px;
    margin-top: 16px;
    padding-bottom: 24px;
    border-bottom: 1px dashed #E1E1E1;
}
.index_product_let{
    width: 740px;
    display: flex;
    flex-wrap: wrap-reverse;
    line-height: 40px;  
    margin-top: 23px;
}
.index_product_let p{
    width: 50%;
    color: #666666;
    font-size: 18px;
    
}
.index_product_let p em{
    color: #006D94;
    font-style: normal;
}

.index_product_form{
    width: 70vw;
    /* background: url(../img/pc7_3.png)no-repeat center; */
    position: absolute;
    z-index: 9;
    right: 0;
    bottom: 4vw;
    padding: 40px 140px 57px 110px ;
    box-sizing: border-box;
}
.index_product_form .bj{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.index_product_form .bj img{
    width: 100%;
    height: 100%;
}
.index_product_form h3{
    color: #FFFFFF;
    font-size: 26px;
    width: 73%;
}
.index_product_form .index_product_form_c{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.index_product_form .index_product_form_c .input_item{
    width:22vw;
    height: 52px;
    background: #fff;
    position: relative;
}
.index_product_form .index_product_form_c .input_item:nth-child(1)::after{
    content: '姓名';
    position: absolute;
    left: 7%;
    top: 50%;
    font-size: 15px;
    color: #343434;
    transform: translatey(-50%);
}
.index_product_form .index_product_form_c .input_item:nth-child(2)::after{
    content: '手机号';
    position: absolute;
    left: 4%;
    top: 50%;
    font-size: 15px;
    color: #343434;
    transform: translatey(-50%);
}
.index_product_form .index_product_form_c input{
    width: 100%;
    height: 100%;
    padding-left: 74px;
    font-size: 15px;

    color: #333;
    box-sizing: border-box;
}
.index_product_form .index_product_form_c .input_item:last-child{
    width: 230px;
    background: #47CD4F;
    color: #244C01;
    text-align: center;
    line-height: 52px;
    cursor: pointer;
   
}
.index_product_form .index_product_form_c .input_item button{
    font-size: 16px;
    height:100%;
    width: 100%;
}
.index_product_center .index_product_content{
    transform: translatex(-40vw);
    opacity:0 ;
}
.index_product_wrap .index_product_form{
    width: 0;
    opacity:0 ;
}
/* 第三屏 */
.content3_img div .content3_img_l_1{
    transform: translateX(-53vw);
    opacity:0 ;
}
.content3_img .content3_img_l_2{
    transform: translatey(16vw);
     opacity:0 ;
}
.content3_img .content3_img_r_2{
    transform: translatey(16vw);
    opacity:0 ;
}
.content3_img .content3_img_r_1{
    transform: translateX(54vw);
    opacity:0 ;
}
.content3_img .content3_img_r_3{
    transform: translateY(-34vw);
    opacity:0 ;
}
.index_page_current .content3_img_l_1,.index_page_current .content3_img_l_2,.index_page_current .content3_img_r_2,.index_page_current .content3_img_r_1,.index_page_current .content3_img_r_3{
    opacity:1 !important;
    transition: all .8s cubic-bezier(.69, .27, .45, .99) !important;
    transform:none !important
}


/* 地球效果 */
.index_page_content2_r_item .item{
    transform: translatey(20vw);
    opacity:0 ;
}
.index_page_current .index_page_content2_r_item .item{
    opacity: 1 ;
    transform: none;
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

/* 最后一个效果 */
.index_page_current .index_product_content {
    opacity: 1 ;
    transform: none;
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}
.index_page_current .index_product_form {
    opacity: 1 ;
    width: 70vw; 
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}



.return_top{
    width: 5%;
    position: fixed;
    right: 7vw;
    bottom: 19vw;
    z-index: 9999;
    cursor: pointer;
}


@media screen and (max-width:1660px) {
    .header_index_bc {
        background: #fff
    }
}
    @media screen and (max-width:1440px) {
        .index_page_content2_l_list {
            top: -10.5vw;
        }

        .index_product_form {
            padding: 9px 100px 35px 110px;
            bottom: 1vw;
        }

            .index_product_form .index_product_form_c {
                margin-top: 16px;
            }

                .index_product_form .index_product_form_c .input_item {
                    width: 33.3%;
                    height: 34px;
                }

                    .index_product_form .index_product_form_c .input_item:last-child {
                        line-height: 34px;
                    }

       
    }