/* CSS Document */

/*电脑端隐藏*/
.head .mlogo{ display: none;}
.yuyan{ display: none;}
.footer-fix{ display: none;}
.mbanner{ display: none;}

/* 手机端自适应代码 */
@media screen and (max-width: 767px) {
  body{ min-width: 320px;padding-top: 60px;padding-bottom: 50px; font: 14px Arial,'Microsoft Yahei', sans-serif;}
  .w100{ width: auto; min-width: auto;}
  .w1200{ width: auto; padding: 0 15px;}
  .content{ width: auto; padding: 0 15px;}

  /*top*/
  .top { display: none;}

  /*head*/
  .head{ height: 60px; background: #003f94; position: fixed; z-index: 9999999; left: 0; top: 0; width: 100%; margin: 0 auto; box-shadow: 0 2px 3px rgba(0,0,0,0.15);overflow: visible;}
  .head .mlogo{ display: inline-block; position: absolute; left: 0px; width: auto; height: auto;}
  .head .mlogo img{ height: 45px; margin: 7.5px; vertical-align: middle;}
  .head .logo{ display: none;}
  .head .tb_tel{ display: none;}

  /*menu*/
  .head .menu-btn { display: block; padding: 20px 0; float: right; margin-left: 15px;}
  .head .menu-btn:before,.menu-btn:after,.menu-btn span { display: block; height: 2px; background-color: #fff; content: '';}
  .head .menu-btn:before { width: 24px;}
  .head .menu-btn:after { width: 18px; margin-left: 6px;}
  .head .menu-btn span { width: 12px; margin: 6px 0 6px 12px;}

  .yuyan{ display: block;}

  .nav{ width: 100%; display:none; background:#fff; position: fixed; z-index: 9999999;}
  .nav ul{ width: 100%;}
  .nav ul li{ display:block; width: 100%;border-bottom:1px solid #eee;}
  .nav ul li a{ text-align: left; height: 45px; line-height:45px; padding:0 15px; color:#333}
  .nav ul li.dropdown .arr{display: block; float: right; height: 40px; width: 40px; position: relative;}
  .nav ul li.dropdown .arr:after{content: ''; border-top: 2px solid #ccc; border-left: 2px solid #ccc; box-sizing: content-box; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); right: 15px;}
  .nav ul li a:hover, .nav ul li.active a, .nav ul li.open a{background-color:transparent;color:#003f94}
  .nav ul li.open .arr:after{border-color:#003f94;transform:rotate(225deg)}
  .nav .dropdown-box{position:static;background-color:#f5f5f5;min-width:auto;text-align:left;box-shadow:none}
  .nav .dropdown-box a{color:#333!important;border-bottom:1px dotted #ddd;padding:0 15px;line-height:40px;background-color:transparent!important;}
  .nav .dropdown-box a:hover{background-color:transparent!important}
  .nav li.open .dropdown-box{ display: block;}
  .nav ul li.dropdown:before{ display: none;}
   
  /*banner*/
  .html5zoo-nav-preview-0{ display: none!important;}

  /*souso*/
  .search{ padding: 10px 0;}
  .search .keyword{ display: none;}
  .search .ssnr{ width: 100%; padding: 0; float: none;}
  .search .ssnr form{ width: 100%;}
  .search .ssnr input{ width: calc(100% - 80px);}

  /*comm*/
  .comtit{ position: relative;}
  .comtit h2{ font-size: 28px;}
  .comtit i{ font-size: 55px; padding: 25px 0; width: 100%; word-break: keep-all; white-space: nowrap; overflow: hidden;}
  .comtit p{ font-size: 16px;} 

  /*videdo*/
  .video{ padding: 40px 0;}

  /*product*/
  .product{ padding: 40px 0;}
  .product .profl{ padding-bottom: 30px;}
  .pronr{ width: 102%;}
  .pronr li{ width: 48%; margin-right: 2%;}
  .pronr li .imgdw{ height: 150px;}
  .pronr li span{ padding: 5px 0;}
  .pronr li span a{ margin: 5px 0;}

  /*gg*/
  .gg_one{ background-repeat: repeat;}
  .gg_one .gg_tu{ width: 100%; height: 260px; float: none;}
  .gg_one .gg_tit{ width: 100%;}
  .gg_one .gg_tit p{ font-size: 20px;}
  .gg_one .gg_tit h2{ font-size: 22px;}
  .gg_one .gg_tit .lx_tel{ position: relative; font-size: 16px; line-height: 35px;}
  .gg_one .gg_tit .lx_tel span{ width: 100%; display: inline-block; font-size: 28px;}
  .gg_one .gg_tit .lx_tel a{ position: absolute; padding: 5px 10px; font-size: 16px; right: 0; top: 30px;}

  /*ys*/
  .ys{ display: none;}

  /*news*/
  .news{ margin-top: 0px; padding: 40px 0;}
  .news .news-list li{ width: 100%; height: auto; padding: 10px; margin-bottom: 12px!important;}
  .news-list li .news-img{ width: 100%; height: 200px;}

  /* about */
  .about{ padding: 40px 0;}
  .about .aboutnr p{ width: 100%; line-height: 35px;}
  #aboutfl{ padding: 20px 0; margin-bottom: 0;}
  .about .tab_li{ margin: 15px 0;}
  .about .tab_li ul li{ width: 33%; height: auto; margin-bottom: 15px; text-align: center;}
  .about .tab_li ul li em{ width: 100%; text-align: center;}
  .about .roll3, .about .roll4{ display: none;}
  .about .slide-wrap{ padding: 0 10px;}
  .about .slide_c{ width: 100%; margin-left: 0;}
  .about .slide_c ul li{ width: 180px;}
  .about .slide_c ul li .imgdw{ width: 180px; height: 160px;}

  /* link */
  .link{ padding: 0 20px;}

  /*foot*/
  .foot{ padding: 20px 0;}
  .foot .content div{ margin-right: 0;}
  .foot .content div p{ margin-bottom: 15px;}
  .foot .content .lx_nr li{ width: 50%; float: left;}
  .foot .content .lx_nr li.add{ width: 100%;}
  .foot .content .lx_nr li .iconfont{ font-size: 16px; margin-right: 5px;}
  .foot .content .liuy{ display: none;}
  .foot .foot-nav{ display: none;}
  .foot .content .db_ewm{ float: left; padding-top: 20px;}
  .foot .content .db_ewm li{ margin-top: 5px; width: 40%;}
  .foot .content .db_ewm li img{ width: 80%; max-width: 100%;}
  .foot .content .db_ewm li p{ line-height: 25px; margin-bottom: 0;}

  /*bq*/
  .bq{ padding: 10px; line-height: 180%;}

  /*kefu*/
  .site-sideTool{ display: none;}
  
  /*foot-nav*/
  .footer-fix {box-shadow: 0 0 10px rgba(0,0,0,0.2);position: fixed;bottom: 0;left: 0;width: 100%;background-color: #fff;z-index: 10;display: block;}
  .footer-fix li {float: left;width: 25%;}
  .footer-fix li a {display: block;text-align: center;padding: 7px 0;font-size: 15px;line-height: 1;}
  .footer-fix li i {display: block;font-size: 20px;height: 20px;background: no-repeat center;background-size: contain;margin-bottom: 4px;}

  /* nybanner */
  .nybanner{ height: 140px; background: repeat center / cover;}
  .nybanner div{ padding-top: 40px;}
  .nybanner div h1{ font-size: 20px;}
  .nybanner div p{ font-size: 12px;}
  
  /* ny common */
  .nynr{ margin: 20px auto 50px auto;}
  .nyzc{ width: 100%; float: none;}
  .nyzc .zc-flm{ font-size: 22px; padding: 10px 0; font-weight: normal;}
  .nyzc .zc-flm .arr{ display: block; float: right; height: 30px; width: 30px; position: relative; cursor: pointer;}
  .nyzc .zc-flm .arr:after{content: ''; border-top: 2px solid #fff; border-left: 2px solid #fff; box-sizing: content-box; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); right: 15px;}
  .nyzc .zc-flm.open .arr:after{ border-color: #fff; transform: rotate(225deg);}
  .nyzc .zc-zlm{ display: none;}
  .nyzc .zc-zlm .zlmmc{ height: 38px; line-height: 38px; background: #e7e7e7 url(../image/ico_1.png) no-repeat 95% center;}
  .nyzc .zc-zlm .zlmmc.active{ background: #003f94 url(../image/ico_2.png) no-repeat 95% center;}
  .nyzc .zc-zlm .zlmmc:hover{ background: #003f94 url(../image/ico_1.png) no-repeat 95% center;}
  .nyzc .com_lxtu{ display: none;}
  .nyzc .com_lx{ display: none;}

  .nyyc{ width: 100%; float: none;}
  .nyyc .nycontent p img{ max-width: 100%; height: auto!important;}
  .nyyc .change{ margin-top: 15px;}

  /* mbx */
  .nyyc .mbx{ margin-top: 20px; margin-bottom: 20px;}
  .nyyc .mbx span{ display: none;}
  .nyyc .mbx p{ float: none; line-height: 25px;}
  .nyyc .mbx p a{ margin: 0;}

  /* danye */
  .nyyc .danye p img{ max-width: 100%; height: auto!important;}

  /* img */
  .img_list{ margin: 30px 0;}
  .img_list ul li{ width: 48%; margin-right: 1%; padding-bottom: 5px;}
  .img_list ul li .imgdw{ height: 150px; padding: 5px;}
  .img-nr .nrxq{ padding: 20px 0;}
  .img-nr .nrxq center img{ max-width: 100%; height: auto;}

  /* news */
  .nyyc .news_list li{ padding: 10px; margin-bottom: 10px; height: auto;}
  .nyyc .news_list .newsimg{ display: none;}
  .nyyc .news_list .newsnr{ position: static;}
  .nyyc .news_list .newsnr .info a{ padding: 0px 0 10px;}
  .nyyc .news_list .newsnr .info p{ font-size: 12px;}
  .nyyc .news_list .newsnr .info p i{ font-size: 13px;}
  .nyyc .news_list .newsnr .info h5{ line-height: 150%}
  .news-nr .nrxq{ padding: 20px 0;}
  .news-nr .nrxq p{ line-height: 2em;}

  /* pro */
  .prot{ margin: 30px 0;}
  .prot ul{ width: 102%;}
  .prot ul li{ width: 49%; margin-right: 1%; padding: 5px; margin-bottom: 10px;}
  .prot li a{ height: auto;}
  .prot li .imgdw{ height: 150px;}
  .prot-nr{ margin: 0;}
  .prot-nr .nrxq{ padding: 20px 0;}
  .prot-nr .nrxq center img{ max-width: 100%; height: auto;}
  .prot-nr .nrxq .prott p{ text-indent: 0; line-height: 2em;}
  .prot-nr .nrxq .nycontent p img{ margin-right: 0;}

  /* contact */
  .nyyc .lianxi h3{ font-size: 22px;}
  .nyyc .lianxi h3 span{ font-size: 18px;}
  .nyyc .lianxi .lxnr{ margin: 10px 0;}
  .nyyc .lianxi .lxnr p{ line-height: 180%; padding-bottom: 5px;}

  /* page */
  #pages{ padding: 20px 0;}
  #pages a{ padding: 2px 6px;}
  #pages .page-num-current{ padding: 2px 6px;}
  
  /* baidukefu */
  #newBridge .nb-invite-wrap-base{ bottom: 50px!important;}
}