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

/* 手机端自适应代码 */
@media screen and (max-width: 767px) {
    body{ min-width: 320px;padding-bottom: 50px; font: 14px Arial,'Microsoft Yahei', sans-serif;}
    .w100{ width: auto; min-width: auto;}
    .w1200{ width: auto; }
    .content{ width: auto; padding: 0 15px;}
  
    /*head*/
    .top{ height: 60px;  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;}
    .top .mlogo{ display: inline-block; position: absolute; left: 0px; width: auto; height: auto;top:-50px}
    .top .mlogo img{ height: 45px; margin: 7.5px; vertical-align: middle;}
    .top .logo,.bnwz{ display: none;}

  
    /*menu*/
    .top .menu-btn { display: block; padding: 20px 0; float: right; margin-left: 15px; margin-top: -50px;}
    .top .menu-btn:before,.menu-btn:after,.menu-btn span { display: block; height: 2px; background-color: #fff; content: '';}
    .top .menu-btn:before { width: 24px;}
    .top .menu-btn:after { width: 18px; margin-left: 6px;}
    .top .menu-btn span { width: 12px; margin: 6px 0 6px 12px;}
  
    .top .nav{ width: 100%; display:none; background:#fff; position: fixed; z-index: 9999999999999; bottom: 0; top: 60px; }

  
    .top .nav  li{ display:block; width: 100%;border-bottom:1px solid #eee;}
    .top .nav  li a{ text-align: left; height: 45px; background: #fff; line-height:45px; padding:0 15px; color:#333}
    .top .nav  li.dropdown .arr{display: block; float: right; height: 40px; width: 40px; position: relative;}
    .top .nav  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;}
    .top .nav  li a:hover, .nav  li.active a, .nav  li.open a{color:#aa0606}
    .top .nav  li.open .arr:after{border-color:#aa0606;transform:rotate(225deg)}
    .top .nav .dropdown-box{ display: none; position:static;background-color:#f5f5f5;min-width:auto;text-align:left;box-shadow:none}
    .top .nav .dropdown-box a{color:#333!important;border-bottom:1px dotted #ddd;padding:0 15px;line-height:40px;background-color:transparent!important;}
    .top .nav .dropdown-box a:hover{background-color:transparent!important}
    .top .nav li.open .dropdown-box{ display: block;}
    .top .nav  li.dropdown:before{ display: none;}


 .bnwz .wz-one{margin-top:80px}



.about{background: #8a0b04 ; padding: 35px 0; }
.about .aboutnr p{ width: 100%;height: auto; text-align: left;}
.about .aboutnr{width: 100%; text-align: center;}

.about .aboutimg {display:block; width: 100%;margin-top: 15px; text-align: center;}
.about .aboutimg img{width: 100%;object-fit:cover}

.sytybt h5{margin-bottom: 10px;}
.product{ height: auto;}
.product .profl a{ margin: 0;}
.product .pronr{ width: 103%; margin-top: 10px; height: 460px;overflow: hidden;}
.product .pronr li{ width: 47%;height: 220px; margin-right: 3%; margin-bottom: 3%; height: auto;}
.product .pronr li .imgdw{ height: auto;}


.newsimg{display: none;}
.news .newsnr{ width: 100%; margin-top: 0;}
.news .newsnr a dl{ width: 80%; float: left;}
.news .newsnr a span{ width: 18%; float: right;}

.footz  img{width: 100%;}
.footnr,.mbq {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;}




/*neirong*/
.bnwz .wz-two{text-shadow: 5px 5px 5px #6e6c6c;}
.bnwz .nywz-two{padding-top: 90px;}
.ny_left{width: 100%; }
.ny_left .nylm .zlm{ margin-bottom: 20px;}
.ny_left .nylm{top:0}
.ny_left .nylm .lmtit{ height: 80px; margin-bottom: 1% ;}
.ny_left .nylm .lmtit h1{padding-top: 11px;}

.ny_left .nylm .zlm a{ width: 48%;line-height: 40px; margin-left: 1%; margin-right: 1%; margin-bottom: 1%;border-radius:3px;}
.ny_left .nyzcimg,.nylx { display: none;}
.ny_right{ width: auto; padding: 0 15px;float:none;}
.nynews_nr,.nynews_nr img{width: 100%; max-width: none;}
.nynews_nr p img{ text-indent:0; margin:0 auto; height: auto;}
.iconfont{ float: left;}
.ny_news ul li dl{ width: 70%;float: left;}



.img_list ul,.prot ul{ width: 103%;}
.img_list ul li,.prot li{width: 47%; height: auto; margin-right: 3%; margin-bottom: 3%;}
.img_list ul li .imgdw{height: 140px;}
.ny_right .img-nr .nrxq img{width: 100%;}

.prot li a,.prot li .imgdw{height: auto;}

#outBox{ width: 100%;}
.pronr .leftBox,.pronr .w{ width:384px;}
.pronr .rightBox{width:98.5%; margin: 10px; }
.proxq img { width: 100%;}

.proxq{float: left;}
}

@media screen and (max-width:375px) {
.pronr .leftBox,.pronr .w{ width:345px;}

}
@media screen and (max-width:320px) {
    .pronr .leftBox,.pronr .w{ width:345px;}
    
    }