@media screen and (max-width: 3600px) and (min-width: 769px){
.moblie_head,.a_txt,.slideBox,.silder-box{display: none;}

}

@media screen and (max-width: 768px) and (min-width: 0px){
body{font-size: 100%;}
.n_main {
    width: 1200px;
    margin: 0.5rem auto;
    display: table;
}
.w_1200,.n_main,.right{width: 100%;}
.top_bg,.nav_bg,.header-navigation,.picMarquee-left,.footLeft,.none,.left{display: none;}
#banner{display: none;}
.fl{float:left}
.fr{float: right;}
.Bread {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #ddd;
    line-height: 40px;
    text-indent: 1rem;
    font-size: 0.6rem;
    margin-bottom: 20px;
}

.head{display:none}
.moblie_head{display:block;height: 2.5rem;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd}
.moblie_head .fl{padding-top:10px;padding-left:5%}
.moblie_head .fl img{height:24px}
.moblie_head .fr{padding-right:5%;padding-top:14px}
.moblie_head .fr a img{height:16px;vertical-align:top}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%}
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid #232530}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.a_txt .div3 ul li .a_js2{background:url(../image/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:url(404.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}


.slideBox{width:100%;height:14.5rem;overflow:hidden;position:relative;border:1px solid #ddd;}
.slideBox .hd{height:15px;overflow:hidden;position:absolute;right:5px;bottom:5px;z-index:1;}
.slideBox .hd ul{overflow:hidden;zoom:1;float:left;}
.slideBox .hd ul li{float:left;margin-right:2px;width:15px;height:15px;line-height:14px;text-align:center;background:#fff;cursor:pointer;}
.slideBox .hd ul li.on{background:#f00;color:#fff;}
.slideBox .bd{position:relative;height:100%;z-index:0;}
.slideBox .bd li{zoom:1;vertical-align:middle;}
.slideBox .bd img{width:100%;height:14.5rem;display:block;}
.slideBox .prev,.slideBox .next{position:absolute;left:3%;top:62%;margin-top:-25px;display:block;width:32px;height:40px;background:url(../image/slider-arrow.png) -110px 5px no-repeat;filter:alpha(opacity=50);opacity:0.5;}
.slideBox .next{left:auto;right:3%;background-position:8px 5px;}
.slideBox .prev:hover,.slideBox .next:hover{filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop{display:none;}
.slideBox .nextStop{display:none;}


.product{width: 100%; margin-top: 1.3rem;}
.product .app_top{width: 90%; height: 2.3rem; margin: 0 auto; background: url(../image/20170726171914_1910069841.png) center no-repeat; margin-bottom: 15px; background-size: 100% 100%;}
.product .app_top h3{font-size: 1.2rem; text-align: center; font-weight: bold;}
.silder-box{position: relative; margin: 0.3rem auto;}
.silder-box{position:relative;margin:0.3rem auto ;}
.silder{margin:0 auto 0;}
.silder li{width: 18rem; height: 18rem;}
.silder li img{width:100%;height:100%;}
.silder-button{top: 9rem; width: 1.6rem; height: 1.8rem; position: absolute; cursor: pointer;}
.silder-button.btl{left:10px;background:url(../image/bl.png);background-size: 100% 100%;}
.silder-button.btr{right:10px;background:url(../image/br.png);background-size: 100% 100%;}
.silder-box-1{width:100%;}
.silder-box-2{width:500px;}
.silder-box-2 .silder li{width:200px;height:200px;}
.silder-box-3{width:100%;}

.home_about_bg{width: 100%; display: table; height: auto; background: url(../image/bg_paralax.jpg) center no-repeat; margin-top: 1.8rem; background-size: 100% 100%;}
.home_about_bg h2{font-size: 1.5rem; text-align: center; color: #fff; padding: 1rem 0; font-weight: bold;}
.home_about_bg .aboutus p{padding: 0 1%; font-size: 0.6rem; color: #fff; line-height: 1.6rem; padding-bottom: 0.5rem; font-weight: bold;}
.home_about_bg .aboutus span{width: 10.3rem; height: 1.6rem; line-height: 1.6rem; text-align: center; font-size: 0.2rem; color: #fff; display: table; margin: 0 auto; border: 1px solid #ddd; border-radius: 2.3rem; margin-bottom: 1.5rem;}
.home_about_bg .aboutus span a{color:#fff;}

.footer{background: #393b3e; padding: 0.4rem 0 0.4rem; overflow: hidden; margin-top: 30px;}
.footRight .menu{width: 90%; padding-left: 0.3rem; font-size: 0.2rem; color: #c9caca; line-height: 1.3rem;}
.footRight .menu p{padding-bottom: 0.1rem;}
.footRight .menu p a{color: #c9caca; font-size: 1.4rem; padding-bottom: 0.3rem; display: block;}
.footer_z{text-align: center; color: #fff; font-size: 0.3rem;}


.Product .Product_n li {width: 46%;float: left;margin: 0.4rem;}
.Product .Product_n li span {display: table;width: 100%;line-height: 1.8rem;text-align: center;border: 1px solid #ddd;font-size: 0.8rem;}
.Product_xq{width: 100%;display: table;margin-top: 20px;}
.lanrenzhijia {height: auto;overflow: hidden;width: 100%;float: left;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width: 100%;height: 100%; background:url(404.png) no-repeat center center;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

.spec-preview{width:100%;height:100%;border:1px solid #DFDFDF;}
.spec-scroll {clear: both;margin-top: 5px; width: 97%; margin: 0 auto;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items {float: left;position: relative;width: 92%;height: 56px;overflow: hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}

.chanpin {width: 100%;float: left;margin-left: 20px;}
.chanpin h3 {width: 100%; display: table; line-height: 2rem;font-size: 1rem;border-bottom: 1px solid #ddd; font-weight: bold;}
.chanpin div {margin-top: 0.5rem;display: table;line-height: 2rem;font-size: 0.8rem;}
.chanpin i {
    background: #484848;
    width: 55%;
    color: #fff;
    display: table;
    line-height: 2rem;
    text-align: center;
    border-radius: 20px;
    margin-top: 10px;
    font-size: 0.8rem;
}
.canshu {width: 100%;display: table;margin}
.canshu dir {width: 100%;display: table;line-height: 40px;margin-top: 20px;text-indent: 2rem;font-size: 1.09rem;background: #cccccc;margin-bottom: 1rem;}
.canshu div{font-size: 0.8rem;}

.canpintuijian{width: 100%;display: table;margin-top: 20px;padding-top: 20px;border-top:1px solid #ddd;}
.canpintuijian h3{font-size: 24px;text-align: center;}
.canpintuijian i{width: 120px;margin:10px auto;display: table;height: 2px;background-color:rgba(0,0,0,.4);}
.canpintuijian .tuijian{width: 100%;margin-top: 20px;display:table;}
.canpintuijian .tuijian li {width: 22.3%;display: inline-block;margin: 1%;border: 1px solid #ddd;}
.canpintuijian .tuijian li img{width: 100%;}
.canpintuijian .tuijian li span {
    width: 100%;
    display: table;
    line-height: 2rem;
    text-align: center;
    font-size: 0.6rem;
}

.canpintuijian .tuijian li {
    width: 47.3%;
    display: inline-block;
    margin: 1%;
    border: 1px solid #ddd;
}

.n_about{width: 96%;margin:0 auto;}




.Honor ul li {width: 47.5%;float: left; margin: 1.1%;}


.n_new_bg .new_img {
    float: left;
    width: 20%;
    height: 20%;
}

.n_new_bg .new_img img{
    float: left;
    width: 100%;
    height: 100%;
}

.n_new_bg .new_txt {
    float: left;
    margin-left: 20px;
    width: 72%;
    padding-top: 8px;
}
.n_new_bg .new_txt h3 {
    font-size: 0.1rem;
    font-weight: bold;
    line-height: 0.8rem;
}

.n_new_bg .new_txt span {
    line-height: 1.5rem;
    font-size: 0.2rem;
    color: #8e8e8e;
    display: table;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.n_new_bg .new_txt i {
    width: 5rem;
    height: 0.3rem;
    text-align: center;
    background: #484848;
    color: #fff;
    display: table;
    line-height: 1.2rem;
    margin-top: 0.3rem;
    font-size: 0.3rem;
}

.n_new div {
    line-height: 30px;
    font-size: 0.8rem;
    width: 95%;
    margin: 0 auto;
}


.service li {
    width: 48%;
    float: left;
    margin: 1%;
    border: 1px solid #ddd;
}

.service li span h4 {
    width: 100%;
    font-size: 0.8rem;
    text-align: center;
    font-weight: bold;
}

.service li span p {
    width: 95%;
    margin: 0 auto;
    display: table;
    text-align: center;
    color: #a0a0a0;
    padding-bottom: 5px;
    font-size: 0.6rem;
}


.contact_z {
    float: left;
    width: 100%;
}

}