/* 超大设备(大型笔记本电脑和台式机，1200px以上)* */
@media only screen and (min-width: 1200px) {

    .container{ width: 1466px; margin: 0 auto;}
    .serivce-item ul li{width: 28%;height: 340px;}
    .index-col-2 .sidelist .col-2 .bar .text{ margin-top: 60px;}
    .index-col-2 .sidelist .col-2 .bar .text .time-1{ padding-bottom:0;margin:0 0 5px 0;}
    .index-col-2 .sidelist .col-2 .bar .text .time-2{ color: #000;}
}


@media (min-width: 1920px){
    .case-mode  .index-col-2 .sidelist .col-1{ width: 135px;}
    .case-mode .index-col-1{ width: 115px;}
    .case-mode .index-col-2{ width: 1350px; position:relative;min-height: 600px;}
    .case-mode{ margin-top: 10rem;}
    .container{ width: 1466px; margin: 0 auto;}
    .serivce-item ul li{width: 420px; height:213px;}
    .index-col-2 .sidelist .col-2 .bar .text .time-1{ padding-bottom:0;margin:0 0 5px 0;}
    .index-col-2 .sidelist .col-2 .bar .text .time-2{ font-size: 17px; color: #000;}

}

@media only screen and (min-width: 1360px) and  (max-width: 2560px) {
    .s-section,.about-section{ display:none;}

    .serivce-item ul li .serivce-img{ text-align: center}
    .serivce-item ul li:hover{ background: #e60012;cursor:pointer}
    .serivce-item ul li:hover .thead h3{ color: #FFF;}
    .serivce-item ul li:hover .tbody .cont p{ color: #FFF;}
    .serivce-item ul li:hover .thead .more a{color:#FFF}
    .serivce-item ul li.lastil{margin-right: 0px;}
    
    
    .center-bar{ width:100%}
    .center-bar img{ width:100%}
    .about-mode{background:url('../image/aboutus_bg.jpg') repeat-x;}
    .about-mode-bd{padding-top: 10rem;}
    .about-mode .index-col-2{ position: relative; min-height: 500px;}
    .about-mode .index-col-2 .about-tit-bar{ position: absolute; top: 0; right: 0}
    .about-mode .index-col-2 .about-covet{ margin-top: 50px;}
    .about-mode .index-col-2 .about-covet img{ width:585px; height:402px;}
    .about-mode .index-col-2 .introd{position: absolute; bottom:0px; right: 0px; width: 840px; height: 295px; background: #FFF;}
    .about-mode .index-col-2 .introd .in-bd{ padding: 80px 50px 50px 50px;}
    .about-mode .index-col-2 .introd .in-bd .thd-1{ color: #000;}
    .about-mode .index-col-2 .introd .in-bd .thd-1 h3{ padding: 0; margin: 0; float: left;}
    .about-mode .index-col-2 .introd .in-bd .thd-1 .subtitle{ padding-left:10px; line-height: 28px;}
    .about-mode .index-col-2 .introd .intro-cont{margin-top: 50px;}
    .about-mode .index-col-2 .introd .intro-cont p{ font-size: 14px}

    .about-mode .index-col-2 .introd .more{margin-right: 41px; width: 110px; line-height: 50px;background: url('../image/arrow-line.png')  no-repeat right }
    .about-mode .index-col-2 .introd .more .fa-long-arrow-right{ font-size: 14px;}
    .about-mode .index-col-2 .introd .more .a-arrow{ width:66px; }
    
    
    
    .news-mode{padding-top: 10rem;}
    .news-mode .index-col-2{ position: relative;}
    
    
    .news-mode .news-item{ margin-top: 5rem;}
    .news-mode .news-item ul li{ float: left;  border: 1px solid #dbddde;}
    .news-mode .news-item ul li{ margin-right: 42px;}
    .news-mode .news-item ul li .owrap{ padding: 50px 30px 50px 30px}
    .news-mode .news-item ul li .owrap h3{ margin: 0; padding-bottom: 15px; color: #585453;}
    .news-mode .news-item ul li .owrap .cont{ color: #9fa0a0; height: 60px; }
    .news-mode .news-item ul li .owrap .b-bar{ border-top: 1px solid #959494;position: relative; height: 40px; line-height: 40px;}
    .news-mode .news-item ul li .owrap .b-bar .time{ font-size: 14px; color: #595757}
    .news-mode .news-item ul li .owrap .b-bar .arrow{ float: right;}
    .news-mode .news-item ul li:hover{ background: #ff0000;cursor: pointer}
    .news-mode .news-item ul li:hover h3{ color: #FFF;}
    .news-mode .news-item ul li:hover .cont{ color: #FFF;}
    .news-mode .news-item ul li:hover .b-bar{ border-top: 1px solid #FFF;}
    .news-mode .news-item ul li:hover .b-bar .time{ color: #FFF}
    .news-mode .news-item ul li:hover .b-bar .arrow .fa{ color: #FFF}
    .news-mode .news-item ul li.lastil{margin-right: 0px;}
    .news-mode .news-item ul li:hover a{text-decoration:none}
    .news-mode .v-more{ margin-top: 15px; text-align: center;}
    .news-mode .v-more a{ padding: 5px 15px; border: 1px solid #ccc;}

    .case-mode{ margin-top: 10rem;}
    .index-col{ float: left;}
    .index-col-2 .title-1{ font-size: 24px; font-weight: bold}
    .index-col-2 .title-2{ margin-top: 10px; font-size: 12px; font-family: Cambria;color: #9fa0a0}
    .index-col-2 .case-title{ position: absolute;top:5px; right: 10px}
    .index-col-2 .next-btn{ position: absolute;bottom:200px; right: 10px;z-index: 555;}

    .index-col-2 .sidelist{ width: 100%;}
    
    
    .index-col-2 .sidelist .col-1{ float: left; width: 135px;}
    .index-col-2 .sidelist .col-1 .item{ height: 35px; line-height: 35px;}
    .index-col-2 .sidelist .col-1 ul li{ height: 35px; line-height: 35px;}
    .index-col-2 .sidelist .col-1 ul li a{ font-size: 14px; padding-left: 15px;}    
    .index-col-2 .sidelist .col-2{ float: left;padding-top: 10px; width: 1100px;}
    .index-col-2 .sidelist .col-2 .case-title2{ position: absolute;bottom:0px; right: 10px}
    .index-col-2 .sidelist .col-2 .case-title2 .ttext{ position: absolute;top:0px; right: 25px; width: 10px; }
    
    .index-col-2 .sidelist .col-2 .bar{position: relative; }
    .index-col-2 .sidelist .col-2 .bar .bar-title .outborder{ padding: 15px 10px 30px 30px}
    .index-col-2 .sidelist .col-2 .bar .bar-title{ position: absolute; right: 110px; bottom: 120px; width: 283px; height: 77px; background: #FFF}
    .index-col-2 .sidelist .col-2 .bar .bar-title h2{ color: #000;}
    .case-mode .index-col-1 .title-line { width:40px; overflow:hidden; margin-right: 2rem;}
    .case-mode .index-col-2{ position: relative; width:1200px; min-height: 55rem;height: 55rem;}
    .case-mode  .index-col-2 .sidelist .col-1{ width:100px;}
    .case-mode .index-col-2  .sidelist .col-2 .bar{position: relative; height:420px;}
    .case-mode .index-col-2  .sidelist{  margin-top:5rem;}
    .case-mode  .pagination-btn{ display: none;}
    .case-mode .index-col-2  .serivce-seciton{display:none;}
    .case-mode .index-col-2 .sidelist .col-2 .bar .v-more{ position: absolute; bottom: 80px; left: 0px;}
    .case-mode .index-col-2 .sidelist .col-2 .bar .v-more a{ padding: 5px 15px; border: 1px solid #ccc;}
    .case-mmode{ display: none; }
   
    .serive-mode{ margin-top: 10rem;}
    .index-col{float: left;}
    .container{ width: 1280px; margin: 0 auto;}
    .case-mode{ margin-top: 8rem;}
    .navbar-header{ width: 100%; margin-top: 2rem}
    .navbar-toggle{ display: block}
    .header{height: 12rem;}


    .case-mode .index-col-2 .bar-title .outborder h2{ font-size: 2em;}
    .case-mode .index-col-2 .sidelist .col-2 .bar .text{ margin-top: 6rem;}
    .case-mode .index-col-2 .bar-title .outborder .time-1{ font-size:0.5em;}
    .case-mode .index-col-2 .bar-title .outborder .time-2{ font-size:1em;}
    .case-mode .pagination-btn{ height: 50px; text-align: center;}
    .case-mode .index-col-2 .sidelist img{max-width:989px;max-height:291px}



    .serive-mode .index-col-2{ min-height: 500px;}
    .serive-mode .index-col-2{ width:1200px; min-height: 55rem;height: 55rem;}
    .serive-mode .index-col-1 .title-line { width:40px; overflow:hidden; margin-right: 2rem;}


    .serivce-item{ margin-top: 50px;}
    .serivce-item ul li{ float: left; width: 430px; height: 340px; background: #efefef; border: 1px solid #b9b9ba;}
    .serivce-item ul li{ margin-right: 24px;}
    .serivce-item ul li .thead{ width: 100%; height: 50px; margin-top: 60px;}
    .serivce-item ul li .thead h3{  margin: 0; float: left; padding-left: 41px;line-height: 50px;}
    .serivce-item ul li .thead .more{ float: right; margin-right: 41px; width: 110px; line-height: 50px;background: url('../image/arrow-line.png')  no-repeat right }
    .serivce-item ul li .thead .more .fa-long-arrow-right{ font-size: 14px;}
    .serivce-item ul li .thead .more .a-arrow{ width:66px; }
    .serivce-item ul li .tbody{ margin-top: 50px;}
    .serivce-item ul li .tbody .cont{ padding: 15px 30px 10px 30px;}
    .serivce-item ul li .tbody .cont p{  font-size:15px; line-height:20px; color: #878787; line-height:30px;}

    .serivce-item ul li{width:31.5%;height: 340px;}
    .serivce-item ul li .thead{ width: 100%; height: 5rem; margin-top: 5rem;}
    .serivce-item ul li .thead h3{  margin: 0; float: left; padding-left: 41px;line-height: 50px;}


    .about-mode .index-col-2{ min-height: 500px;}
    .about-mode .index-col-1 .title-line { width:40px; overflow:hidden; margin-right: 2rem;}
    .about-mode .index-col-2{ width:1100px; min-height: 60rem;height: 60rem;}

    .news-mode .index-col-2{ min-height: 500px;}
    .news-mode .index-col-1 .title-line { width:40px; overflow:hidden; margin-right: 2rem;}
    .news-mode .index-col-2{ width:1100px; min-height: 45rem;height: 45rem;}
    .news-mode .news-item ul li{ width: 30%;}

}




@media only screen and (min-width:360px) and  (max-width: 1359px) {

    .container{ width: 99.99%; margin: 0 auto;}
    .index_bar .swiper-container  .swiper-pagination-bullet{ width:8px !important;height:8px !important}

    .serivce-item ul li .serivce-img{ text-align: center}
    .serivce-item ul li .serivce-img img{ width:85%;}

    .serivce-item ul li:hover{ background: #e60012;cursor:pointer}
    .serivce-item ul li:hover .thead h3{ color: #FFF;}
    .serivce-item ul li:hover .tbody .cont p{ color: #FFF;}
    .serivce-item ul li:hover .thead .more a{color:#FFF}
    .serivce-item ul li.lastil{margin-right: 0px;}
    
    
    .center-bar{ width:100%}
    .center-bar img{ width:100%}
    .about-mode{ display: none}
    .about-mode{background:url('../image/aboutus_bg.jpg') repeat-x;}
    .about-mode-bd{padding-top: 6rem;}
    .about-mode .index-col-2{ position: relative; }
    .about-mode .index-col-2 .about-tit-bar{ display: none }
    .about-mode .index-col-2 .about-covet{ margin-top: 50px;}
    .about-mode .index-col-2 .about-covet img{ width: 99.99%;  }
    .about-mode .index-col-2 .introd{ background: #FFF;}
    .about-mode .index-col-2 .introd .in-bd{ padding:30px 0px 10px 0px}
    .about-mode .index-col-2 .introd .in-bd .thd-1{ color: #000;}
    .about-mode .index-col-2 .introd .in-bd .thd-1 h3{ padding: 0; margin: 0; float: left;}
    .about-mode .index-col-2 .introd .in-bd .thd-1 .subtitle{ padding-left:10px; line-height: 28px;}
    .about-mode .index-col-2 .introd .intro-cont{margin-top: 20px;}
    .about-mode .index-col-2 .introd .intro-cont p{ font-size: 14px}
    .about-mode .index-col-2 .introd .more{margin-right: 41px; width: 110px; line-height: 50px;background: url('../image/arrow-line.png')  no-repeat right }
    .about-mode .index-col-2 .introd .more .fa-long-arrow-right{ font-size: 14px;}
    .about-mode .index-col-2 .introd .more .a-arrow{ width:66px; }
    
   

    .navbar-header{ margin-top: 2rem}
    .navbar-toggle{ display: block;}
   

    .case-mode{ margin-top: 10rem;}
    .index-col-2 .title-1{ font-size: 24px; font-weight: bold}
    .index-col-2 .title-2{ margin-top: 10px; font-size: 12px; font-family: Cambria;color: #9fa0a0}
    .index-col-2 .case-title{display: none;}
    .index-col-2 .next-btn{ display: none;}
    .index-col-2 .case-title2{display: none;}
    .index-col-2 .case-title2 .ttext{display: none; }
    .case-mode .index-col-2  .serivce-cont{ color: #000;}
    .case-mode .index-col-2  .time-2{ color: #000;}
    .index-col-2 .sidelist{ width: 100%;}
    
    
    .index-col-2 .sidelist .col-1 .item{ height: 35px; line-height: 35px;}
    .index-col-2 .sidelist .col-1 ul li{ height: 35px; line-height: 35px;}
    .index-col-2 .sidelist .col-1 ul li a{ font-size: 14px; padding-left: 15px;}
    
    .index-col-2 .sidelist .col-2{ padding-top: 10px;}
    .index-col-2 .sidelist .col-2 .bar{position: relative; width: 100%; }
    .index-col-2 .sidelist .col-2 .bar .bar-title{ border-top: 1px solid #eee;  width: 100%; height: auto; background: #FFF}
    .index-col-2 .sidelist .col-2 .bar .bar-title h2{ color: #000;}
    .index-col-2 .sidelist .col-2 .bar  img{  width: 100%;}


    .case-mode{ margin-top: 3rem; display: none;}
    .case-mode .index-col-2 .sidelist .col-1{ width:100%;}
    .case-mode .index-col-2 .sidelist .col-2 .bar{position: relative; height: auto;}
    .case-mode .index-col-2 .sidelist{  margin-top:3rem;}
    .case-mode  .index-col-2 .case-title2{ display: none;}
    .case-mode .index-col-2 .bar-title .outborder h2{ font-size: 2em;}
    .case-mode .index-col-2 .sidelist .col-1 ul li{ text-align: center;}
    .case-mode .index-col-2 .sidelist .col-2 .bar .text{ margin-top: 2rem; margin-bottom: 10px;}
    .case-mode .index-col-2 .sidelist .col-2 .bar .text p{ line-height:22px; padding: 0px;margin:0px;}
    .case-mode .index-col-2 .bar-title .outborder .time-1{ font-size:0.5em;}
    .case-mode .index-col-2 .bar-title .outborder .time-2{ font-size:1em;}
    .case-mode .index-col-2 .next-btn{ display: none}
    .case-mode .index-col-2 .case-title{ display: none}
    .case-mode .pagination-btn{ margin-top:2rem; height: 50px; text-align: center;}
    .case-mode .index-col-2  .serivce-seciton{display:block; margin-bottom: 1rem;}
    .case-mode .index-col-2 .sidelist .col-2 .bar .v-more{ display: none; }

    .case-mmode{ margin-top: 0rem; }
    .case-mmode .container .mthead{ min-height:7.5rem; color: #000; border-bottom: 1px solid #EEE;}
    .case-mmode .container .mthead h3{ font-size:2.4rem; text-align: center;margin-bottom: 5px;}
    .case-mmode .container .mthead .center{ color: #ddd; text-align: center;}
    .case-mmode .container .c-list{ width: 100%; text-align: center; margin-top: 1.5rem;}
    .case-mmode .container .c-list a{ margin: 0 5px 0 3px; display:inline-block; padding: 5px 15px; border: 1px solid #ddd;}
    .case-mmode .container .case-list{ width: 100%;margin-top: 2rem;}
    .case-mmode .container .case-list ul li{ margin-bottom: 1rem;}
    .case-mmode .container .case-list ul li .case-cont{ padding-right: 15px; overflow: hidden;}
    .case-mmode .container .case-list ul li .case-cont1{padding-right: 0px;}
    .case-mmode .container .case-list ul li .img{ width: 100%; height: 182px;}
    .case-mmode .container .case-list ul li .title{ margin-top:1rem; height:4.2rem; line-height:1.7rem;}



    .serive-mode{ margin-top: 3rem;display: none;}
    .serivce-item{ margin-top: 50px;}
    .serivce-item ul li{ background: #efefef; border: 1px solid #b9b9ba;}
    .serivce-item ul li{ margin-right: 24px;}
    .serivce-item ul li .thead{ width: 100%; height: 50px; margin-top: 60px;}
    .serivce-item ul li .thead h3{  margin: 0; float: left; padding-left: 41px;line-height: 50px;}
    .serivce-item ul li .thead .more{ float: right; margin-right: 41px; width: 110px; line-height: 50px;background: url('../image/arrow-line.png')  no-repeat right }
    .serivce-item ul li .thead .more .fa-long-arrow-right{ font-size: 14px;}
    .serivce-item ul li .thead .more .a-arrow{ width:66px; }
    .serivce-item ul li .tbody{ margin-top:1rem;}
    .serivce-item ul li .tbody .cont{ padding: 15px 30px 10px 30px;}
    .serivce-item ul li .tbody .cont p{  font-size:15px; line-height:20px; color: #878787; line-height:30px;}
  
    .serivce-item ul li{width:99%;height:auto; min-height: 20rem; margin-bottom: 2rem;}
    .serivce-item ul li .thead{ width: 100%; height: 3rem; margin-top: 2rem;}
    .serivce-item ul li .thead h3{  margin: 0;  padding-left: 41px;line-height: 50px;}
    .serivce-item ul li .thead h3{ font-size: 2.5rem;margin-bottom: 5px;}


    .s-section{ margin-top: 0rem; }
    .s-section  .mthead{ min-height:7.5rem; color: #000; border-bottom: 1px solid #EEE;}
    .s-section  .mthead h3{ font-size:2.4rem; text-align: center;margin-bottom: 5px;}
    .s-section  .mthead .center{ color: #ddd; text-align: center;}
    .s-section  .c-list{ width: 100%; text-align: center; margin-top: 1.5rem;}
    .s-section  .c-list a{ margin: 0 5px 0 3px; display:inline-block; padding: 5px 15px; border: 1px solid #ddd;}
    .s-section  .case-list{ width: 100%;margin-top: 2rem;}
    .s-section  .case-list ul li{ margin-bottom: 1rem;}
    .s-section  .case-list ul li .case-cont{ padding-right: 15px; overflow: hidden;}
    .s-section  .case-list ul li .case-cont1{padding-right: 0px;}
    .s-section  .case-list ul li .img{ width: 100%; height: 182px;}
    .s-section  .case-list ul li .title{ line-height:4rem;}

    .s-section .item-list ul li{ width: 100%; height: auto; min-height:12rem; background: #eee; margin-bottom:15px;}
    .s-section .item-list ul li .l-img{ float: left; width: 40%;}
    .s-section .item-list ul li .l-img img{ width: 100%;}
    .s-section .item-list ul li .r-cont{width: 99.99%;}
    .s-section .item-list ul li  .inwrap{ margin: 15px; zoom: 1;}

    .s-section .item-list ul li  h3{ padding: 0; margin: 0; font-size:1.8rem; font-weight: bold; color: #000;}
    .s-section .item-list ul li .desc{ margin-top:1rem;}
    .s-section .item-list ul li .more{ margin-top:1rem; text-align: right;}
    .s-section .item-list ul li .more a{ color: red;}

    .s-section .item-list ul li .r-img{ float: right; width: 40%;}
    .s-section .item-list ul li .r-img img{ width: 100%;}
    .s-section .item-list ul li .l-cont{width: 99.88%; overflow: hidden;}
    .s-section .item-list ul li .l-cont .inwrap{ margin: 15px; zoom: 1;}


    .about-section  .mthead{ min-height:7.5rem; color: #000; border-bottom: 1px solid #EEE;}
    .about-section  .mthead h3{ font-size:2.4rem; text-align: center;margin-bottom: 5px;}
    .about-section  .mthead .center{ color: #ddd; text-align: center;}
    .about-section .about-img img{ width: 100%;}
    .about-section .about-intro{ padding: 15px; font-size: 14px;}
    .about-section .about-intro p{ line-height: 24px;}
    .about-section .view-more{ width: 100%; margin-top:1rem; text-align: center;}
    .about-section .view-more a{ display:inline-block; padding: 10px 25px; border: 1px solid #EEE;}


     
    .news-mode{padding-top: 5rem; }
    .news-mode .index-col-2{ position: relative;}
    .news-mode .news-item{ margin-top: 2rem;}
    .news-mode .news-item ul li { border-bottom: 1px solid #eee;}
    .news-mode .news-item ul li .owrap{ padding: 0rem 2rem 2rem 2rem}
    .news-mode .news-item ul li .owrap h3{ margin: 0; padding-bottom: 15px; color: #585453;}
    .news-mode .news-item ul li .owrap h3{ font-size:1.6rem;}
    .news-mode .news-item ul li .owrap .cont{ color: #9fa0a0;}
    .news-mode .news-item ul li .owrap .b-bar{ position: relative; }
    .news-mode .news-item ul li .owrap .b-bar .time{ font-size: 1rem; color: #595757}
    .news-mode .news-item ul li .owrap .b-bar .arrow{ display: none;}
    .news-mode .news-item ul li:hover{cursor: pointer}
    .news-mode .news-item ul li:hover h3{ color: #333;}
    .news-mode .news-item ul li:hover .cont{ color: #333;}
    .news-mode .news-item ul li:hover .b-bar{ border-top: 1px solid #FFF;}
    .news-mode .news-item ul li:hover .b-bar .time{ color: #333}
    .news-mode .news-item ul li:hover .b-bar .arrow .fa{ color: #333}
    .news-mode .news-item ul li.lastil{margin-right: 0px;}
    .news-mode .news-item ul li:hover a{text-decoration:none}
    .news-mode .v-more{  text-align: center; }
    .news-mode .v-more a{ padding: 5px 15px; border: 1px solid #ccc;}
    .footer{ margin-top: 0rem;}

    .news-mode .dataprvenext{ margin-top: 15px;color: #666666; }
    .news-mode .dataprvenext p a{ color: #666666; }
    .news-mode .bottom_area{ float:left; display:block; width:100%; margin-top:0.5rem;}
    .news-mode .bottom_area a.link_act{ line-height: 1.1rem;  padding:0.23rem 1.1rem; background:#333; color:#FFF; display:inline-block}
    .news-mode .index-col-1 .title-line { display: none; }
    .news-mode .index-col-2{ min-height: 45rem;}
    .news-mode .index-col-2 .title-1 { text-align: center;}
    .news-mode .index-col-2 .title-2 { margin-top:3px; text-align: center;}

    .news-mode .news-item ul li{ width: 99.99%; margin-bottom:15px;}


}