/* CSS Document */

/*电脑端隐藏*/
.head{ display: none;}
.nav{ display: none;}
.footer-fix{ display: none;}
.mbanner{ display: none;}
.product .comtit{ display: none;}
.product .protit{ display: none;}

/* nav */
.nav{ background-color: #d78443;}
.nav .content{ overflow: visible;}
.nav ul li{ position: relative; width: 16.66666666666%;}
.nav ul li .arr{float: right; height: 40px; width: 40px; position: relative; display: none;}
.nav ul li.dropdown:before{content: ""; position: absolute; border: 6px solid transparent; color: #fff; border-bottom: 0; border-top-color: currentColor; top: 50%; margin-top: -2px; right: 15px;}
.nav ul li a {display: block;text-align: center;text-decoration: none;color: #fff;line-height: 60px;font-size: 16px; font-weight: bold; transition: all ease .3s;-webkit-transition: all ease .3s;}
.nav ul li:hover>a , .nav ul li.active>a{color: #fff;background: #434343;}
.nav .dropdown-box{ display: none;}
.nav li.open .dropdown-box{ display: block;}
.nav .dropdown-box{position: absolute;border-top: 2px solid #d78443;background: #d78443; left: 0;width: 100%;visibility: hidden;transition: all ease .3s;-webkit-transition: all ease .3s;transform: translateY(20px);-webkit-transform:  translateY(20px);opacity: 0;z-index: 99999;}
.nav ul li:hover .dropdown-box{visibility: visible;opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);box-shadow: 0 2px 5px rgba(0, 0, 0, .5)}
.nav ul li:hover .dropdown-box .nav2{ padding: 0 5px;}
.nav .dropdown-box a{display: block;font-weight: normal;background: #d78443;border-bottom: 1px solid #d78443;color: #fff;padding:0 5px;line-height: 47px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.nav .dropdown-box a:hover{ background: #434343; color: #fff;}
.nav .nav2 .dropdown-box2{ position: absolute; left: 100.5%; top: 0; visibility: hidden;transition: all ease .3s;-webkit-transition: all ease .3s;transform: translateY(20px);-webkit-transform:  translateY(20px);opacity: 0;z-index: 99999;}
.nav .nav2:hover .dropdown-box2{visibility: visible;opacity: 1;transform: translateY(0);-webkit-transform:  translateY(0);box-shadow: 0 2px 5px rgba(0, 0, 0, .5)}
.nav .nav2 .dropdown-box2 a{ line-height: 40px;}

/* 手机端自适应代码 */
@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;}

  /*head*/
  .head{ display: block; height: 60px;  background:rgba(215,132,67,.8); 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 .content{ overflow: inherit;}
  .head .mlogo{ display: inline-block; position: absolute; left: 0px; width: auto; height: auto;}
  .head .mlogo img{ height: 90px; margin: 0 5px 0 20px; vertical-align: middle;}

  /*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;}

  .header .pcnav{ display: none;}
  .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:#ff9900}
  .nav ul li.open .arr:after{border-color:#ff9900;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*/
  .banner{ margin-top: 0; height: auto;overflow: visible;}
  .banner .header{ display: none;}

  /*souso*/
  .banner .sousuo{ width: 100%; padding: 10px 0; bottom: -50px;}
  .sousuo .ssci{ display: none;}
  .banner .sousuo form{ width: 100%; padding: 10px 0; float: none;}
  .banner .sousuo form input{ width: calc(100% - 80px);}

  /* tybt */
  .tybt p{ font-size: 20px;}
  
  /* about */
  .about{ height: auto; margin-top: 50px;}
  .about .content{ padding: 0 10px;}
  .about .aboutimg{ float: left; width: 100%; height: auto; margin-top: 5px;}

  /*news*/
  .news{ margin-top: 30px;}
  .news .newsnr{ width: 100%;}
  .news .newsnr ul li .date{ margin-left: 5px;}
  .news .newsnr ul li a{ margin-left: 80px;}
  .news .newsgg{ width: 100%; height: auto;}
 
  /*foot*/
  .footer{ margin-top: 40px;}
  .footer .content{ margin-top: 40px;}
  .footer .footnav{ 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;}

  /* danye */
  .danye{ padding: 0 10px; min-height: 300px;}
  .danye p img{ max-width: 100%; height: auto!important;}

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

  /* news */
  .news_fl{ margin-bottom: 20px;}
  .news_fl div{ border-radius: 10px;}
  .news_fl a{ width: 100%;}
  .news_fl a.active{ border-radius: 10px;}
  .news_list{ width: 100%;}
  .news_list li{ padding: 10px 0 19px 10px;}
  .news_list li .news_neirong a{ font-size: 16px;}
  .news-nr{ width: 100%;}
  .news-nr .nrxq{ padding: 10px 0;}
  .news-nr .nrxq p{ line-height: 2em;}
  .news-nr .title h2{ font-size: 19px; margin-top: 20px;}

  /* pro */
  .pro_fl{ margin: 20px 0;}
  .pro_fl div{ border-radius: 10px;}
  .pro_fl a{ width: 100%;}
  
  .prot{ width: 100%;}
  .prot li{ width: 48%; height: auto; margin: 10px 1%; border: 1px solid #eee; padding: 15px;}
  .prot li .imgdw{ width: 100%; height: 90px;}
  .prot li p{ display: block; font-size: 15px; text-align: center; margin-top: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

  .prot-nr{ margin: 0;}
  .prot-nr .proimg{ width: 100%;}
  .prot-nr .proxx{ width: 100%; padding-top: 20px;}

  /* contact */
  .lianxi{ padding: 0; margin: 10px;}
  .lianxi .lxnr{ padding: 10px 0; margin-bottom: 10px;}
  .lianxi .lxnr li{ width: 100%; margin: 10px 0;}

  #mapbox{ height: 320px!important;}

  /* page */
  #pages{ padding: 10px 0;}
  #pages a{ padding: 2px 6px;}
  #pages .page-num-current{ padding: 2px 6px;}
}