@charset "utf-8";


@media screen and (min-width: 1921px){
    .nav_info .search input{
        width: 300px;
        margin-left: 3%;
    }
}
@media screen and (min-width: 1025px){
    .pc_none{
        display: none;
    }
    .nav .nav_li{
        padding: 0 20px;
    }
}
@media screen and (max-width:1750px){
    .header{
        padding: 0 30px;
    }
}
@media screen and (max-width:1610px){
    .wrapper{
        width: 100%;
        padding-left:30px;
        padding-right: 30px;
    }
    .nav .nav_li{
        padding: 0 20px;
    }
}
@media screen and (max-width:1501px){
   .nav_info .follow_list {
       display: none;
   }
   .nav .nav_li{
       padding: 0 15px;
   }
   .nav .nav_li .nav1 a{
       font-size: 16px;
   }
}
@media screen and (max-width:1439px){
    .tit_box1 .tit h4,.banner .item .item_con .tit{
        font-size: 48px;
    }
    .s20{
        font-size: 18px;
    }
    .s22{
        font-size: 20px;
    }
    .s24{
        font-size: 22px;
    }
    .s32{
        font-size: 28px;
    }
    .s36{
        font-size: 30px;
    }
    .s40{
        font-size: 34px;
    }
    .s48{
        font-size: 40px;
    }
    .s56,.s54{
        font-size: 48px;
    }
    .pt100{
        padding-top: 70px;
    }
    .pb100{
        padding-bottom: 70px;
    }
    .tit_box1,.tit_box2{
        padding: 70px 0 30px;
    }
    .tit_box2 .tit h4{
        font-size: 44px;
    }
    .tit_box2 .tit p{
        font-size: 20px;
        margin-top: 20px;
    }
    .news_list{
        margin: 0 -15px;
    }
    .news_list .item{
        padding: 15px;
    }
    .pd_detail_hd .infos{
        padding-left: 5%;
    }
    .pd_detail_hd .infos .btns{
        margin-top: 30px;
    }
    .page_application_list .list{
        margin: -15px;
    }
    .page_application_list .list .item{
        padding: 15px;
    }
    .page_latest_news .item_con{
        padding: 10px 0 0 50px;
    }
    .page_latest_news .item_con .desc{
        margin: 10px 0 40px;
    }
    .page_news_list .list{
        margin: -15px;
    }
    .page_news_list .item{
        padding: 15px;
    }
    .page_news_detail_hd{
        padding-left: 60px;
    }
    .page_about_panel2_con .con_box .desc{
        height: 180px;
        overflow-y: scroll;
        padding-right: 20px;
    }
    .page_about_panel3_hd .con{
        margin-top: 40px;
    }
    .page_certificates_list{
        margin: -15px;
    }
    .page_certificates_list .item{
        padding: 15px;
    }
    .about_wrap{
        padding: 0;
    }
}
@media screen and (max-width: 1350px){
    .nav_info .lang_box,.nav_info .follow_list{
        display: none;
    }
}
@media screen and (max-width: 1330px){
    .page_history_hd{
        width: 100%;
    }
}

@media screen and (max-width: 1280px){
    .banner .item .item_con .desc{
        margin:20px 0 60px;
    }
    .nav .nav_li .nav1 a{
        font-size: 16px;
    }
    .nav .nav_li{
        padding: 0 10px;
    }
    .nav .nav_li .nav2_wrap.nav2_product_wrap{
        width: 800px;
        padding: 30px;
    }
    .nav2_product_wrap_con a .j_tit{
        font-size: 16px;
    }
    .tit_box1 .tit h4,.banner .item .item_con .tit{
        font-size: 40px;
    }
    .s18{
        font-size: 16px;
    }
    .s20{
        font-size: 16px;
    }
    .s22{
        font-size: 18px;
    }
    .s32{
        font-size: 26px;
    }
    .s36{
        font-size: 28px;
    }
    .s40{
        font-size: 30px;
    }
    .s48{
        font-size:34px;
    }
    .s56,.s54{
        font-size: 40px;
    }
    .pt100{
        padding-top: 50px;
    }
    .pb100{
        padding-bottom:50px;
    }
    .tit_box1,.tit_box2{
        padding: 50px 0 20px;
    }
    .tit_box2 .tit h4{
        font-size: 38px;
    }
    .tit_box1 .tit p{
        font-size: 16px;
    }
    .tit_box2 .tit p{
        font-size:16px;
        margin-top: 20px;
    }
    .news_list,.page_application_list .list,.page_news_list .list,.page_certificates_list,.page_product_list .list{
        margin: 0 -10px;
    }
    .news_list .item,.page_application_list .list .item,.page_news_list .item,.page_certificates_list .item,.page_product_list .item{
        padding: 10px;
    }
    .pd_detail_hd .infos{
        padding-left: 5%;
    }
    .pd_detail_hd .infos .btns{
        margin-top: 30px;
    }
    .page_latest_news .item_con{
        padding: 10px 0 0 40px;
    }
    .page_latest_news .item_con .desc{
        margin: 10px 0 30px;
    }
    .page_news_detail_hd{
        padding-left: 50px;
    }
    .page_about_panel2_con .con_box .desc{
        height: 180px;
        overflow-y: scroll;
        padding-right: 20px;
    }
    .page_about_panel3_hd .con{
        margin-top: 40px;
    }
    .page_latest_news{
        padding: 30px 0 50px;
    }
    .page_news_detail{
        padding-top: 40px;
    }
    .page_application_show_recommend_product .j_tit{
        padding: 50px 0 30px;
    }
    .page_about_panel4_tit{
        margin-bottom: 40px;
    }
    .page_contact_bd .public_message{
        padding: 30px 50px;
    }
    .page_contact_bd .con_box{
        display: none;
    }
    .page_contact_hd .con_map{
        width: 50%;
    }
    .page_contact_hd .con_box .list .item{
        margin-bottom: 15px;
    }
    .page_contact_hd .con_box .list .item .con h4{
        font-size: 18px;
    }
}
@media screen and (max-width: 1024px){
    .mb_none{
        display: none;
    }
    .header{
        height: 60px;
        background: #fff;
    }
    .header_wrap{
        height: 60px;
    }
    .header .logo img{
        height:36px;
    }
    .header_wrap .logo_words{
        display: block;
        left: 50px;
        top: 15px;
    }
    .menuBtn{
        height: 60px;
        width: 60px;
    }
    .menuBtn .line{
        width: 26px;
        height: 2px;
        margin: 10px auto;
    }
    .menuBtn.active .line:nth-child(1) {
        -webkit-transform: translateY(12px) rotate(45deg);
        -ms-transform: translateY(12px) rotate(45deg);
        -o-transform: translateY(12px) rotate(45deg);
        transform: translateY(12px) rotate(45deg);
    }
    .menuBtn.active .line:nth-child(3) {
        -webkit-transform: translateY(-12px) rotate(-45deg);
        -ms-transform: translateY(-12px) rotate(-45deg);
        -o-transform: translateY(-12px) rotate(-45deg);
        transform: translateY(-12px) rotate(-45deg);
    }
    .menuPage{
        padding-right: 60px;
    }
    .tit_box1 .tit h4, .banner .item .item_con .tit{
        font-size: 30px;
    }
    .tit_box1 .tit h4{
        margin-bottom: 10px;
    }
    .banner .item .item_con .desc{
        margin: 20px 0 40px;
        font-size: 16px;
    }
    .more_style1{
        height: 50px;
    }
    .banner{
        margin-top: 60px;
    }
    .banner .swiper-pagination{
        left: 4%;
    }
    .product_list{
        padding-top: 50px;
    }
    .product_info_hd .pub_btn1{
        margin-top:20px;
    }
    .product_info_hd .list .item{
        margin-top: 10px;
    }
    .about_con{
        width: 55%;
    }
    .about_list{
        padding:80px 0 0 7%;
    }
    .about_con .btns{
        margin-top: 30px;
    }
    .application_con .item .item_con{
        padding-left: 50px;
    }
    .application_con .item .item_con .tit:after{
        display: none;
    }
    .application_con .item .item_con .desc{
        margin:10px 0 30px;
    }
    .tit_box1_menu.tit_box1 .menu .item{
        margin-left: 30px;
    }
    .message_con{
        padding: 50px;
    }
    .s28{
        font-size: 24px;
    }
    .s32{
        font-size: 24px;
    }
    .s56, .s54{
        font-size: 36px;
    }
    .footer{
        padding-bottom: 55px;
    }
    .footer_con{
        padding: 30px 0;
    }
    .footer_copyright{
        height: 60px;
    }
    .page_banner{
        margin-top: 60px;
    }
    .tit_box2 .tit h4{
        font-size: 30px;
    }
    .pd_detail_intro_bd{
        width: 300px;
    }
    .public_message_con{
        padding: 50px;
    }
    .no_banner_pos{
        padding-top: 80px;
    }
    .pd_detail_hd{
        padding-top: 30px;
    }
    .tit_box2 .tit p{
        margin-top: 10px;
    }
    .page_application_show_bd{
        padding-left: 0;
    }
    .s48{
        font-size: 28px;
    }
    .page_application_show_bd .j_tit{
        padding-bottom: 20px;
    }
    .page_application_show_bd .j_tit:after{
        height: 2px;
    }
    .page_application_show_bd .desc{
        padding: 30px 0;
    }
    .page_news_tit{
        flex-direction: column;
        align-items:flex-start;
    }
    .page_news_tit .j_tit{
        width: auto;
    }
    .page_menu_public{
        margin-top: 20px;
    }
    .pt100{
        padding-top: 40px;
    }
    .pb100{
        padding-bottom: 40px;
    }
    .page_news_detail{
        padding-top: 30px;
    }
    .page_application_show_recommend_product .j_tit{
        padding: 40px 0 20px;
    }
    .tit_box1, .tit_box2{
        padding: 30px 0 15px;
    }
    .page_about_panel2_img{
        width: 100%;
        position: initial;
    }
    .page_about_panel2_wrap{
        height: auto;
    }
    .page_about_panel2_con .con_box{
        width: 100%;
        padding:30px 0;
    }
    .page_about_panel4_list .list{
        flex-wrap: wrap;
    }
    .page_about_panel4_list .list .item_w{
        width: 50%;
    }
    .page_about_panel4_tit{
        margin-bottom: 30px;
    }
    .s36{
        font-size: 24px;
    }
    .page_banner .img img{
        min-height: 150px;
        width: 100%;
        object-fit: cover;
    }
    .s24{
        font-size: 20px;
    }
    .page_news_detail_hd .content{
        font-size: 16px;
    }
    .page_certificates_list .item{
        width:25%;
    }
    .pd_detail_intro_hd .bd .item{
        overflow-x: auto;
    }
    .pd_detail_intro_hd .bd .item .table{
        overflow: hidden;
        overflow-x: scroll;
    }
    .pd_detail_intro_hd .bd .item table{
        table-layout:fixed;
        width: auto!important;
    }
    .pd_detail_intro_hd .bd .item table tr td{
        /*white-space: nowrap;*/
    }
    .pd_detail_intro_hd .bd .item table colgroup col{
        
    }
}
@media screen and (max-width: 768px){
    body{
        font-size:14px;
    }
    .header{
        padding: 0 15px;
    }
    .button_wrap .button{
        padding:0 20px;
        height: 36px;
        line-height: 32px;
    }
    .header{
        height: 50px;
    }
    .header .logo img{
        height:28px;
    }
    .banner_ico{
        display: none;
    }
    .menuPage{
        padding-right: 52px;
    }
    .menuBtn{
        width: 50px;
        height: 50px;
    }
    .menuBtn .line{
        margin:7px auto;
    }
    .menuBtn.active .line:nth-child(1) {
        -webkit-transform: translateY(9px) rotate(45deg);
        -ms-transform: translateY(9px) rotate(45deg);
        -o-transform: translateY(9px) rotate(45deg);
        transform: translateY(9px) rotate(45deg);
    }
    .menuBtn.active .line:nth-child(3) {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        -o-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
    }
    .wrapper,.w1400{
        padding-left: 15px;
        padding-right: 15px;
    }
    .header_wrap{
        height: 50px;
    }
    .banner{
        margin-top: 50px; 
    }
    .banner .item .item_con{
        padding-bottom: 0;
    }
    .banner .item .item_con .info{
        width:100%;
    }
    .banner .more_style1{
        display: none;
    }
    .banner .banner-towrap{
        display: none;
    }
    .banner .item .item_con .tit{
        font-size:18px;
        margin-bottom:10px;
    }
    .banner .item .item_con .desc{
        font-size:14px;
        margin:0 0 20px;
    }
    .banner .swiper-pagination{
        display: none;
    }
    .banner .item .item_con .desc{
        margin-bottom: 0;
        line-height: 1.4;
    }
    .tit_box2 .tit h4 br{
        display: none;
    }
    .page_about_panel1 .tit_box2 .tit p{
        text-align: left;
    }
    .page_about_panel1 .tit_box2 .tit h4{
        text-align: left;
    }
    .pub_btn1{
        height: 35px!important;
        padding: 0 15px!important;
        line-height:35px!important;
    }
    .tit_box1 .tit h4, .tit_box2 .tit h4{
        font-size:22px;
    }
    .tit_box1 .tit p{
        font-size: 14px;
    }
    .product_info{
        flex-direction: column;
    }
    .product_list{
        padding:20px 0 0 0;
    }
    .product_info_hd{
        width: 100%;
    }
    .product_info_hd .pub_btn1{
        display: none;
    }
    .about{
        flex-direction: column;
    }
    .about_con{
        width: 100%;
    }
    .about_con .btns{
        display: none;
    }
    .about_list{
        padding: 30px 0 0;
    }
    .about_list .item{
        height: 50px;
    }
    .about_list .item h4{
        font-size: 14px;
    }
    .application_con .item{
        flex-direction: column;
    }
    .application_con .item .item_img{
        width: 100%;
    }
    .application_con .item .item_img,.news_list .item .img,.page_product_list .item .item_img,.page_application_list .list .item .item_img,.page_latest_news .item_img,.page_news_list .item .item_img{
        border-radius: 10px;
    }
    .page_product_list .item .item_img{
        height: 150px;
    }
    .application_con .item .item_con{
        padding:10px 0 0;
    }
    .application_con .item .item_con .desc{
        margin: 5px 0 20px;
    }
    .s18{
        font-size: 14px;
    }
    .s36{
        font-size: 18px;
    }
    .tit_box1_menu.tit_box1 .menu{
        display: none;
    }
    .tit_box1_menu{
        margin-bottom: 15px;
    }
    .news_list, .page_application_list .list, .page_news_list .list, .page_certificates_list, .page_product_list .list{
        margin: -6px;
    }
    .news_list .item, .page_application_list .list .item, .page_news_list .item, .page_certificates_list .item, .page_product_list .item{
        padding:6px;
    }
    .news_list,.page_application_list .list{
        flex-wrap: wrap;
    }
    .news_list .item,.page_application_list .list .item,.page_news_list .item{
        width: 50%;
    }
    .news_list .item .time{
        display: none;
    }
    .s22{
        font-size: 16px;
    }
    .s24{
        font-size: 16px;
    }
    .news_list .item .icon{
        margin-top: 20px;
        width: 30px;
        height: 30px;
    }
    .pt100{
        padding-top: 30px;
    }
    .pb100{
        padding-bottom: 30px;
    }
    .message_con{
        flex-direction: column;
        padding: 20px;
    }
    .s28{
        font-size: 20px;
    }
    .s56, .s54{
        font-size: 28px;
    }
    .message_con_hd .desc{
        margin: 10px 0 20px;
    }
    .message_con_hd .share-img .img{
        display: none;
    }
    .message_con_hd .share-img .follow_list{
        height: 50px;
        padding: 0 20px;
    }
    .public_message{
        width: 100%;
    }
    .message_con_hd .share-img .follow_list a{
        width: 24px;
        height: 24px;
    }
    .message_con_hd .share-img .follow_list a svg{
        width: 15px;
        height: 15px;
    }
    .public_message .form .input{
        padding: 0 5px;
    }
    .public_message .form .input_box{
        margin-bottom: 10px;
    }
    .tit_box2 .tit p{
        font-size: 14px;
    }
    .page_product_list .item .item_con{
        padding: 10px 0 0;
    }
    .footer_copyright{
        display: block;
        padding: 10px 0;
        height: auto;
        font-size:12px;
    }
    .page_banner{
        margin-top: 50px;
    }
    .page_banner_con .tit{
        font-size: 24px;
    }
    .tit_box2{
        padding: 30px 0 15px;
    }
    .page_product_list .item{
        width: 50%;
    }
    .pd_detail_hd{
        flex-direction: column;
    }
    .pd_detail_hd .pics{
        width: 100%;
    }
    .pd_detail_hd .pics{
        padding: 20px;
        height: 300px;
    }
    .pd_detail_hd .infos{
        padding:20px 0  0;
    }
    .pd_detail_hd .infos h1{
        padding-bottom: 10px;
    }
    .pd_detail_hd .infos .desc{
        margin-top: 20px;
    }
    .pd_detail_intro_bd{
        display: none;
    }
    .pd_detail_intro_hd{
        padding-right: 0;
    }
    .pd_detail_intro_hd .hd{
        margin-bottom: 20px;
    }
    .pd_detail_intro_hd .hd .item{
        flex:1;
        height: 40px;
        margin-right: 10px;
    }
    .pd_detail_intro_hd .hd .item:last-child{
        margin-right: 0;
    }
    .public_message_con{
        margin-top: 30px;
        padding: 30px;
    }
    .public_message_con .cover{
        display: none;
    }
    .page_contact2_form{
        padding-left: 0;
    }
    .page_contact2_form .input_box{
        flex-direction: column;
    }
    .page_contact2_form .input_box .input{
        margin-bottom: 10px;
    }
    .page_contact2_form .input_box{
        margin-bottom: 0;
    }
    .public_message .form .input_box{
        flex-direction: column;
        margin-bottom: 0;
    }
    .public_message .form .input{
        margin-bottom: 10px;
    }
    .page_application_list .list .item .item_con{
        padding-top: 10px;
    }
    .page_application_list .list .item .item_con .desc{
        margin: 5px 0 15px;
    }
    .page_application_show_bd .chat{
        padding: 20px 0 0;
        justify-content: center;
    }
    .page_application_show_bd .chat .logo_txt{
        display: none;
    }
    .page_application_show_bd .chat .btn{
        height: 46px;
    }
    .page_application_show_recommend_product .j_tit{
        padding: 30px 0 15px;
    }
    .s48{
        font-size: 24px;
    }
    .s20{
        font-size: 14px;
    }
    .s32{
        font-size: 20px;
    }
    .page_latest_news{
        padding-bottom: 30px;
    }
    .page_news_list .item .item_con{
        padding: 10px 0;
    }
    .page_news_list .item .item_con .btn_time .ico{
        width: 30px;
        height: 30px;
    }
    .page_news_list .item .item_con .btn_time{
        padding-top: 10px;
    }
    .page_menu_public{
        display: none;
    }
    .page_latest_news .item{
        flex-direction: column;
    }
    .page_latest_news .item_img{
        width: 100%;
    }
    .page_latest_news .item_con{
        padding-left: 0;
    }
    .s40{
        font-size: 24px;
    }
    .page_news_detail_hd{
        padding-left: 0;
    }
    .page_news_detail{
        padding-top: 20px;
    }
    .page_news_detail_hd .follow_list{
        display: none;
    }
    .page_news_detail_hd .info{
        margin-top: 20px;
        padding: 10px 0;
    }
    .page_news_detail_hd .content{
        font-size: 14px;
    }
    .page_news_detail_hd .content{
        padding: 15px 0;
    }
    .page_about_panel2_con .con_box .tit1{
        display: none;
    }
    .page_about_panel2_con .con_box .list{
        display: none;
    }
    .page_about_panel3 {
        flex-direction: column;
    }
    .page_about_panel3_hd{
        padding-right: 0;
    }
    .page_about_panel3_hd .con{
        margin-top:30px;
    }
    .page_about_panel3_bd{
        width: 100%;
        padding-top: 20px;
    }
    .page_about_panel4_list .list .item_w{
        width: 100%;
    }
    .page_about_panel4_list .list .item .img img{
        width: 50px;
        height: 50px;
    }
    .page_about_panel4_list .list .item .tit{
        margin: 10px 0;
    }
    .page_about_panel5{
        flex-direction: column;
        padding-top: 30px;
    }
    .page_about_panel5_img{
        width: 100%;
    }
    .page_about_panel5_con .con{
        margin: 10px 0 20px;
    }
    .page_about_panel5_img .marks .mark1{
        right: -11%;
        top: 45%;
    }
    .page_history_hd .item{
        flex-direction: column;
    }
    .page_history_hd .item .item_con .tit{
        font-size: 80px;
    }
    .page_history_bd{
        margin-top: 40px;
    }
    .page_history_hd .item .item_img{
        width: 100%;
    }
    .page_history_hd .item .item_con .subtit_desc{
        padding: 20px 0 0;
    }
    .page_history_bd .swiper-button-next, .page_history_bd .swiper-button-prev{
        display: none;
    }
    .page_history_bd_con{
        width: 95%;
    }
    .page_certificates_list .item{
        width: 50%;
    }
    .modelTostChile{
        height: 60vh;
        top: 20vh;
    }
    .page_contact_hd{
        flex-direction: column-reverse;
    }
    .page_contact_hd .con_map{
        width: 100%;
        border-radius: 10px;
    }
    .page_contact_hd .con_box .list .item .ico{
        width: 50px;
        height: 50px;
    }
    .page_contact_hd .con_box .list .item .ico img{
        width: 30px;
        height: 30px;
    }
    .page_contact_hd .con_box{
        padding: 20px 0 0;
    }
    .page_contact_bd{
        border-radius: 15px;
    }
    .page_contact_bd .public_message{
        padding: 30px;
    }
    .return_page .go_back{
        display: none;
    }
    .return_page dl{
        flex-direction: column;
        padding-top: 20px;
    }
    .return_page dt{
        width: 100%;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .return_page .p1{
        padding-bottom: 0;
    }
    .return_page dt.next{
        text-align: left;
    }
    .pagination{
        margin-top: 20px;
    }
    .no_banner_pos{
        padding: 60px 0 0;
        font-size:14px;
    }
    .application_wrap {
        padding-bottom: 100px;
    }
    .application_con_wrap .operate{
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        top: auto;
        bottom:-30px;
    }
    .page_product_list{
        padding-top: 0;
    }
}










