.about_banner{
    height: 4.45rem;
    position: relative;
}
.about_banner img{
    width: 100%;
    height: 100%;
}
.about_banner_mess{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.about_banner_en{
    color: #fff;
    font-size: 0.37rem;
    text-align: center;
    text-transform: uppercase;
}
.about_banner_cn{
    color: #fff;
    font-weight: bold;
    font-size: 0.52rem;
    text-align: center;
    letter-spacing: 0.02rem;
    letter-spacing: 0.01rem;
}

.about_company{
    margin-top: 0.6rem;
}
.company_center{
    width: 12rem;
    margin: 0 auto;
}
.company_title{
    display: flex;
    flex-direction: column;
}
.company_xtit{
    font-size: 0.42rem;
    color: #232323;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0.18rem;
    position: relative;
    padding-bottom: 0.2rem;
    letter-spacing: 0.01rem;
}
.company_xtit::after{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 2.5rem;
    height: 0.01rem;
    background: #C9C9C9;
    left: 50%;
    transform: translateX(-50%);
}
.company_xtit::before{
    content: '';
    display: block;
    position: absolute;
    bottom: -0.01rem;
    width: 0.5rem;
    height: 0.04rem;
    background:#02489D;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%);
}
.company_xtxt{
    color: #626262;
    font-size: 0.18rem;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.02rem;
}
.company_content{
    width: 100%;
    display: flex;
    margin-top: 0.6rem;
}
.company_company{
    color: #02489D;
    font-size: 0.38rem;
    font-weight: bold;
}
.company_leftbox{
    flex: 1;
    margin-right: 0.7rem;
}
.company_rightbox{
    width: 4.78rem;
    height: 100%;
}
.company_ps{
    line-height: 1.8;
    margin-top: 0.3rem;
    color: #333333;
    font-size: 0.16rem;
    text-align: justify;
}
.company_rightbox{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}
.company_imgs{
    width:48%;
    height: 2.02rem;
    margin-top: 0.25rem;
    overflow: hidden;
}
.company_imgs:first-child{
    width: 100%;
    height: 2.88rem;
    margin-top: 0;
}
.company_imgs img{
    width: 100%;
    height: 100%;
    transition: all .25s;
}
.company_imgs:hover>img{
    transform: scale(1.03);
}

.company_imgs:last-child{
    margin-left: 4%;
}
.culture{
    background: url(../images/about/a6-bg.png) no-repeat;
    background-size: 100% 100%;
    padding: 0.6rem 0;
    margin-top: 0.6rem;
}
.culture_center{
    width: 12rem;
    margin: 0 auto;
}
.culture_content{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 0.3rem;
}
.culture_items{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.culture_img{
    width: 1.96rem;
    height: 1.96rem;
    position: relative;
}
.culture_img img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.ture_img2{
    display: none;
}
.culture_items:hover .ture_img2{
    display: block;
}
.culture_items:hover .ture_img1{
    display:none;
}
.culture_tit{
    text-align: center;
    color: #232323;
    font-size: 0.32rem;
    font-weight: bold;
    margin-bottom: 0.2rem;
}
.culture_txt{
    color: #333333;
    font-size: 0.16rem;
}
.culture_items:hover .culture_tit{
    color: #02489D;
}
.culture_items:hover .culture_txt{
    color: #02489D;
}

.flex_box{
    display: flex;
    margin-top: 0.6rem;
}
.flex_list{
    width: 2.7rem;
}
.product_titles{
    width: 100%;
    height: 1rem;
    background: url(/assets/pc/images/about/dd0.png);
    background-size:100% 100% ;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.product_xtits_cn{
    font-size: 0.2rem;
    color: #fff;
    font-weight: bold;
}
.product_xtits_en{
    font-size: 0.14rem;
    color: #fff;
    margin-top: 0.12rem;
}



.pro_list_a{
    border: 0.01rem solid #E5E5E5;
    background: #fff;
}
.pro_listbox{
    margin-top: 0.3rem;
}
.pro_xname{
    color: #222;
    font-size:0.16rem ;
}
.pro_ximg{
    width: 0.24rem;
    height: 0.24rem;
    position: relative;
}
.pro_ximg img{
    position: absolute;
    top: 0;
    left: 0;
}

.pro_list_a{
    padding: 0.33rem 0.3rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.08rem;
}
.pro_ximg_2{
    display: none;
}
.pro_list_a:hover .pro_ximg_2{
    display: block;
}
.pro_list_a:hover .pro_ximg_1{
    display:none;
}
.pro_list_a:hover .pro_xname{
    color: #fff;
}
.pro_list_a:hover{
    background: #01479C;
}

.product_content{
    display: flex;
    flex-wrap: wrap;
    /*margin-top: 0.6rem;*/
    /*background: red;*/
    flex: 1;
    margin-left: 0.8rem;
    align-items: flex-start;
}


.product_items{
    width: 32%;
    /*width: 3.75rem;*/
    border: 0.01rem solid #eee;
    margin-right: 2%;
    margin-bottom: 0.5rem;
}
.product_items:nth-child(3n){
    margin-right: 0;
}
.product_img{
    height: 2.5rem;
    border-bottom: 0.01rem solid #eee;
}
.product_img img{
    width: 100%;
    /*object-fit: contain;*/
    height: 100%;
}
.product_txtbox{
    padding: 0.3rem 0.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product_xleft{
    flex: 1;
}
.product_tit{
    color: #222222;
    font-size: 0.18rem;
    font-weight: bold;
    margin-bottom: 0.1rem;
}
.product_txt{
    color: #888888;
    font-size: 0.16rem;
}
.product_many{
    width: 0.32rem;
    height: 0.32rem;
    position: relative;
    margin-left: 0.07rem;
}
.product_many img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.product_ximg2{
    display: none;
}
.product_items:hover .product_txtbox{
    background: #02489D;
}
.product_items:hover .product_ximg2{
    display: block;
}
.product_items:hover .product_ximg1{
    display: none;
}
.product_items:hover .product_xleft>div{
    color: #fff;
}
.product_message{
    padding-top: 0.78rem;
}
.product_mess_center{
    width: 12rem;
    margin: 0 auto;    
    display: flex;
    padding-bottom: 0.4rem;
}
.pro_mess_leftbox{
    width: 4.8rem;
    height: 4.1rem;
    position: relative;
}
.pro_swiper{
    width: 100%;
    height: 100%;
    border: 0.01rem solid #eee;
}
.pro_swiper .swiper-slide img{
    width: 100%;
    height: 100%;
}
.pro_btn{
    bottom: 0.3rem!important;
}
.pro_swiper .swiper-pagination-bullet{
    width: 0.18rem!important;
    height: 0.18rem!important;
    margin: 0 0.1rem!important;
}
.pro_swiper .swiper-pagination-bullet-active{
    background: #02489D;
}



.pro_mess_rightbox{
    flex: 1;
    margin-left: 0.4rem;
    display: flex;
    flex-direction: column;
}
.pro_mess_titbox{
    padding-bottom: 0.29rem;
    border-bottom: 0.01rem solid #DCDCDC;
}
.pro_mess_tit{
    color: #222222;
    font-size: 0.32rem;
    font-weight: bold;
}
.pro_mess_txt{
    margin-top: 0.1rem;
    color: #666666;
    font-size: 0.16rem;
}
.pro_mess_chart{
    font-weight: bold;
    font-size: 0.16rem;
    color: #333;
    display: flex;
    align-items: center;
}
.pro_mess_bottom{
    margin-top: 0.3rem;
}
.pro_mess_chart::before{
    content: '';
    display: block;
    width: 0.05rem;
    height: 0.17rem;
    background: #0E88CC;
    border-radius: 0.03rem;
    margin-right: 0.15rem;
}

.pro_mess_text{
    font-size: 0.16rem;
    color: #666;
    margin-top: 0.15rem;
    line-height: 1.8;
}
.pro_about_xbox{
    flex: 1;
    display: flex;
    align-items: flex-end;
}
.pro_about{
    width: 1.68rem;
    height: 0.45rem;
    background: #02489D;
    border-radius: 0.05rem;
    color: #fff;
    font-size: 0.16rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.2rem;
}
.pro_about:hover{
    opacity: .9;
}
.product_try{
    background: #F9F9F9;
}
.product_try_center{
    width: 12rem;
    margin: 0 auto;
}
.try_list{
    display: flex;
    justify-content: space-between;
    padding: 0.3rem 0;
    border-bottom: 0.01rem solid #DCDCDC;
}
.try_list_items{
    color: #222222;
    font-size: 0.16rem;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}
.try_list_items span{
    position: absolute;
    color:red;
    display: block;
    width: 0.29rem;
    height: 0.04rem;
    background: #02489D;
    border-radius: 0.02rem;
    left: 50%;
    bottom: -0.33rem;
    transform: translateX(-50%);
    display: none;
}
.try_list_items:first-child span{
    display: block;
}
.try_list_items_active{
    color: #02489D;
}
.try_content{
    width: 12rem;
    /*height: 2.5rem;*/
    margin: 0 auto;
    position: relative;
    padding-top: 0.3rem;
    text-align: justify;
    padding-bottom: 0.3rem;
}
.try_cont_1{
    /*position: absolute;*/
    color: #222222;
    font-size: 0.16rem;
    line-height: 1.8;
    display: none;
}
.try_cont_1:first-child{
    display: block;
}
.scene_center{
    width: 12rem;
    margin: 0 auto;
}
.scene{
    margin-top: 0.6rem;
    padding-bottom: 0.35rem;
}
.scene_content{
    width: 100%;
    margin-top: 0.6rem;
}
.scene_items{
    display: flex;
    justify-content: space-between;
    background: #F9F9F9;
    border-radius: 0.07rem 0 0 0.07rem;
    margin-bottom: 0.45rem;
}
.scene_items:nth-child(2n) .scene_leftbox{
    width: 5.16rem;
    padding-left: 0;
    padding-right: 0.6rem;
}
.scene_leftbox{
    width:4.74rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 0.6rem;
   
}
.scene_xtop{
    display: flex;
    align-items: center;
    padding-bottom: 0.3rem;
    border-bottom: 0.01rem solid #E5E5E5;
}
.scene_tit{
    font-weight: bold;
    color: #222;
    margin-left: 0.15rem;
    font-size:0.32rem;
}
.scene_img{
    width: 0.6rem;
    height: 0.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.scene_img img{
    max-width:80%;
    max-height: 100%;
}
.scene_xbottom{
    width: 4rem;
    color: #888888;
    font-size: 0.16rem;
    padding-top: 0.3rem;
    letter-spacing: 0.01rem;
    line-height: 1.8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
}
.scene_rightbox{
    width: 5.16rem;
    height: 3.1rem;
    position: relative;
    overflow: hidden;
}
.scene_rightbox img{
    width: 100%;
    height: 100%;
    transition: all .25s;
}
.scene_rightbox:hover>img{
    transform: scale(1.03);
}
.scene_right_xbox{
    width: 100%;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    background: RGBA(2,72,157,.8);
    padding: 0.3rem 0;
}
.scene_txt1{
    flex: 1;
    font-size: 0.32rem;
    color: #fff;
    text-align: center;
    font-weight: bold;
}
.scene_ximg{
    position: absolute;
    width: 0.46rem;
    height: 0.65rem;
    left: 46.5%;
    transform: translateX(-50%);
}
.scene_ximg img{
    width: 100%;
    height: 100%;
}

.news_width16{
    width: 16rem;
    margin: 0 auto;
    padding-top: 0.6rem;
}
.news_content{
    margin-top: 0.6rem;
}
.news_width16_content{
    width: 100%;
    border-radius: 0.07rem;
    transition: all .25s;
}
.news_items{
    width: 12rem;
    margin: 0 auto;
    padding: 0.4rem 0;
    display: flex;
}
.news_width16_content:hover{
    box-shadow: 0 0 .1rem 0.01rem
    rgba(0,0,0,.1);
}
.news_leftbox{
    width: 3.17rem;
    height: 1.84rem;
    overflow: hidden;
    border-radius: 0.1rem;
}
.news_leftbox img{
    width: 100%;
    height: 100%;
    transition: all .25s;
}
.news_items:hover .news_leftbox>img{
    transform: scale(1.03);
}
.news_rightbox{
    flex: 1;
    margin-left: 0.3rem;
    display: flex;
    flex-direction: column;
}
.news_title{
    width: 8.2rem;
    font-size: 0.28rem;
    color: #222;
    margin-bottom: 0.25rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news_title:hover{
    opacity: .9;
}
.news_text{
    text-align: justify;
    color: #888888;
    font-size: .16rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    cursor: text;
}
.news_bbox{
    padding-bottom: 0.1rem;
    flex: 1;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.news_date{
    color: #888;
    font-size: 0.16rem;
}
.news_ximgs{
    width: 0.39rem;
    height: 0.11rem;
    position: relative;
}
.news_ximgs img{
    width: 100%;
    height: 100%;
    position: absolute;  
}
.news_ximg2{
    display: none;
}
.news_items:hover .news_ximg2{
    display: block;
}
.news_items:hover .news_ximg1{
    display: none;
}

.news_mess{
    margin-top: 0.6rem;
}
.news_mess_center{
    width: 12rem;
    margin: 0 auto;
}
.news_mess_top{
    padding-bottom: 0.3rem;
    border-bottom: 0.01rem solid #DBDBDB;
}
.news_mess_tit{
    text-align: center;
    font-size: 0.24rem;
    color: #222222;
    font-weight: bold;
    margin-bottom: 0.2rem;
}
.news_mess_date{
    display: flex;
    justify-content: center;
    align-items: center;
}
.news_mess_date span{
    color: #222;
    font-size: 0.16rem;
}
.news_mess_pbox{
    padding-bottom: 0.5rem;
    border-bottom: 0.2rem solid #F5F5F5;
}
.news_mess_ptxt{
    color: #222;
    font-size: 0.16rem;
    line-height: 1.8;
    text-align: justify;
    margin-top: 0.2rem;
}
.news_mess_ptxt p img{
    margin: 0 auto;
}
.news_mess_a{
    width: 2.4rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 0.07rem;
}
.news_mess_ximgs{
    width: 0.21rem;
    height: 0.21rem;
    display: block;
    position: relative;
}
.news_mess_ximgs img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.news_x2{
    display: none;
}
.news_mess_abox{
    padding: 0.5rem 0 0.7rem 0;
    display: flex;
    justify-content: space-between;
}
.news_mess_abox a{
    display: flex;
    align-items: center;
}
.news_mess_abox strong{
    color: #222;
    font-size: 0.16rem;
}
.news_mess_a{
    color: #222;
    font-size: 0.16rem;
} 

.news_x2{
    display: none;
}
.news_mess_abox a:hover .news_x2{
    display: block;
}
.news_mess_abox a:hover>strong{
    color: #02489D;
}
.news_mess_abox a:hover .news_mess_a{
    color: #02489D;
}

.contact_box{
    background: #F9F9F9;
    padding: 0.5rem 0;
    margin-top: 0.6rem;
}
.contact_center{
    width: 12rem;
    margin: 0 auto; 
    display: flex;
    justify-content: space-between;
}
.contact_left{
    width: 4.5rem;
    background: #fff;
    padding:0 0.3rem;
}
.contact_map{
    width: 7.07rem;
    height:4.75rem;
    background: #ccc;
}
.contact_items{
    display: flex;
    align-items: center;
    padding: 0.3rem 0;
    border-bottom: 0.01rem solid #E5E5E5;
}
.contact_items:last-child{
    border-bottom: 0;
}


.contact_img{
    width: 0.42rem;
    height: 0.42rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.2rem;
}
.contact_img img{
    width: 100%;
}
.contact_xtit{
    font-size: 0.18rem;
    color: #222;
    font-weight: bold;
    margin-bottom: 0.03rem;
}
.contact_address{
    color: #222222;
    font-size: 0.16rem;
}
.contact_inp_content{
    padding: 0.6rem 0;
}
.contact_inputbox{
    width: 12rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.contact_input1{
    width: 48%;
    height: 0.65rem;
    margin-bottom: 0.4rem;
}
.contact_input1 input{
    width: 100%;
    height: 100%;
    outline: 0;
    border: 0.01rem solid #E5E5E5;
    border-radius: 0.09rem;
    color: #888;
    font-size: 0.18rem;
    padding: 0 0.3rem;
}
.contact_input1:first-child{
    margin-right: 4%;
}
.contact_input1:last-child{
    width: 100%;
    height: 2.25rem;
}
.contact_input1:last-child textarea{
    max-width: 100%;
    max-height: 100%;
    min-width: 100%;
    min-height: 100%;
    outline: 0;
    border: 0.01rem solid #E5E5E5;
    padding: 0.3rem;
}
.contact_git{
    width: 2.7rem;
    height: 0.45rem;
    background: #02489D;
    border-radius: 0.05rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 0.16rem;
}
.contact_git:hover{
    opacity: .9;
}








@media only screen and (max-width: 1024px){
    .about_banner{
        margin-top: 50px;
        height: auto;
    }
    .about_banner img{
        height: auto;
    }
    .about_banner_en{
        font-size: 14px;
    }
    .about_banner_cn{
        font-size: 16px;
    }
    .common_position{
        display: none;
    }
    .about_company{
        margin-top: 0;
        padding: 15px;
    }
    .company_center{
        width: 100%;
    }
    .company_xtit{
        font-size: 16px;
    }
    .flex_box{
        margin-top: 15px;
        flex-direction: column;
    }
    .flex_list{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .pro_listbox{
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
    }
    .pro_list_a{
        width: 48%;
    }
    .product_content{
        margin: 0;
        justify-content: space-between;
    }
    .product_items{
        width: 48%;
        margin: 0;
        margin-top: 15px;
    }
    .pro_mess_rightbox{
        padding: 15px;
    }
    .product_mess_center{
        width: 100%;
        flex-direction: column;
    }
    .pro_mess_leftbox{
        width: 100%;
        height: auto;
    }
    .pro_mess_rightbox{
        margin: 0;
        width: 100%;
    }
    .product_try{
        padding: 15px;
    }
    .product_try_center,
    .try_content{
        width: 100%;
    }
    .scene_center{
        width: 100%;
    }
    .scene_content{
        margin-top: 15px;
    }
    .scene_items:nth-child(1),
    .scene_items:nth-child(3),
    .scene_items:nth-child(5){
        flex-direction: column-reverse;
    }
    .scene_items:nth-child(2),
    .scene_items:nth-child(4),
    .scene_items:nth-child(6){
        flex-direction: column;
    }
    .scene_leftbox,
    .scene_rightbox{
        width: 100%!important;
        padding: 0!important;
        align-items: center!important;
    }
    .news_width16{
        width: 100%;
        padding: 15px;
    }
    .news_items{
        width: 100%;
    }
    .news_leftbox{
        width: 45%;
    }
    .news_rightbox{
        width: 50%;
    }
    .news_title,
    .news_text,
    .news_date{
        width: 100%;
        font-size: 14px;
    }
    .news_mess{
        margin-top: 15px;
        padding: 15px;
    }
    .news_mess_center{
        width: 100%;
    }
    .news_mess_ptxt img {
        width: 100%!important;
        height: auto;
    }
    .company_content{
        margin-top: 15px;
        flex-direction: column;
    }
    .company_leftbox{
        margin: 0;
    }
    .company_rightbox{
        width: 100%;
        margin-top: 15px;
    }
    .culture{
        margin-top: 15px;
        padding: 15px;
    }
    .culture_center{
        width: 100%;
    }
    .culture_items{
        flex: 1;
    }
    .contact_box{
        margin-top: 15px;
        padding: 15px 0;
    }
    .contact_center{
        width: 100%;
        flex-direction: column;
    }
    .contact_left{
        width: 100%;
    }
    .contact_map{
        width: 100%;
        margin-top: 15px;
    }
    .contact_inputbox{
        width: 100%;
    }
    .company_ps{
        font-size: 14px;
    }
    .scene_xbottom{
         font-size: 14px;
    }
    
    .product_tit{
        font-size: 14px;
    }
    .product_txt{
        font-size: 12px;
    }
    .pro_xname{
        font-size: 14px;
    }
    .pro_mess_text{
        font-size: 12px;
    }
}