/*
* 标识
*/
body:after {
  display: block;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: "Pc";
}

.UnpcPush textarea,
.PcPush textarea,
.MobilePush textarea,
.UnmobilePush textarea {
  display: none;
}

/*
* PcMode
*/
body:after {
  display: block;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: 'Pc';
}

.PcMode:after {
  content: 'Pc' !important;
}

.UnpcPush,
.MobilePush {
  display: none;
}

img[data-src] {
  opacity: 0;
  filter: alpha(opacity=0);
}

img[data-srcloaded] {
  opacity: 1;
  filter: alpha(opacity=100);
}

@media only screen and (max-width: 1920px) {
  .inav .nav_li:after{height:4px}




}

@media only screen and (max-width: 1640px) {
  .wrap {
    width: 1300px;
  }

  body, h1, h2, h3, h4, p, ul, ol, dd, dl, form{font-size: 14px;}

  header {
    height: 77px;
  }
  .inav .nav_li .nav_a{font-size: 18px;}
  .inav .nav_li .secNav{font-size: 15px;}
  footer dl dt{font-size: 18px;}
  footer dl dd,
  .copyright{font-size: 15px;}
  .copyright{margin:20px 0;}
  .xc_banner .cover .title{font-size: 45px;}
  .common-title .tit{font-size: 36px;}
  .common-title{margin-bottom: 40px;}
  .channel_content{padding-top: 60px;}
  .second-title{font-size:22px;}
  .video01 .content-bott .item .intro .date{margin-top: 5px;}
  .pagination{margin:60px 0;}
  .story01 .content,
  .service02{margin-bottom: 60px;}
  .story01 .content .item .cover{bottom:0;}

  .service01 .content li,
  .service02 .item{margin-bottom: 40px;}

  .service01 .content ul{margin-bottom: 60px;}

  .product01 .content{margin-bottom: 60px;}
  .channel_content.product_detail{margin-top:40px;}
  .product_detail01 .left .btn_box a{padding:13px 25px}
  .product_detail .section{padding-top: 60px;}
  .product_detail .section .second-title{margin-bottom: 35px;}
  .product_detail05 .content{margin-bottom: 60px;}
  .product_detail02 .target_wrap.fixed{top:94px;}
  .news_list01 .content{margin-bottom: 0;}
  .news_list01 .content ul li{margin-bottom: 40px;}
  .news_detail01{margin-bottom: 60px;}
  .detail_content .con{margin:40px 0;}
  .career01{margin-bottom: 60px;}
  .ipart01{margin:60px 0;}
  .ipart01 .content{width:1100px;}
  .common-title .con{margin-top: 20px;}
  .ipart03{margin:60px 0;}
  .ipart03 .left .cover .box ul li,
  .ipart03 .center .item_top .box{font-size: 20px;}
  .engineering02{padding:60px 0;}
  .engineering03{margin:60px 0;}
  .engineering02 .item{margin-bottom: 40px;}
  .engineering03 .content{margin-top: 40px;}

  .contact01{margin-bottom: 60px;}
  .ipart03 .center .item_top{margin-bottom: 32px;}

  .inav .nav_li{margin-right: 35px;}
  footer dl{margin-right: 80px;}

  .service01 .content li .box{padding:30px 25px;}
  .product01 .content li .box{padding:30px 25px;}

  .product_detail05 .owl-nav .owl-prev, .product_detail05 .owl-nav .owl-next{height:79%;}
  .product_detail05 .owl-nav i{margin-top: 92px;}
  .product_detail01 .left .btn_box a{padding:13px 20px;}

  .ibanner .item .iban_word .word{width:48%}
  .ipart03 .center .item .box .con{font-size: 20px; margin-bottom: 15px;}
  .ipart03 .center .item .box{padding:20px;}
  .ipart03 .center .item .box .date{font-size: 16px;}
  .ipart03 .right .item .box .con{font-size: 20px; margin-bottom: 15px;}
  .ipart03 .right .item .box{padding:20px;}
  .ipart03 .right .item .box .date{font-size: 16px;}
  .ipart03 .left .item .box .con{font-size: 20px; margin-bottom: 15px;}
  .ipart03 .left .item .box{padding:20px;}
  .ipart03 .left .item .box .date{font-size: 16px;}
  
  

  .video01 .content-bott{margin-bottom: 15px;}

  .qhse02{margin-bottom: 60px;}

}

@media only screen and (max-width: 1366px) {
  .wrap {
    width: 1200px;
  }
  body, h1, h2, h3, h4, p, ul, ol, dd, dl, form{font-size: 15px;}
  .inav .nav_li{margin-right: 30px;}

  .engineering02 .item .text{margin-right: 0;}
  .engineering02 .item .text .second-title{width:100%;}

  .product01 .content li .box .con{width:100%; margin:20px 0;}

  .ipart01 .content{width:1100px;}
  .ipart02 .text{top:21%;}
  .ipart03 .center .item .box .con{font-size: 15px;}
  .ipart03 .right .item .box .con{font-size: 15px;}
  .ipart03 .left .item .box .con{font-size: 15px;}
  footer dl{margin-right: 40px;}

}



/*
* PadMode
*/
@media only screen and (max-width: 1240px) {
  body {
    user-select: none;
    -webkit-user-select: none;
  }

  html {
    overflow-x: hidden;
  }

  body,
  input,
  textarea,
  button,
  select {
    font-size: 14px;
  }

  .PcPush {
    display: none;
  }

  .UnpcPush {
    display: block;
  }

  .wrap,
  .mwrap {
    width: 940px;
  }

  /* 上下间距同一调整 */
  .channel_content{padding-top: 50px;}
  .common-title{margin-bottom: 35px;}
  .common-title .con{margin-top: 20px;}
  .pagination{margin-bottom:50px;}
  .contact01{margin-bottom: 50px;}
  .engineering02{padding:50px 0;}
  .engineering02 .item{margin-bottom: 40px;}
  .engineering03{margin: 50px 0;}
  .engineering03 .item .box{margin-right: 30px;}
  .engineering03 .item .con{padding-right: 9%;}
  .story01 .content{margin-bottom:50px;}
  .career01{margin-bottom: 50px;}
  .product01 .content{margin-bottom: 50px;}
  .video01 .content-bott{margin-bottom: 5px;}
  .service01 .content ul{margin-bottom: 50px;}

  /* 一号标题45 统一调整*/
  .common-title .tit,
  .career02 .cover .tit{font-size: 35px;}
  .second-title{font-size: 22px;}

  .footer_top{display:none;}
  .footer_bottom{padding-top: 30px;}

  .inav .nav_li{margin-right: 20px;}
  .inav .nav_li .nav_a{font-size: 16px;}

  .xc_banner .cover .title{font-size: 30px;}

  .career01 .content ._un{width:10%;}
  .career01 .content ._un._t1{width:45%; padding:0;}
  .career01 .content ._un._t2{width:30%;}
  .career01 .content li .top,
  .career01 .content li.first{padding:15px 10px; height:auto; line-height: 1.5;}

  .contact01 .right{margin-right: 0; width:50%;}

  .video01 .item .play{width:50px; height:50px; background-size: cover; margin-top:-25px; margin-left:-25px;}

  .story01 .content .item .cover .box{padding:30px;}
  .story02 .play{width:50px; height:50px; background-size: cover; margin-top:-25px; margin-left:-25px;}


  .service01 .content li .box .con{height:145px; overflow:auto;}

  .product01 .rect-538{padding-bottom: 0; height:auto;}

  .product_detail01 .left .btn_box a{padding:10px;}
  .channel_content.product_detail{padding-top: 100px;}
  .product_detail01 .left .second-title{margin-top: 30px;}
  .product_detail .section{padding-top: 50px;}
  .product_detail .section .second-title{margin-bottom: 30px;}
  .product_detail05 .owl-nav .owl-prev, .product_detail05 .owl-nav .owl-next{height:73%;}
  .product_detail05 .owl-nav i{margin-top: 68px;}
  .product_detail05 .content{margin-bottom: 50px;}

  .ibanner,
  .ibanner .owl-carousel,
  .ibanner .item{height: auto;}
  .ibanner .item .iban_word .word{width:55%;}
  .ibanner .item .banner_img img{position:static;}
  .ibanner .item .banner_img{position:static;}

  .ipart01 ,
  .ipart03{margin:50px 0}
  .ipart04{padding:50px 0;}
  .ipart03 .center .item .box .con{font-size: 14px; margin-bottom: 5px;}
  .ipart03 .center .item .box .date{font-size: 13px;}
  .ipart03 .right .item .box .con{font-size: 14px; margin-bottom: 5px;}
  .ipart03 .right .item .box .date{font-size: 13px;}
  .ipart03 .left .item .box .con{font-size: 14px; margin-bottom: 5px;}
  .ipart03 .left .item .box .date{font-size: 13px;}

  .ipart04 .left{margin-left: 0; width:50%}

  .news_detail01{margin-bottom: 50px;}
  .detail_content .con{margin:30px 0;}

}







@media only screen and (max-width: 992px) {


  .wrap,
  .mwrap {
    width: 740px;
  }
  .header .h_logo{padding:0;}
  .header .search{margin-top: 24px;}
  .header .search i{font-size: 17px;}
  .mobile_key i{font-weight: bold;}
  .mobile_key {
    display: block;
    margin-top: 21px;
    font-size: 20px;
    right: 26px;
    color:#fff;
  }
  header{height:75px;}
  .header:hover,
  .header.fixed{box-shadow: none;}
  .header.fixed .mobile_key{color:#202020;}
  .mobile_nav{display:none;}
  .xc_banner .cover .title{margin-top: 0; transform: translateY(-50%);}
  .footer_top{display:none;}


    /* 上下间距同一调整 */
    .channel_content{padding-top: 30px;}
    .pagination{margin-bottom:30px;}
  
    /* 一号标题45 统一调整*/
    body, h1, h2, h3, h4, p, ul, ol, dd, dl, form{font-size: 14px;}
    .common-title .tit,
    .career02 .cover .tit{font-size: 30px;}

    .pagination a{width:40px; height:40px; line-height: 40px;}
    .career01{margin-bottom: 20px;}
    .career02 .cover .tit{margin-bottom: 20px;}
    .career02 .cover .con{font-size: 16px;}

    .news_list01 .content ul li,
    .news_list01 .content ul li:nth-child(3n){width:47%; margin-right: 6%;}
    .news_list01 .content ul li:nth-child(2n){margin-right: 0;}
    .news_list01 .content ul li{margin-bottom: 30px;}
    
    .service01 .content li{margin-bottom: 30px;}
    .service01 .content li .img,
    .service01 .content li.even .img{width:100%;}
    .service01 .content li .text,
    .service01 .content li.even .text{width:100%;}
    .service01 .content li .text .rect-549,
    .service01 .content li.even .text .rect-56{padding-bottom: 0; height:auto;}
    .service01 .content li .box .con{height:auto;}

    .product01 .content li .img{width:100%; float:none;}
    .product01 .content li .text{width:100%; float:none;}

    .product_detail01 .right{width:100%;}
    .product_detail01 .left{width:100%; margin-bottom: 20px;}
    .channel_content.product_detail{padding-top: 0; margin-top: 25px;}
    .product_detail05 .owl-nav .owl-prev, .product_detail05 .owl-nav .owl-next{height:76%;}
    .product_detail02{display:none;}


    .ibanner .item .iban_word{top:19%;}
    .ipart01 .content{width:90%;}
    .ipart01 .owl-nav .owl-next{right:-8%;}
    .ipart01 .owl-nav .owl-prev{left:-8%;}
    .ipart01 .content .item .box{padding:25px 20px;}
    .ipart02 .text .box{width:93%;}
    .ipart03 .left{width:100%; margin-bottom: 20px;}
    .ipart03 .center{width:48%; margin-left: 0;}
    .ipart03 .right{width:48%; margin-left: 4%;}
    .comments-form textarea.form-control{height:150px;}

    .story01 .content .item .cover{height:100px}

}







@media only screen and (max-width: 768px) {


  p, ul, ol, dd, dl, form,
  body,
  input,
  textarea,
  button,
  select {
    font-size: 14px;
  }
  

  .UnmobilePush {
    display: none;
  }

  .MobilePush {
    display: block;
  }

  img[data-src] {
    opacity: 1;
  }

  .wrap,
  .mwrap {
    padding-left: 4%;
    padding-right: 4%;
    width: auto;
  }

  .mwrap .wrap {
    padding-left: 0;
    padding-right: 0;
  }
  .header .h_logo{
    padding:2px 0;
  }
  .header .h_logo img.img2{width:80px; height:auto}

  header{height:54px}
  .header.fixed{box-shadow:none;}
  .mobile_key{margin-top: 10px;}
  .mobile_key i{font-size: 23px;}
  .header .search{margin-top: 13px;}
  .header .search i{font-size: 18px;}

  .xc_banner .cover .title{font-size: 22px;}
  .footer_bottom{display:none;}
  footer dl dt{font-size: 16px; margin-bottom: 10px;}
  footer dl dd{font-size: 14px; margin-bottom: 10px;}
  .copyright{font-size: 14px; margin:20px 0;}
  .copyright .copy{width:100%;}
  .copyright .share{display:none;}

  .xc_banner{display:none;}
  /* 上下间距同一调整 */
  .channel_content{padding-top: 20px;}
  .pagination{margin-bottom:20px;}

  /* 一号标题45 统一调整*/
  .common-title .tit,
  .career02 .cover .tit{font-size: 22px;}
  .second-title{font-size: 18px;}

  .common-title{margin-bottom: 20px;}
  .common-title .con{margin-top:15px;}
  .career01 .content ._un._t4{display:none;}
  .career01 .content ._un._t1{width:37.5%;}
  .career01 .content ._un._t2{width:37.5%;}
  .career01 .content ._un._t3{width:25%;}
  .career01 .content .bottom .box{padding:0 10px 20px;}
  .career01 .content .bottom .box .tit{font-size: 16px; margin-bottom: 10px;}
  .career01 .content .bottom .box .con{width:100%;}
  .career01 .content .bottom .box a{margin-top: 10px;}
  .career02{height:120px; position:relative; overflow:hidden;}
  .career02 img{position:absolute;
    width: 1920px;
    height: 279px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: none;}
    .career02 .cover .con{font-size: 14px;}

  .pagination a{width:35px; height:35px; line-height: 35px;}
  .pagination .page-prev, .pagination .page-next{font-size: 10px;}

  .contact01 .left ul{margin-bottom:20px;}
  .contact01 .right{width:100%; margin-top: 30px;}
  .contact01 .left .share .share-icon{margin-top: 15px;}
  .contact01 .left .share .share-icon a{margin-right: 10px;}
  .comments-form{margin-top: 15px;}
  .comments-form .form-control{line-height: 40px; height: 40px;}
  .comments-form textarea.form-control{height:130px;}
  .contact01{margin-bottom:20px;}
  .common-btn{line-height: 40px; height: 40px;}


  .engineering .common-title .con{width:100%;}
  .engineering02{padding:20px 0;}
  .engineering02 .content{margin-top: 15px;}
  .engineering02 .item .img{width:100%;}
  .engineering02 .item .text{width:100%;}
  .engineering02 .item .text .second-title{margin-bottom: 15px;}
  .engineering02 .item .text .con p{margin-bottom: 15px;}
  .engineering02 .item{margin-bottom: 20px;}
  .engineering03{margin:20px 0;}
  .engineering03 .common-title{margin-bottom: 0;}
  .engineering03 .content{margin-top: 0;}
  .engineering03 .item{width:100%;}
  .engineering03 .item .box{margin-right: 0; padding:15px 0;}
  .engineering03 .item .box::after{width:100%; height:1px; bottom:0; top:unset; left:0;}
  .engineering03 .item .con{padding-right: 0; min-height: auto;}
  .engineering03 .item .img{width:50px; margin-bottom: 15px;}

  .video01 .content-top{margin-bottom:20px;}
  .video01 .content-top .left{width:100%; margin-bottom: 20px;}
  .video01 .content-top .right{width:100%;}
  .video01 .content-top .item .intro .box{padding:15px;}
  .video01 .content-top .right .item:first-child{margin-bottom: 20px;}
  .video01 .content-bott{margin-bottom: 0;}
  .video01 .content-bott .item .intro .box{padding:15px;}
  .video01 .content-bott .item{margin-bottom: 20px; margin-left: 0; width:100%;}
  .video01 .content-bott .item .intro .date{margin-top: 5px;}

  .story01 .common-title .con{width:100%; float:none;}
  .story01 .common-title .tit{float:none; margin-bottom: 20px;}
  .story01 .content{margin-bottom:0;}
  .story01 .content .item{width:48%; margin:0 1%; margin-bottom: 20px;}
  .story01 .content .item:nth-child(4n+1){margin-left:1%;}
  .story01 .content .item .cover .box{padding:15px;}

  .news_list01 .content ul li{width:100%; margin-right: 0; margin-bottom: 20px;}
  .news_list01 .content ul li .item .box{padding:20px 15px;}
  .news_list01 .content ul li .intro .tool{margin-top: 20px;}
  .news_list01 .content ul li .intro .tool .share a{margin-right: 10px;}
  .news_list01 .content ul li, .news_list01 .content ul li:nth-child(3n){width:100%;}

  .service01 .content li{margin-bottom: 20px;}
  .service01 .content li .box{padding:20px;}

  .service02{margin-bottom: 20px;}
  .service02 .item .img{width:100%;}
  .service02 .item .text{width:100%;}
  .service02 .item .text .con p{margin-bottom: 15px;}
  .service02 .item{margin-bottom: 20px;}

  .product01 .content{margin-bottom: 20px;}
  .product01 .content li{margin-bottom: 20px;}
  .product01 .content li .box{padding:20px;}
  .more{font-size: 14px;}

  .product_detail .crumbs{margin:20px 0;}
  .product_detail01 .left .second-title{margin-top: 20px;}
  .product_detail01 .left .btn_box a{padding:5px;}
  .product_detail01 .left .btn_box a.mail{margin-left: 10px;}
  .product_detail02{height:50px;}
  .product_detail02 .target_wrap ul li{line-height: 50px; padding:0 8px; font-size: 16px;}
  .product_detail .section{padding-top: 20px;}
  .product_detail .section .second-title{margin-bottom: 20px;}
  .product_detail04 table td, .product_detail04 table th{line-height: 1.5; padding:10px;}
  .product_detail04 .table-responsive{margin-bottom: 0;}
  .product_detail04 table td, .product_detail04 table th{width:auto;}
  .product_detail05 .item .text{margin-top: 15px; font-size: 16px;}
  .product_detail05 .content{margin-bottom: 20px;}
  .product_detail05 .owl-nav .owl-prev, .product_detail05 .owl-nav .owl-next{height:81%}
  .product_detail02 .target_wrap.fixed{top:68px;}
  .product_detail01 .right img{
    top:0;
  }

  .ibanner .owl-carousel{position:relative}
  .ibanner .item .banner_img{position:relative;}
  .ibanner .item .iban_word .con{display:none;}
  .ibanner .owl-dot span{display:none;}
  .ibanner .owl-dot{width:8px; height:8px; margin:0 8px; border:none; background-color: rgba(255,255,255,0.8);}
  .ibanner .owl-dot.active{background-color: #FFF; border:none;}
  .ibanner .owl-dot:after, .ibanner .owl-dot:before{display:none;}
  .ibanner .mouse{display:none;}
  .ibanner .item .iban_word .more a{padding:5px 14px;}
  .ibanner .item .iban_word{top:27%;}
  .ipart01, .ipart03{margin:20px 0;}
  .ipart01 .content{width:100%;}
  .ipart01 .content .item .img{width:100%; float:none;}
  .ipart01 .content .item .text{width:100%; float:none;}
  .ipart01 .content .item .rect-172{padding-bottom: 0; height:auto;}
  .ipart01 .content .item ul{display: none;}
  .ipart01 .owl-nav i{font-size: 30px;}
  .ipart01 .owl-nav .owl-next{right:-8%;}
  .ipart01 .owl-nav .owl-prev{left:-8%;}
  .ipart02{overflow:hidden;}
  .ipart01 .common-title{padding:0 20px;}
  .ipart02 .common-title{padding:0 20px;}
  .ipart02 .text .box{width:100%;}
  .ipart02 .text{position:relative; z-index: 10; padding-top:20px;}
  .ipart02 .text .link{margin-top: 20px;}
  .ipart02 .text .link a{padding:5px 10px}
  .ipart02{background:url(../img/ipart02_bg.jpg) no-repeat center; background-size: cover;}
  .ipart02 .img{display:none; position:absolute; width:1000px; left:50%; margin-left:-500px;}
  .ipart03 .center{width:100%; margin-bottom: 20px; margin-right: 0;}
  .ipart03 .center .rect-75{padding-bottom: 0; height:auto;}
  .ipart03 .right{width:100%; margin-left: 0;}
  .ipart03 .center .rect-139{padding-bottom: 0; height: auto;}
  .ipart03 .right .rect-139{padding-bottom: 0; height: auto;}
  .ipart03 .left .rect-139{padding-bottom: 0; height: auto;}
  .ipart04{padding:20px 0;}
  .ipart04 .left{width:100%; margin-top: 0;}
  .ipart04 .right{width:100%; margin-right: 0;}

  .detail_content .con{margin:20px 0;}
  .news_detail01{margin-bottom: 20px;}
  .service01 .content ul{margin-bottom: 20px;}

/* 搜索样式 */
  .searchArea .infor .tit{font-size: 20px;}
  .searchArea .content_form{padding:0; margin-top: 20px;}
  .searchArea .content_form .form_box .search .input_wrap input,
  .searchArea .content_form .form_box .search .input_wrap{height:50px; line-height: 50px;}
  .searchArea .content_form .form_box .search .btn_wrap .btns{font-size: 14px; height:50px; line-height: 50px;}
  .resultArea .infor .tit{font-size: 18px;}
  .resultArea .content_form{margin-top: 20px; padding:20px 0;}
  .resultArea .content_form .area{padding:20px 0;}
  .resultArea .content_form h3{font-size: 20px; margin-bottom: 20px;}
  .resultArea .content_form .piclist_area .srchList li .intro .t{font-size: 16px;}
  .resultArea .content_form .piclist_area .srchList li .intro{height:auto;}
  .resultArea .botBtn .btnMore{padding:0 40px; line-height: 40px; height: 40px;}

  .qhse .service02 .item .img{width:100%;}
  .qhse02{margin-bottom: 20px;}


}