.m-xnqx,
.lc-mobile {display:none;}

@media (max-width: 768px) {
	
.about-banner,
.production-banner,
.quality-banner {margin-top:63px; background-size: 100%; height: 110px;}

.about-banner .by,
.production-banner .by,
.quality-banner .by,
.app-banner .by {display:none;}

.about-1 {padding: 30px 0px 0px;}
.about-1 .intro {width: 90%;}
.intro .about-icon li {float: none; width: 100%;  text-align: center; padding-bottom: 40px;}
.M-his {padding-top: 5px;}
#timeline {width: 95%;}
#issues li {width:370px;}
#issues li h3 {width: 120px;height: 35px; line-height: 35px; font-size: 18px;}
#issues li p {font-size:16px;width: 300px;}
.zuzhi ul li {float: none; width: 90%; margin-right: 0px;  margin: 0 auto;     margin-bottom: 60px;}
.zuzhi ul .li2 {margin-right: 0px; margin: 0 auto;}
	
.litebox-overlay .litebox-container {left: 0; width: 100%; margin-left: 0;}	
.litebox-overlay img { width: 95%;}
.litebox-overlay .litebox-prev {display:none;}	
.litebox-overlay .litebox-next {display:none;}

#inline-html-2 .vision {width: 100%;     height: 500px;}
#inline-html-2 .vision p {width: 90%; left: 0;margin-left: 0;}
	
	
.product-banner {background-size: 100%;margin-top: 63px; height: 110px;}	
.product-banner .by {display:none;}	

#product1-main .right .position {    width: 95%;margin: 0 auto;margin-bottom: 20px;}
#product1-main {padding: 50px 0px 55px;}	
#product1-main .left { display: none;}
#product1-main .right {width: 100%;   float: none;}
.youshi .form1 img {width:100%;}
.youshi .ys1 {padding-bottom: 50px;}	
.youshi .ys1 .fl {width: 90%; float: none; margin: 0 auto; margin-top: 70px;}	
.ys1 .rt img {width:auto;}
.youshi h3 {font-size: 18px;}
.youshi .form1 {width: 90%; margin: 0 auto;}
.youshi p {
	line-height: 20px;
    text-align: left;
}
.ys1 .rt {float: none}

#product1-main .right .ys1 .rt img {margin: 0 auto;display: block;width:auto;}
.youshi .ys2 {width: 90%; margin: 0 auto;}
.youshi .ys3 {width: 90%; margin: 0 auto; margin-top: 40px;}


.m-xnqx {display:block;width:100%;}
.form-qx table, .form-qx .pa1, .form-qx .pa2 {display:none;}
.picMarquee-left.qx {width: 95%;margin: 0 auto;}
.picMarquee-left.qx .bd ul li .pic img {    width: 100%;}
#product1-main .right img {width:100%;}
#product1-main .single_cp {width: 90%; margin: 0 auto;}
#product1-main .single_cp li {float: none; margin-right: 0px; margin-bottom: 35px;  width: auto; height: auto; max-width: 100%;}

.yf-mian {width: 90%; margin: 0 auto;line-height: 28px;}
.yf-mian ul { margin-left: 0px;}
.yf-mian ul li {margin-right: 0px; float: left;width: 50%;}
#product1-main .right .yf-mian ul li .tu img {width: 80%;height: 80%; margin: 0 auto;}
.yf-mian ul li .pp {padding-top: 0px; padding-bottom: 20px;}
.yf-mian3 ul {width: 100%;}
.yf-mian ul .flickr_badge_image {float:none; width: 100%;}

.yf-mian11 {width: 90%;margin: 0 auto;}
.yanfa4 ul li {
    float: none;
    margin-right: 0px;
    text-align: center;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 100%;
}
.yanfa4 .tu2 {
    width: 100%;
    height: auto;
}
#product1-main .right .yanfa4 img {
    width: 100%;
    height: auto;
}
.yanfa4 ul li .pp {
    padding-top: 5px;
    padding-bottom: 25px;
}
.yanfa4 h3 {
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 20px;
}
.yanfa4 h3 .dotNext,
.yanfa4 h3 .dotPrev {display:none;}
.yanfa4 ul li.yiban, .yanfa4 ul li.yiban2 {width: 100%;}
.yanfa4 ul li.yiban img, .yanfa4 ul li.yiban2 img, .yanfa4 ul li.yiban .tu2, .yanfa4 ul li.yiban2 .tu2 {
    width: 100%;
    height: auto;
}
.yf3 .pp {padding-bottom: 25px;}


.lchen li .fl1 {
    text-align: right;
    width: 30%;
    background: url(/css/images/br.jpg) no-repeat right center;
    padding-right: 60px;
}
.lc-mian .lchen{display:none;}
.lc-mian .lc-mobile {
	display:block;
    width: 95%;
    MARGIN: 0 AUTO;}


.quality-1 .tab { padding-top: 20px; letter-spacing: 0px;width: 95%;}
.quality-1 .tabs li {width: 25%;}
.quality-1 .tabs li a {font-size:14px; line-height: 20px; display: block; width: 85%;}
.quality-1 .tab_content {padding: 0px 0px;}
.quality-1 .tabs_item .q0 img {width: 100%;}
.quality-1 .tabs li span {   
    width: 100%;
    height: 70px;
    border-radius: 20px;
}
.quality-1 .tabs li .span1,
.quality-1 .tabs li .span2, 
.quality-1 .tabs li .span3,
.quality-1 .tabs li .span4 {background-size: 80px; background-position: center;}
.jianc .sb-tu {width: 100%;  height: auto;}
.jianc .bd2 .tempWrap {min-width: 100%;    height: 100px;}


.mCustomScrollBox {max-width: 100%;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {width: 90%;}

.cg.w1000 {width: 100%;}
.section3 .cg .zuo {border-right: 0px solid #dedede;width: 100%;  float: none;}
.section3 .cg .you {
    width: 90%;
    float: none;
    margin-right: 0;
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
}

.app-banner {margin-top: 63px;background-size: 100%;height: 90px;}
.app-1 .bing img {width: 100%;}
.app-1 .app-box {width: 95%; margin: 0 auto; margin-top: 50px;}
.app-box li {float: none;width: 100%; margin-right: 0px;}
.app-box li img {width:100%;height:auto;}
.app-inner img {width: 95%;}

.map {margin-top: 63px;  height: 500px;}
.map .contacts {width: 95%;right: 0px;position: relative}
.contacts .contact-box {width: auto; padding-left: 10px;padding-right: 10px;}

}



@media (max-width: 414px) {
#issues li {width:414px;}	
}

@media (max-width: 320px) {
#issues li {width:320px;}	
.yf-mian ul li {float: none; width: 100%;}
#product1-main .right .yf-mian ul li .tu img {width: 90%;height: 90%;}

}