@charset "utf-8";


@media screen and ( min-width: 1470px){
    .container_wrap{
        width:1470px;
    }
}
@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;
        height: 50px;
        position: relative;
        z-index: 99999;
        background: #fff;
        border-bottom: none;
    }
    .navbar_wrap{
        display: none;
    }
    .header_wrap_on{
        position: fixed;
        transform: translateY(0);

    }
    .header_wrap .coninfo{
        display: none;
    }
    .header_wrap .search{
        display: none;
    }
    .logo{
        padding-top: 9px;
        max-height: 34px;
    }
    .logo img{
        height: 100%;
    }
    .nav_pc{
        display: none;
    }
    .phone_menu_btn{
        display: block;
        padding-top: 14px;
    }
    .wap_pro_menu{
      display: block;
      padding-top: 10px;
  }
    .phone_top_nav{
        display: block;
    }
    .er_menu li a {
        height: 16px;
        line-height: 16px;
        padding: 0 15px;
        font-size: 12px;
    }
    .yi_menu a{
        font-size: 16px;
        color: #333;
    }
    
}
@media screen and ( max-width: 992px){
    .container{
        padding-left: 15px;
        padding-right: 15px;
    }
    .row{
        margin-left:-6px;
        margin-right:-6px;
    }
    .col-xs-6,.col-md-6,.col-md-3,.col-md-9,.col-md-2,.col-md-10{
        padding-left:6px;
        padding-right:6px;
    }
    .header_wrap ul{
        display: none;
    }
    .inner_pos .pos {
        display: none;
    }
    .fixed_rightbtn{
        display: none;
    }
    .banner .item .more_style1{
        display: none;
    }
    .banner .item .con h4{
        font-size:18px;
        margin:5px 0;
    }
    .banner .owl-pagination{
        height: auto;
    }
    .banner .owl-pagination .owl-page{
        width: 4px;
        height: 4px;
    }
    .banner .owl-pagination .owl-page.active:after{
        width:14px;
        height:14px;
        left: -6px;
        top: -6px;
    }
    .banner .item .con p{
        font-size:12px;
        letter-spacing:0;
        line-height: 1.2;
        padding: 0 0 10px;
        margin:0;
    }
   .tit_box1{
       padding: 30px 0 25px;
   }
   .tit_box1 h4{
       font-size:24px;
   }
   .tit_box1 p{
       font-size:12px;
       margin:15px auto 0;
   }
   .tit_box1 .line{
       max-width: 300px;
   }
   .about_img{
       display: none;
   }
   .choose_con{
       overflow: hidden;
   }
   .choose_con .row{
       margin:0 -20px;
   }
   .choose_con li{
       padding: 20px 20px;
   }
   .choose_con li:nth-child(-n+3){
       border-top: 1px dashed #ddd;
   }
   .choose_con li:nth-child(3n){
       border-right: 1px dashed #ddd;
   }
   .choose_con li:nth-child(2n){
       border-right:none;
   }
   .choose_con li:nth-child(-n+2){
       border-top:none;
   }
   .choose_con li img{
       max-width: 25%;
   }
   .choose_con li h4{
       font-size:16px;
       height: 31px;
   }
   .choose_con li p{
       height: 40px;
       line-height: 1.4;
   }
   .product_con{
       padding-top: 0;
       padding-bottom: 20px;
   }
   .product_con .row{
       margin-left:-6px;
       margin-right: -6px;
   }
   .product_con li{
       margin-bottom: 15px;
   }
   .product_con li a:hover .con {
    background: transparent;
    padding: 30px 0;
    right: 0;
    bottom: 0;
}
.product_con li a:hover h4 {
    background: rgba(21,52,115,.9);
}
.img .span1 {
    margin-left: -80px;
    margin-top: -45px;
    width: 160px;
    font-size: 20px;
    opacity: .6;
}
.product_con li a:hover .con span {
    display: none;
}
   .about_con{
       margin: 0;
   }
   .about_con .con p{
       margin-bottom: 15px;
   }
   .about_con a{
       float: none;
       margin:20px auto 0; 
   }
   .about{
       overflow: hidden;
   }
   .about_advan{
       display: none;
   }
   .img_scroll .owl-buttons .owl-prev{
       left: 0;
   }
   .img_scroll .owl-buttons .owl-next{
       right: 0;
   }
   .img_scroll .owl-buttons>div{
       background: #14306a;
       color:#fff;
   }
   .img_scroll .owl-buttons>div span{
       font-size:24px;
       padding:10px;
   }
   .img_scroll .owl-buttons>div span:hover{
       color:#fff;
   }
   .news_con dl dt{
       margin-bottom: 10px;
   }
   .news_con>.row>.col-md-6>.row>.col-md-6 .item{
       margin-bottom: 10px;
   }
   .news_con li a{
       margin-bottom: 10px;
   }
   .footer_ico{
       padding: 20px 0 50px;
   }
   .footer_contact{
       display: none;
   }
   .copyright{
       line-height: 22px;
       height: auto;
       text-align: center;
       padding: 12px 0 62px;
   }
   .copyright p{
       margin-right: 15px;
   }
   .copyright .flex{
       display: block;
       font-size:12px;
   }
   .phone_fixed_menu{
       display: block;
   }
   .layui-layer{
       max-width: 300px;
   }
   /*inner*/
   .ibanner{
       background-repeat: no-repeat;
       background-size: cover;
       background-position: center;
       height:200px;
   }
   .product_con li .con h4 {
      padding: 0 5px;
    }
   .ibanner img{
     width: 100%;
     height: 100%;
   }
   .ibanner,.banner_warp{
    display: block;
  }
  .banner_web{
    display: none;
}
   .inner{
       padding:20px 0 30px;
   }
   .inner_newspos{
       height:40px;
       line-height: 40px;
       font-size:14px;
   }
   .page_aboutindex{
       padding-top: 30px;
   }
   .page_aboutindex_intr img{
       margin:0 0 20px;
   }
   .page_aboutindex_intr .tit{
       font-size: 24px;
       margin-bottom: 0;
   }
   .phone_top_nav .sub_nav a {
    width: 100%;
}
   .inner_menu{
       display: none;
   }
   .inner_leftimg{
       display: none;
   }
   .inner>.container>.row>.col-md-9{
       padding-left: 6px;
   }
   .inner_pos{
       height: 40px;
       line-height: 40px;
   }
   .inner_pos .tit:after{
       border-top: 20px solid transparent;
       border-left: 18px solid #153473;
       right: -18px;
       border-bottom: 20px solid transparent;
   }
   .inner_pos .tit{
       font-size:18px;
       padding: 0 0 0 12px;
   }
   .inner_pos .tit:before{
       width: 3px;
       height: 15px;
       top:19px;
   }
   .page_picList,.page_imgList{
       margin: 15px 0 0;
   }
   .page_picList .row,.page_imgList .row,.related_products .row,.latest_cases .row{
       margin:0 -6px;
   }
   .page_picList .col-xs-6,.page_imgList .col-xs-6,.related_products .col-xs-6,.latest_cases .col-xs-6{
       padding: 0 6px;
       margin-bottom: 12px;
   }
   .picShow_box{
       height: auto;
   }
   .picShow_item{
       height: 280px;
   }
   .picShow_box .swiper-slide{
       background-size: 100%;
       height: 280px;
        background-repeat: no-repeat;
   }
   .page_picList li .img {
    height: 122px;
    }
    .page_aboutindex_intr .div1 {
        width: 100%;
        height: 270px;
    }
    .img_scale .img {
      height: 150px;
      border: 1px solid #ddd;
    }
    .related_products li img {
      border: 0px solid #ddd;
  }
   .inner_newstit{
       display: none;
   }
   .page_newsList{
       margin:0 0 30px;
   }
   .page_newsList li{
       padding: 15px 20px;
   }
   .page_contactindex .map{
       overflow: hidden;
       margin:0 0 30px;
   }
   .page_contactindex{
       padding: 0 10px;
   }
   .page_contactindex li{
       margin-bottom: 20px;
   }
   .inner_blogs{
       padding: 20px 0 10px;
   }
   .page_blogsList li{
       padding: 20px;
       margin-bottom: 16px;
   }
   .page_picShow{
       padding: 20px 0 0;
   }
   .page_picList li .con1{
       padding: 10px;
   }
   .page_contactindex .slogan{
       display: none;
   }
   .page_contactindex .row{
       margin-top: 30px;
       margin-bottom: 30px;
   }
   .picShow_tit{
       padding-left: 0;
       padding-right: 0;
   }
   .picShow_tit h3{
       padding:10px 0;
   }
   .picShow_tit p{
       padding: 20px 0;
       margin-bottom: 20px;
   }
   .picShow_message{
       margin-bottom: 0;
       padding: 0;
   }
   .picShow_message form{
       padding: 20px 15px;
   }
   .page_newshow{
       padding: 20px 0 0;
   }
   .page_newshow h3{
       padding-bottom: 0;
       font-size:24px;
   }
   .page_newshow .con{
       padding: 15px 10px 0;
   }
   .page_newshow .tag{
       margin:0 0 30px;
       padding: 0 10px;
   }
   .page_blogsShow .block1{
       padding: 20px;
   }
   .related_tit{
       font-size:18px;
       height: 40px;
       line-height: 40px;
   }
   .related_tit:after{
        border-top: 20px solid transparent;
        border-left: 18px solid #153473;
        right: -18px;
        border-bottom: 20px solid transparent;
   }
   .blogs_message{
       padding: 20px ;
   }
   .blogs_message form{
       margin:0;
   }
   .blogs_message .mod1 .col-md-1{
       display: none;
   }
   .blogs_message .form-group{
       margin-bottom: 15px;
   }
   .page_blogs_right .blog_item{
       padding:20px;
       margin-bottom: 20px;
   }
   .return_page p i{
       width: 20px;
       height: 20px;
       font-size:14px;
       line-height: 20px;
       margin-top: 4px;
   }
}
@media screen and ( max-width: 768px){
   .about_con .icon{
       display: none;
   }
   .page_picList li h4{
        font-size:14px;
    }
    .xg_news{
        margin-top:20px;
    }
    .xg_news ul li .con{
        margin-left: 14px;
    }
}