@charset "utf-8";


@media screen and ( max-width: 1400px){
    .nav_pc li{
        padding:0 30px;
    }
    .menu_item1 ul li iframe{
        width: 300px!important;
        height: 170px!important;
    }
    .menu_item a{
        font-size:14px;
    }
}
@media screen and ( max-width: 1200px){
       #header{
        height: 50px;
        transition:all .3s;
    }
    .header_wrap{
        width: 100%;
        padding: 0 15px 0 10px;
        left: 0;
        margin:0;
        position: relative;
        z-index: 99999;
        background: #fff;
        border-bottom: none;
    }
    .header_wrap_on{
        position: fixed;
        transform: translateY(0);

    }
    .header_top{
        display: none;
    }

    .header_wrap .coninfo{
        display: none;
    }
    .header_wrap .search{
        display: none;
    }
    .logo{
        max-height:30px;
    }
    .logo img{
        height: 100%;
    }
    .more_style1{
        padding: 10px 30px;
        font-size:16px;
    }
    .nav_pc{
        display: none;
    }
    .phone_menu_btn{
        display: block;
        padding-top: 0;
    }
    .phone_top_nav{
        display: block;
    }
    
}
@media screen and ( max-width: 992px){
    .mb_none{
        display: none!important;
    }
    .header_flex .lang{
        display: block;
    }
    .logo .logo1{
        display: block;
    }
    .logo .logo2{
        display: none;
    }
    .header_flex{
        height: 50px;
    }
    .banner{
        display: none!important;
    }
    .mobile_banner{
        padding-top: 50px;
        display: block!important;
        position: relative;
    }
    .tit_box1{
        padding:30px 0 20px;
        flex-direction: column;
    }
    .tit_box1 .tit h4{
        font-size:24px;
    }
    .tit_box1 .tit .line{
        width: 200px;
        margin-top: 10px;
    }
    .tit_box1 .tit p{
        font-size:14px;
        margin-top: 5px;
    }
    .tit_box2{
        padding:30px;
    }
    .tit_box2 .tit{
        font-size:24px;
    }
    .tit_box2 .desc{
        display: none;
    }
    
    .jy_morebtn{
        margin-top: 15px;
        height: 40px;
        width: 130px;
    }
    .jy_morebtn a{
        font-size:14px;
    }
    .jy_morebtn svg{
        display: none;
    }
    .jy_morebtn::before{
        border-width: 2px;
    }
    .product_con{
        flex-wrap: wrap;
        padding-bottom: 30px;
    }
    .product_con_left{
        padding:20px;
    }
    .product_con_left_item{
        width: 100%;
    }
    .product_con_right{
        height: auto;
    }
    .product_con_right .item{
        padding:25px;
        margin:20px 0 0;
        flex-direction: column;
    }
    .product_con_right .item .item_img{
        width:100%;
    }
    .product_con .item .item_con .tit{
        font-size:20px;
    }
    .product_con .item .item_con .desc{
        font-size:14px;
    }
    .about_info_list{
        flex-wrap: wrap;
        padding-bottom: 30px;
    }
    .about_info_list .item{
        flex: auto;
        width: 43%;
        margin:0 4px 8px;
        padding:20px;
    }
    .about_info_list .item .con h4{
        font-size:14px;
    }
    .advantage_list{
        flex-wrap: wrap;
        padding-bottom: 30px;
    }
    .advantage_list .item{
        flex: auto;
        position: relative;
        padding: 0;
        overflow: hidden;
        border-radius: 15px;
        margin-bottom: 20px;
    }
    .advantage_list .item .item_con{
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        background: rgba(0,0,0,.5);
        padding:15px;
    }
    .advantage_list .item .item_con .tit{
        font-size:16px;
        font-weight: bold;
    }
    .advantage_list .item .item_con .desc{
        font-size:14px;
        line-height: 1.4;
    }
    .bg4{
        background-repeat: repeat;
    }
    .news_list{
        flex-wrap: wrap;
        padding-bottom: 30px;
    }
    .news_list_left{
        width: 100%;
        flex-wrap: wrap;
    }
    .news_list_left .item{
        flex: inherit;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .news_list_left .item .item_img{
        height: 160px;
    }
    .news_list_left .item .item_img .date{
        font-size:12px;
        height: 30px;
        line-height: 30px;
        left: 20px;
        bottom:20px;
        padding:0 10px;
    }
    .news_list_left .item .item_con{
        padding:15px;
    }
    .news_list_left .item .item_con .tit{
        font-size:16px;
    }
    .news_list_left .item .item_con .desc{
        margin:10px 0 0;
        font-size:12px;
    }
    .news_more_column{
        display: none;
    }
    .news_list_right{
        flex:inherit;
        margin:0;
    }
    .news_list_right .item{
        padding:0;
        margin-bottom: 15px;
    }
    .news_list_right .item .item_con{
        padding:15px 15px 0;
    }
    .news_list_right .item .item_con .tit{
        font-size:16px;
    }
    .news_list_right .item .item_con .desc{
        font-size:12px;
    }
    .footer_contact{
        flex-wrap: wrap;
    }
    .footer{
        padding:30px 0;
    }
    .footer_contact .item{
        width: 100%;
        margin-bottom: 15px;
    }
    .footer_contact .item .icon{
        width: 60px;
        height: 60px;
    }
    .footer_contact .item .icon i{
        font-size:24px;
    }
    .footer_contact .item .con{
        margin-left: 15px;
    }
    .footer_contact .item .con h4{
        font-size:16px;
    }
    .footer_contact .item .con p{
        font-size:14px;
    }
    .footer_contact .item .img{
        width: 90px;
        height: 90px;
        margin-left: 15px;
    }
    .footer_contact .item .img img{
        width: 80px;
        height: 80px;
    }
    .footer_copyright{
        margin-top: 15px;
        flex-direction: column;
        height: auto;
        padding-top: 20px;
    }
    .footer_copyright .copyright{
        flex: inherit;
    }
    
    .ibanner{
        background-size: cover;
        height: 120px;
        margin-top: 50px;
    }
    .ibanner .con{
        padding-top: 0;
    }
    .ibanner .con h4{
        font-size:24px;
    }
    .page_about .panel1{
        padding:30px 0;
    }
    .page_about .panel1{
        flex-direction: column;
    }
    .page_about .panel1 .panel1_tit{
        width: 100%;
    }
    .page_about .panel1 .panel1_tit .tit{
        font-size:24px;
        font-weight: bold;
    }
    .page_about .panel1 .panel1_con{
        flex: inherit;
        padding-top: 20px;
    }
    .page_about .panel2 .about_info_list{
        padding:30px 0;
    }
    .tit_box3{
        padding:30px 0;
    }
    .tit_box3 .tit h4{
        font-size:24px;
        margin-bottom:0;
    }
    .tit_box3 .tit p{
        max-width: 100%;
        font-size:14px;
    }
    .page_about .panel3{
        padding-bottom: 30px;
    }
    .page_about .panel3 .panel3_con .swiper{
        padding-bottom: 50px;
    }
    .page_about .panel3 .panel3_con .item .item_img{
        padding:15px;
        height: 225px;
    }
    .page_about .panel3 .panel3_con .item .item_tit{
        font-size:14px;
        height: 50px;
        line-height: 50px;
    }
    
    .page_about .panel4_list{
        flex-wrap: wrap;
        padding-bottom: 30px;
    }
    .page_about .panel4_list .item_wrap{
        padding:8px;
        flex: inherit;
        flex-basis: 50%;
        flex-grow: 1;
    }
    .page_about .panel4_list .item_wrap .item{
        padding:25px 15px;
    }
    .page_about .panel4_list .item_wrap .item .img img{
        width: 40px;
    }
    .page_about .panel4_list .item_wrap .item .tit{
        font-size:18px;
    }
    .page_about .panel4_list .item_wrap .item .tit:after{
        height: 2px;
        margin-top: 6px;
    }
    .page_about .panel4_list .item_wrap .item .desc{
        font-size:14px;
        height: 60px;
    }
    .pos_menu .menu a{
        font-size:14px;
    }
    .page_newsList{
        padding:30px 0;
    }
    .page_newsList .item_wrap{
        width: 100%;
    }
    .page_news_detail{
        padding:10px 0;
    }
    .page_news_detail .page_index{
        padding:20px;
    }
    .page_newsList .news_more_column{
        display: flex;   
    }
    .page_newsList .item .item_con .desc{
        margin:10px 0 20px;
    }
    .pos_menu .pos{
        display: none;
    }
    .page_picList{
        flex-wrap: wrap;
        padding:30px 0 0;
    }
    .page_picList .item_wrap{
        width: 100%;
        padding-bottom: 20px;
    }
    .page_picList .item{
        flex-direction: column;
        padding:30px;
    }
    .page_picList .item .item_img{
        width: 100%;
        padding-left: 0;
    }
    .pagination{
        padding-bottom: 0;
    }
    .page_picdetails{
        padding-top: 50px;
    }
    .page_picdetails_pos{
        padding:20px 0;
    }
    .page_picdetails .panel1{
        padding:30px;
        flex-wrap: wrap;
    }
    .page_picdetails .panel1_scroll{
        width: 100%;
        padding:20px;
        height: 230px;
    }
    .page_picdetails .panel1_con{
        flex: inherit;
        padding-left: 0;
        width: 100%;
        padding-top: 20px;
    }
    .page_picdetails .j_tit{
        font-size:20px;
    }
    .page_picdetails .panel1_con .desc{
        font-size:14px;
    }
    .page_picdetails .panel1_con .tel{
        font-size:24px;
        margin-top: 20px;
    }
    .page_picdetails .panel1_con .tel i{
        width: 40px;
        height: 40px;
        font-size:24px;
    }
    .page_picdetails .panel1_con .btns{
        margin-top: 30px;
    }
    .page_picdetails .panel1_con .btns .j_btn{
        width: 50%;
    }
    .page_picdetails .panel1_con .btns .j_btn:last-child{
        margin-right: 0;
    }
    .page_picdetails .panel2{
        padding:20px;
        margin-top: 20px;
    }
    .page_picdetails .panel2 .content{
        font-size:14px;
    }
    .page_picdetails .panel2 .j_tit{
        font-size:20px;
    }
    .page_picdetails .j_tit:before{
        width: 100px;
    }
    .page_picdetails .panel3{
        padding:30px 0;
    }
    .page_picdetails .panel3 .panel3_tit{
        font-size:24px;
    }
    .page_picdetails .panel3 .page_picList{
        padding-top: 15px;
    }
    .page_join .tit_box3{
        padding-top: 0;
    }
    .page_join .panel1{
        flex-direction: column;
    }
    .page_join .panel1 .panel1_con{
        padding:20px;
    }
    .page_join .panel1 .panel1_con .tit h4{
        font-size:24px;
    }
    .page_join .panel1 .panel1_con .tit p{
        font-size:14px;
    }
    .page_join .panel1 .panel1_con .desc p{
        font-size:14px;
    }
    .page_join .panel1 .panel1_img{
        width: 100%;
        padding:0 20px 20px;
    }
    .page_join .panel2{
        padding-top: 30px;
    }
    .page_join .panel2_padding{
        padding:30px 20px;
    }
    .page_join .panel2_form .btns{
        height: 50px;
    }
    .page_join .panel2_form .btns .j_btn{
        line-height: 50px;
        font-size:16px;
    }
    .page_contact{
        padding-bottom: 30px;
    }
    .page_contact .panel1_list .item{
        padding:20px 10px;
    }
    .page_contact .panel1_list{
        flex-wrap: wrap;
        margin:0 -6px;
    }
    .page_contact .panel1_list .item_wrap{
        flex: inherit;
        width: 50%;
        padding:0 6px 12px;
    }
    .page_contact .panel1_list .item .ico{
        width: 80px;
        height: 80px;
    }
    .page_contact .panel1_list .item .ico i{
        font-size: 24px;
    }
    .page_contact .panel1_list .item .tit{
        font-size:20px;
        padding-top: 15px;
    }
    .page_contact .panel1_list .item .info1{
        font-size:14px;
        margin-top: 15px;
    }
    .page_contact .panel_map{
        padding:20px;
        margin-top: 30px;
    }
    .page_contact .mcontainer{
        height: 230px;
    }
    
    
    .page_hotpic{
        margin-top: 20px;
    }
    .page_hotpic li{
        padding: 0 8px;    
    }
    .page_contact_index{
        padding: 20px 0;
    }
    .page_index .tit h1{
        font-size:24px;
    }
    .page_caseList li .con{
        padding: 15px 0;
    }
    .news_img{
        padding-right: 0;
    }
    .news_tit{
        font-size:24px;
        padding:15px 0 0;
    }
    .news_con .item .con a{
        font-size:18px;
        line-height: 1.4;
        margin:10px 0 15px;
    }
    .ueditor_baidumap{
       display: none;
   }
}
@media screen and ( max-width: 768px){
    /**
   .ibanner{
       height:200px;
   }
   **/
   .page_tit p{
       display: none;
   }
   .about_con .icon{
       display: none;
   }
   .page_newsList li .img img{
       max-width: 120px;
       height:114px;
   }
   .page_picList li h4{
        font-size:14px;
    }
    .xg_news{
        padding-bottom:20px;
    }
    .xg_news ul li .con{
        margin-left: 14px;
    }
    .taobao{
        width: 30px;
        right: 0;
        top: 15%;
    }
}