body, input, textarea, select, button{ color:#000; margin:0; padding:0; font-size:12px; font-family:"Microsoft YaHei";}
ul, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset,*,strong,span { margin:0; padding:0; }
img{ border:0px;border-style:none;}
em{ font-style:normal;}
ul{ list-style:none;}
a{ text-decoration:none; color:#000;}
a:hover{ text-decoration:none; color: #fb8c00;}
.mainwidth{width: 1200px; margin: 0 auto;}
.headbox{ position: absolute; top:0;left:0; background: rgba(255, 255, 255, 0.5); width: 100%; z-index: 1000;}

.showheadbox{ position: initial;}

.logo_search{ margin: 0 auto; overflow: hidden; padding: 10px 0; }
.index_logo{ float: left;}
.index_search{ float: right; margin-top: 10px;}
.searchtxt{ width: 196px; border: 1px solid #e4e4e4; color:#999999; height: 34px; padding-left: 20px;}
.toplink{ text-align: right;padding-right: 6px; margin-top: 15px;}

.search_box{position: relative; width: 151px; height: 25px; float: left; overflow: hidden; margin-right:5px ;}
.search_input{ border: 0; padding-left: 10px; height: 25px; border-radius: 10px; width: 120px; margin-left: 18px; background: #f5f5f5;}
.search_btn{ position: absolute; right: 5px; top: 4px;}


.showheadbox .search_input{border: 1px solid #999; box-sizing: border-box; }

.navsbox{ width: 100%; }
.navs{width: 100%;  margin: 0 auto; height: 50px;}
.navs li{ float:left; position:relative; width: 14.2857143%; padding-right: 5px; box-sizing: border-box;}
.navs li a{ display:block; background: #fb8c00; font-size:16px; color: #fff; line-height: 20px; text-align: center;height: 50px;}
.navs li a span{ display: block; padding-top: 5px;}
.navs li a em{ font-size: 12px; font-style: italic; background:url(../images/icon1.png) no-repeat 0 3px;text-transform:uppercase; padding-left: 15px;}
.navs li a:hover,.navs li .on1{  background: #fed000;color: #000; }
.navs li a:hover em{background:url(../images/icon2.png) no-repeat 0 3px;}
.navs .nas{ position: absolute;
    left: -60px;
    text-align: left;
    top: 50px;
    width: 580px;
    background:#fff;
    display:none; z-index: 100; }
.navs .nas ul{  float: left; width: 42%; padding: 20px 20px 20px 20px; min-height: 215px; box-sizing: border-box;}
.navs .nas li{ width:50%;  line-height:30px;}
.navs .nas li a{ display:inline-block;width:100%; margin: 0 auto; padding:0;line-height: 30px; width: 100%; text-align: left; background: #fff; color: #000; height: auto;}
.navs .nas li a:hover{ background:none; color:#fb8c00; }
.navs .nas .img{padding: 15px 15px 20px;  float:right; width:58%; border:none; text-align:center;box-sizing: border-box; }
.navs .nas .img img{ width: 100%;}
.navs .tz{width: 620px;}
.navs .tz ul{width: 47%; padding: 20px 10px;}
.navs .tz li{ width: 100%; float: none;}
.navs .tz .img{width:53%;padding: 10px; }


.index_banner {
    height:821px;
}
.swiperback .swiper-slide{ background-repeat:no-repeat; background-size:cover; background-position:center;}

.mainbox{ padding-top: 30px;}

.newsbox{ overflow: hidden;}
.picture_news{ width: 32%; float: left;}
 .picture_news img{ height: 335px;transition: all 0.5s; }
 .picture_news .swiper-slide{ position:relative; overflow:hidden;}
  .picture_news .txt{ position:absolute; bottom:0; left:0; width:100%; padding:10px; color:#fff;background-size:cover;background: rgba(0,0,0,0.6); text-align:left; }
     .picture_news a:hover img {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

.news_listbox{width: 43%; float: left; padding: 0 10px; box-sizing: border-box;}

.news_teb{ overflow: hidden;}
.news_teb a{ float: left; width: 50%; text-align: center; font-size:18px; background: #eee; color: #727272; line-height: 35px;}
.news_teb .on{background: #fb8c00; color: #fff;}

.news_list{}
.news_list .nt{ border-bottom: 1px solid #4e4e4e; padding: 10px 0; position: relative;}
.news_list .tt{ font-size:19px; font-weight: bold; color: #404040; text-align: center; display: block; height: 30px; overflow: hidden;}
.news_list p{ line-height: 25px; font-size: 12px; color: #5f5f5f;}
.news_list .nt span{ position: absolute; bottom: 10px; right: 0;color: #5f5f5f;}
.news_list li{ line-height: 30px; border-bottom: #e3e3e3 dotted 1px; height: 30px; background: url(../images/icon3.gif) no-repeat 0 12px; padding-left: 15px;font-size: 12px;}
.news_list li a{ color: #5f5f5f; width: 75%; overflow: hidden; height: 30px;display: block; float: left;}
.news_list li span{ float: right;color: #5f5f5f;}
.main_title{ border-bottom: 1px solid #eee;  font-size: 16px;}
.main_title span{margin-top: 20px; border-bottom: 2px solid #fb8c00;line-height: 40px; display: inline-block;}
.main_pictures{margin-top: 20px;  overflow: hidden; margin-right: -1.5%;}
.main_pictures a{ width: 23.5%; margin-right: 1.5%; display: block; float: left;}
.main_pictures img{ width: 181; height: 189px;}

.picScroll-top{overflow:hidden; position:relative;float: right;width: 25%;height: 335px;border:1px solid #dbdbdb;box-sizing: border-box; }
.picScroll-top .hd{padding: 0 9px;height: 45px;line-height: 45px;overflow: hidden;text-align: center;}
 .picScroll-top .hd a{font-weight: bold;font-size: 18px;color: #666;}
.picScroll-top .hd .prev,.picScroll-top .hd .next{ display:block;  width:12px; height:12px; float:right; margin-right:10px; margin-top:19px;  overflow:hidden;cursor:pointer;background:url("../images/btn-top.png") no-repeat;  }
 .picScroll-top .hd .next{background:url("../images/btn-bottom.png") no-repeat; margin-right:0;}
 .picScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
 .picScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; }
 .picScroll-top .hd ul li.on{ background-position:0 0; }
 .picScroll-top .bd{ padding:8px; 12px;   }
 .picScroll-top .bd ul{ overflow:hidden; zoom:1; }
 .picScroll-top .bd ul li{ text-align:center; zoom:1;margin-bottom: 14px;}
 .picScroll-top .bd ul li .pic{ text-align:center; }
 .picScroll-top .bd ul li .pic img{ width:274px; height: 79px; display:block; }
 .picScroll-top .bd ul li .pic a:hover img{ border-color:#999;}

 .footbox{ background: #d9d7d8; border-top: 2px solid #fb8c00; padding: 50px 0; margin-top: 50px;}
 .foot{ text-align: center; font-size: 14px;}

 .showbanner{ height: 368px; background: url(../images/b1.jpg) no-repeat center; background-size: cover; width: 100%;}

 .showtab{ height: 35px; border-bottom:1px solid #ddd ; margin: 20px 0; text-align: center;}
 .showtab a{ display: inline-block; width: 100px; height: 34px; border-top: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd; border-radius: 10px 10px 0 0; line-height: 35px; font-size: 16px; background: #ddd; margin-left: 10px;} 
 .showtab a:hover, .showtab .on{ background: #fff; height: 35px; margin-bottom: -1px;}
 
 .pagecontent{ padding:50px 0;overflow:hidden;}
 .pageleft{ float:left; width:22%; background:#fff; min-height:500px;}

 .nchan-lant{ height:110px; background:#fb8c00 url(../images/left_nav1.jpg) no-repeat right top; color:#fff;}
 .nchan-img img{ width: 100%;}
.nchan-lant ._cn{ padding-left:25px; font-size:26px; font-weight:normal; padding-top:25px; line-height:40px; }
.nchan-lant ._en{ padding-left:25px; color:#f6c3c1; font-size:12px; font-family:arial; }
.nmenu li{ line-height:48px; font-size:15px;  }
.nmenu li a{ display:block; padding-left:20px; position:relative; color:#6f6f6f;border-bottom:1px solid #eaeaea; }
.nmenu li .ion{ position:absolute; right:0;font-size: 20px; }
.nmenu li a:hover{ background:#f3f3f3;}
.nmenu li .cur{ background:#fb8c00; color:#fff; }
.nmenu li .cur .ion{ color:#fff; }
.nmenu li li a{ padding-left:50px;}
.nmenu li  .on{ font-weight:bold;}

.chr-top{ border-bottom:1px solid #eaeaea; padding-bottom:10px; margin-bottom:30px; overflow: hidden;}
.chr-top .chr-lant{ font-size:20px; color:#818181;}
.posi{ color:#bdbdbd; margin-top:10px; }
.posi em{ padding:0 5px;}
.posi a{color:#bdbdbd;}
.posi span{ color:#787878;}
.ico {
    display: inline-block;
    overflow: hidden;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: url(../images/ico.png);
    margin: 0 .3em;
}

 .pageright{ float:right; width:77%; box-sizing: border-box; background:#fff; padding:0 50px 50px 50px; text-align:left;min-height:500px;}
 .showcontent{ line-height:30px; padding:20px 0;} 

  .pagetitle{ line-height:60px; border-bottom:1px solid #ddd; font-size:24px;}
  .pagetitle div{ line-height:20px;}
  .pagetitle span{font-size:14px; color:#ccc;line-height:10px;}


.location{ line-height: 25px; padding: 20px 0; width: 1170px; margin: auto; background: url(../images/home.png) no-repeat 0 20px; padding-left: 30px;color: #565d6c;}
.location a{color: #565d6c;}

.contenttitle{ background: #f2f4f7;border-bottom: 1px solid #256093; padding-top: 50px;}
.contenttitle .t{ font-size: 48px; color: #fb8c00; text-align: center; line-height: 60px;}

.main-page{ text-align: center; margin-top: 30px;}



  .casecontent{ margin-top: 40px; overflow: hidden;}
  .caseleft{ width: 75%; float: left;}
  .caseleft .t{ font-size: 24px; margin-bottom: 10px;}
  .caseleft .txt{ font-size: 14px; line-height: 25px;}
  .caseright{width: 20%; float: left;}
  .caseright ul{}
  .caseright li{ width: 45%; float: left;margin-right: 5%; margin-bottom: 10px;}
  .caseright li img{ width: 100%;}
  .caseright li span{ font-size: 14px; line-height: 30px; overflow: hidden; display: block; text-align: center;}
  .caseright .t{ font-size: 24px; margin-bottom: 10px;}


.classlist{ text-align: center; padding: 30px 0; background: #f6f6f6; position: relative;}
.classlist .t{ position: absolute; top: 32px; left: 0; font-size: 16px; }
.classlist .on{color: #fb8c00;}
.classlist ul{ padding-left: 60px; width: 80%; overflow: hidden;}
.classlist li{ float: left;}
.classlist a{ display: inline-block; width: 120px; font-size: 16px; color: #717171; line-height: 30px;}
.classlist a:hover,.classlist .on{color: #fb8c00;}

.datanewslist li{ padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #eaeaea;}
.datanewslist li a{ display:block; background:url(../images/inews_jt.png) no-repeat right; overflow:hidden; }
.datanewslist li ._date{ float:left; width:9%; background:#f5f5f5; text-align:center; height:110px;font-family:arial; color:#fb8c00; }
.datanewslist li ._date span{ display:block;}
.datanewslist li ._date ._d1{ font-size:44px;  line-height:46px; padding-top:20px;}
.datanewslist li ._nr{ float:left; width:77%; margin-left:3%;}
.datanewslist li ._title{ font-size:17px; font-weight:normal; color:#000; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.datanewslist li ._tools{ color:#b4b4b4; margin:3px 0;}
.datanewslist li ._tools .ion{ margin-left:0;}
.datanewslist li ._tools  span{ padding-right:15px;}
.datanewslist li ._sum{ line-height:24px; height:48px; overflow:hidden;color:#565656; }
.datanewslist li a:hover{ background:url(../images/inews_jton.png) no-repeat right; padding-bottom:10px; }
.datanewslist li a:hover ._title{ color:#fb8c00; }
.datanewslist li a:hover ._date{ background:#fb8c00; color:#fff; }
.datanewslist li a {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
    outline: 0;
}

.index_piclist{ margin-top: 30px;}
.index_piclist ul{ overflow: hidden; margin-right: -1.333333333%;position: relative;}
.index_piclist li{ float: left; width: 32%; margin-right: 1.333333333%; margin-top: 10px;}
.index_piclist a{width: 100%; position: relative; height: 260px; overflow:hidden; display: block;}
.index_piclist img{max-width: 100%; min-height: 261px; -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: transform 0.3s;}
.index_piclist span{ display: block; line-height: 25px; height: 50px; font-size: 14px; text-align: center;}
.index_piclist .ovrly {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.index_piclist .buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0; display: inline-block; width: 30%; text-align: center; color: #fff; font-size: 16px; border: 1px solid #fff; line-height: 40px; border-radius: 5px;
}
.index_piclist a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.index_piclist a:hover .ovrly {
    opacity: 1;
}
.index_piclist a:hover .buttons {
    opacity: 1;
}

.datainfolist{ min-height: 500px;}
.datainfolist li{position: relative;padding:20px 0; overflow: hidden;}
.datainfolist li a{display: block;}
.datainfolist li .img{ float: left;position: absolute;top: 20px;left: 0;}
.datainfolist li img{width: 280px;height: 220px;}
.datainfolist li .news-b{width: 100%;padding-left: 310px;box-sizing: border-box;}
.datainfolist li .news-b h1{color: #444444;font-size: 18px;font-weight: bold;width: 100%; line-height: 40px;}
.datainfolist li .news-b p{font-size: 14px;color: #565d6c;line-height: 25px;height: 65px;overflow: hidden;margin-bottom: 20px;}
.datainfolist li .news-b span{font-size: 30px;color: #999999;}

.datainfolist li .more{ color: #fb8c00; border: 1px solid #fb8c00; border-radius: 5px; line-height: 35px; padding: 0 15px; font-size: 16px; text-align: center; width: 100px;}
.datainfolist li .more:hover{ background: #fb8c00; color: #fff;}
.datainfolist li .more i{ font-size: 20px;}


.datapicturelist{ margin-top:10px;}
.datapicturelist li{ float:left; width: 25%;}
.datapicturelist li a{ padding:10px; display:block;}
.datapicturelist li img{ width:100%;}
.datapicturelist li a:hover{ background:#256093;}
.datapicturelist li a:hover span{  color:#fff;background:#256093;}
.datapicturelist span{
    color: #42464f;
    font-size: 18px;
    padding: 20px 10px; display:block; background: #edf1f4;
}


.contentshow-box { width:100%;box-sizing: border-box;}
.showtitle { width:100%; font-size:20px; font-weight:bold; margin:10px 0;text-align:center;}
.showtime { background:#f7f7f7; line-height:30px; color:#666; text-align:center;}
.showpicture { width:750px; margin:0 auto; text-align:center; overflow:hidden;}
.showpicture img{ width:100%;}
.pshowcontent { width:40%; line-height:25px; padding:20px 0; float:right;}
.showcontent { width:100%; line-height:25px; padding:20px;}

.inputwidth1 { width:90%;}
.red {  color:#ff0000;}
.producthead{ overflow:hidden;margin-top:40px;}
.pcontentlist{ width:100%; margin-top:40px;}
.pcontentlist .plink{ border-bottom:1px solid #e0e0e0; height:32px; overflow:hidden; width:100%;}
.pcontentlist .plink a{ float:left; width:15%; font-size:16px; display:block; color:#000; line-height:32px; margin-right:2px;background:#e6e6e6; text-align:center;}
.pcontentlist .plink .on{color:#fff;  background:#945d99;}
.pcontentlist .pc{ padding:20px; line-height:25px; display:none;}
.ppicture .slider_product img{ margin:auto;width:100%;}
.ppicture {margin:auto;float:left; width:50%;}
.ppicture .bx-pager a{ float:left; overflow:hidden; height:60px; width:80px; text-align:center;}
.ppicture .bx-pager img{ width:80px;margin:auto;}
.ppicture .bx-wrapper{ margin-bottom:30px;}
.ppicture .bx-wrapper .bx-viewport{  -webkit-box-shadow:0 0 0px #ccc;box-shadow:0 0 0px #ccc;border:0;left:0;background:none;}
.ppicture .bx-wrapper .bx-viewport { background:none;}
.ppicture  .bx-pager {
    bottom: -95px;
    overflow:hidden;
  }
  
 .ppicture  .bx-pager a {
    border: solid #ccc 1px;
    display: block;
    margin: 5px 5px 0 5px;
    padding: 3px;

  }
 .ppicture .bx-wrapper .bx-controls-direction a { z-index:0;}
.ppicture .bx-pager a:hover,
 .ppicture  .bx-pager a.active {
    border: solid #000 1px;
  }
.ppicture .bx-wrapper .bx-controls-direction a { margin-top:-30px;}
.ppicture .bx-controls-direction .bx-prev{ background: url(../images/jt.png) no-repeat; width:50px; height:79px;}
.ppicture .bx-controls-direction .bx-next{background: url(../images/jt.png) no-repeat right;width:50px; height:79px;}
.ppicture .bx-controls-direction .bx-prev:hover{ background: url(../images/jt.png) no-repeat;}
.ppicture .bx-controls-direction .bx-next:hover{background: url(../images/jt.png) no-repeat right;}


.LivePage{margin:20px 0 10px 0;padding:5px 20px 0 20px; height: 20px; clear:both; font-size:12px;}
.LivePage .Page_left{float:left;color:#000;font-family:Tahoma;}
.LivePage .Page_left span{ color:#256093; margin:0 5px;}
.LivePage .Page_right{font-family:Tahoma;color:#000;text-align:left;float:right;}
.LivePage .Page_right A {padding:2px 5px;color:#256093;text-decoration:none;margin:2px;border:1px solid #256093;display:block;float:left;}
.LivePage .Page_right A:hover {border:1px solid #256093;text-decoration:none;background:#256093;color:#000;}
.LivePage .Page_right span{border:1px solid #256093;color:#000;font-weight:bold;background:#256093;padding:2px 

5px;margin:2px;float:left;}
.LivePage .Page_right em{float:left;}
.LivePage .Page_right input{float:left; width:30px; margin-top:2px; height:15px;}
.LivePage .Page_right .PageTXT{ margin-top:5px;}


.newsshow_title{ font-size:26px; line-height:50px; text-align:center;}
.newsshow_time{ background: #efefef; color: #666; margin: 20px 0; line-height:30px;text-align:center;}
.newsshow_content{ line-height:26px;  text-align:left; font-size: 15px; color: #3d3d3d;}
.newsshow_content td{ line-height:26px;  text-align:left; font-size: 15px; color: #3d3d3d;}
.newsshow_img{ width:100%; margin:10px auto;}
.newsshow_img img{ margin:0 auto; display:block;}
.showbottomlink{ text-align:right; padding-right:10px; line-height:30px;}
.showbottomlink a{ color:#000; margin:0 10px;}
.flvplayer{ width:450px; height:350px; margin:20px auto; text-align:center;}


.btnlist {
    float: right;
    display: none;
    margin-top: 5px;
}
.btnlist span {
    display: block;
    border-left: 1px solid #363636;
    color: #666;
    float: right;
    width: 50px;
    overflow: hidden;
    text-align: center;
}
.btnlist i {
    font-size: 22px;
    display: block;
}
#phonevideo{ display: none;}
.teamsub li img{ height: 147px;}

.classlistf{ position:fixed; width: 100%; top:0px; left:0; background:#fff; padding:10px 0;;z-index:100;webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); }
    .classlistf ul{ margin: 0 auto;}
    .classlistf .t{position: initial; float: left; margin-left: 50px;}
    .gallery-thumbs{ margin-bottom: 10px;}
    .gallery-thumbs img{ width: 100%;}
    .gallery-thumbs .swiper-slide{background: #000;}
    .gallery-thumbs .swiper-slide img {
        opacity: 0.4;
        
    }
    .gallery-thumbs .swiper-slide-thumb-active img {
        opacity: 1;
    }
@media ( max-width : 768px) {
.mainwidth{ width: 100%;}
.index_partner{ display: none;}
 .banner li {    height: 100px;background-size: cover;}

 .top .l{ width: 60%; overflow: hidden; height: 35px; padding-left: 10px;box-sizing: border-box;}
 .top .r{ display: none;}

 .logotel{ padding:20px 0;}
 .logotel .l{ width: 100%; text-align: center;}
 .logotel .r{  width: 100%;text-align: center;}
 .logotel img{ width: 80%;}

 .index_txt{ padding:0 10px;}
 .index_txt h3{ line-height: 30px; margin:10px 0;}

 .aboutbox3{ display: none;}

 .banner .bx-controls-direction .bx-prev{ background: none; width:50px; height:79px;}
.banner .bx-controls-direction .bx-next{background: none;width:50px; height:79px;}
.banner .bx-controls-direction .bx-prev:hover{ background: none;}
.banner .bx-controls-direction .bx-next:hover{background: none;}

   .bannerbg{ width:100%; height:auto; margin:0; padding:0; background:#fff;}
    .banner{ width:100%; height:auto;}

    .index_piclist{ padding: 0 10px;}
    .index_piclist li{ width: 46%; margin-right: 4%;}
    .index_piclist ul{ margin-right: -4%;}
    .index_piclist a{ height: 120px;}
    .index_servicebox{ height: 400px;}
    .index_service .list{ display: none;}
    .index_service .list a{ width: 35%;}
    .index_service .list .sadd{width: 15%;}

    .index_pictureshow{height: auto;}
    .index_pictureshow img{ height: auto;}

    .index_video{ float: none; width: 100%; height: auto; margin-bottom: 20px;}
    .index_newslist{ float: none; width: 100%; height: auto;}
    .index_onewslist{ border: 0; height: auto;}
    .footleft{ display: none;}
    .footright{ width: 100%; text-align: center; float: none;}

    .btnlist { display:block; margin-top: 0; }

    .oclasslist{ padding: 20px 0;}
    .oclasslist a{ width: 100px;}

    .datainfolist li{ padding: 10px 0;}
    .datainfolist li .img{ top:10px;}
    .datainfolist li img{ width: 100px; height: 70px;}
    .datainfolist li .news-b{ padding-left: 110px;}
    .datainfolist li .news-b span{ font-size: 20px; display: none;}
    .datainfolist li .more{display: none;}
    .datainfolist li .news-b h1{ font-size: 16px; line-height: 20px;}
    .datainfolist li .news-b p{ max-height: 50px; margin: 0;}

  .navs { position:absolute; display:none; left:0; width:100%; z-index:10000; height:auto; border:0; background:#000;float:none; top: 35px; margin: 0; }
.navs li{ float:none;background:none; border-bottom:1px solid #fff; border-left:0; margin:0;  width:100%;box-sizing: border-box; position:inherit; border-radius:0;}
.navs li i{ float:right; margin-right:20px; display:block;}
.navs li a{ display:block; margin:auto; text-align:left;font-size:14px;height:40px; padding:0 0 0 20px;  overflow:hidden; line-height:40px; color:#fff;}
.navs .on{ color:#fff;margin:0; height:40px; line-height:40px;}
.navs ul{width:100%;}
.navs ul div{ width:100%; position:inherit; top:0;  padding:0 0 30px 0;}
.navs ul ul{width:100%; display:none;}
.navs li li{float:none; padding:0; width:100%; border-bottom:1px dashed #666;}
.navs li li a{padding-left:30px; display:inline-block; font-size:12px; height:auto; line-height:30px;}

.index_piclist{ margin-top: 20px;}

.abouttxt{ padding: 0 10px;}

.index_picturelist .on span{ display: none;}

#phonevideo{display: block; width: 100%; padding:10px;box-sizing: border-box;}
.showbanner{ height: 100px;background-size: cover;}

.contenttitle{ padding-top: 30px;}
.contenttitle .t{ font-size: 35px;}
.classlist{ padding: 10px 0;}
.classlist ul{ width: 100%; box-sizing: border-box;}
.classlist a{ width: 100px;}
.classlist .t{ left: 10px;}
.pagecontent{ width: 100%; padding: 0 10px;box-sizing: border-box; }
.bx-wrapper img{ margin: 0 auto;}
.index_about img{ float: none;}
.newsshow_content{ padding: 0;}
.newsshow_img img{ width: 100%;}

.caseleft{ width: 100%; float: none;}
.caseright{ width: 100%; float: none;}

}
@media ( max-width : 992px) and (min-width : 768px) {

    .banner{ width:100%;}
    .mainwidth{ width: 100%;}
}