@charset "utf-8";



@media screen and (max-width:768px){

.visible-xs-block{display:block;}
.wp{width:100%;padding-right:10px;box-sizing:border-box;padding-left:10px;}
.nav,.search{display:none;}
#footerToolBar{display:block;}

.sitetop{height:50px;background:#333;}
.sitetop .wp{padding:0;}
.sitetop span{display:block;}
.sitetop p{display:none;}

.header-lang{float:right;margin:10px 0 0 0;}
.header-lang .box{background:transparent;}
.header-lang .box em{color:#fff;}
.header-lang .box i{color:#fff;}

.header{height:auto;padding:20px 0;}
.header .logo{float:none;width:100%;margin:0;text-align:center;}

.header-right{float:none;}

.fixBar{display:none;}

#footer{height:auto;margin:0;padding:30px 0 60px;background:#2A5577 url("../images/footbg.jpg") no-repeat center top;}
#footer .foot-logo{float:none;text-align:center;}
#footer .foot-nav{float:none;margin:10px 0 0 0;text-align:center;}
#footer .foot-nav p a{margin:0 5px;font-size:18px;}

.email-share{margin:20px 0 0 0;}
.sendemail{float:none;width:220px;margin:0 auto;}
.sendemail .post-text{width:182px;}
.sendemail .post-btn{width:38px;}

.foot-share{float:none;margin:15px 0 0 0;}
.foot-share a{margin:0 3px;}

.foot-contact{float:none;width:100%;text-align:center;margin:10px 0 0 0;}
.foot-contact p{font-size:16px;line-height:30px;margin:0;background:none;padding:0;}
.foot-contact p.p2{background:none;}

.copyRight{margin:20px 0 0 0;height:auto;padding:15px 0 0;font-size:16px;line-height:24px;}


.main{padding-top:30px;}
.mainRight{width:100%;float:none;}
.mainleft{width:100%;float:none;margin:20px 0 0 0;}

.path{height:auto;padding:20px 0;}
.path h3{font-size:22px;}
.path p{font-size:14px;margin:8px 0 0 0;}

}


@media screen and (max-width:768px) {

.indexA{padding:30px 0;}
.indexA h3{background:none;font-size:50px;line-height:1;height:auto;text-indent:0;text-align:center;}

.indexA .tabs{font-size:20px;margin:30px 0 0 0;}
.indexA .tabs a{margin:0 3px;}

.indexA ul{margin:0 0 0 -2%;}
.indexA ul li{float:left;width:48%;margin:20px 0 0 2%;}
.indexA ul li a.pic img{width:100%;display:block;}
.indexA ul li .t{height:auto;background:#F6F6F6;padding:10px 0;}
.indexA ul li .t h5{font-size:20px;}
.indexA ul li .t h5 a{color:#333;}
.indexA ul li .t hr,.indexA ul li .t p,.indexA ul li .t a.more{display:none;}

.indexA ul li:hover .t{padding:10px 0;}
.indexA ul li:hover .t a.more{display:none;}


.indexB{padding:30px 0;}
.indexB h3{background:none;font-size:50px;height:auto;text-indent:0;text-align:center;}

.indexB .box{width:100%;height:auto;margin:0;}
.indexB .box img.p{display:none;}

.indexB .box .list{position:static;width:100%;height:auto;text-align:center;margin:20px 0 0 0;}

.indexB .box .list .pic{float:none;margin:0 auto;}
.indexB .box .list .txt{float:none;margin:20px 0 0 0;}
.indexB .box .list .txt h5{line-height:1;font-size:30px;}
.indexB .box .list .txt h5 br{display:none;}

.indexB .box .list2{position:static;width:100%;height:auto;text-align:center;margin:20px 0 0 0;}
.indexB .box .list2 .pic{float:none;margin:0 auto;}
.indexB .box .list2 .txt{float:none;margin:20px 0 0 0;}
.indexB .box .list2 .txt h5{line-height:1;font-size:30px;}
.indexB .box .list2 .txt h5 br{display:none;}

.indexB .box .l1{background:none;}
.indexB .box .l1 .txt h5{color:#333;}
.indexB .box .l6{background:none;}
.indexB .box .l6 .txt h5{color:#333;}

.indexC{padding:30px 0;}
.indexC h3{background:none;font-size:50px;height:auto;text-indent:0;text-align:center;}

.indexC .list{margin-top:30px;padding:20px 15px;}
.indexC .list h4{font-size:26px;}

.indexC .swiper-container{margin-top:25px;}
.indexC .swiper-container .swiper-slide .pic .t{top:auto;bottom:0;height:auto;padding:10px 5px;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.indexC .swiper-container .swiper-slide .pic .t h5{font-size:15px;margin:0;line-height:20px;}
.indexC .swiper-container .swiper-slide .pic .t p{display:none;}
.indexC .swiper-container .swiper-slide .pic .t span{display:none;}

.indexC .swiper-button-prev,.indexC .swiper-container-rtl .swiper-button-next{left:0;}
.indexC .swiper-button-next,.indexC .swiper-container-rtl .swiper-button-prev{right:0;}


/*----------------*/
.about-tit{margin:20px 0;}
.about-tit h4{width:100%;}
.about-tit h4 span{font-size:24px;padding:0 10px;}

.about{line-height:24px;font-size:16px;}
.about p{margin:0 0 8px 0;}

.factory ul li{width:48%;margin:15px 0 0 2%;}

.productlist{padding:30px 0;}
.productlist .tit{padding:0;text-align:center;}
.productlist .tit h5{font-size:24px;}
.productlist .tit p{font-size:14px;margin:10px 0 0 0;line-height:24px;}

.productlist ul{margin:0 0 0 -2%;}
.productlist ul li{width:48%;margin:15px 0 0 2%;}
.productlist ul li .pic span{display:none;}
.productlist ul li .t{height:30px;overflow:hidden;margin-top:5px;}
.productlist ul li .t h5{line-height:30px;font-size:15px;}
.productlist ul li:hover .pic ins{display:none;}
.productlist ul li:hover .pic span{opacity:1;-webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}


.about img,.myart img,.pro-scroll .pro-content img{width:100%;height:auto;}

.support ul li{padding:25px 0;}
.support ul li img{float:none;display:block;width:300px;margin:0 auto;}
.support ul li .t{float:none;width:100%;margin:15px 0 0 0;}
.support ul li .t h5{font-size:18px;}
.support ul li:nth-child(2n) img{float:none;}
.support ul li:nth-child(2n) .t{float:none;}

.caselist ul{margin:0 0 0 -2%;}
.caselist ul li{float:left;width:48%;margin:0 0 20px 2%;}
.caselist ul li .pic p{display:none;}
.caselist ul li .t{padding:15px 10px;}
.caselist ul li .t h5{font-size:15px;}
.caselist ul li .t a.more{display:none;}


.newsnr{padding:0 0 30px 0;}
.newsnr h1{font-size:20px;line-height:1;margin:10px 0 0;}
.artInfo{padding:15px 0;margin:20px 0 0;}


.honor ul{margin:10px 0 0 -2%;}
.honor ul li{float:left;width:31.3333%;margin:5px 0 5px 2%;}
.honor ul li a{width:100%;}

.faq ul li .con{font-size:13px;line-height:18px;}
.faq ul li .con p{margin:5px 0 0 0;}

.down ul{margin:10px 0 0 -1%;}
.down ul li{float:left;width:49%;margin:15px 0 0 1%;padding:15px;box-sizing:border-box;}


.deliverylist ul{margin:0;}
.deliverylist ul li {float:none;width:100%;height:305px;margin:20px 0 0 0;}


.newslist ul li {height:auto;}
.newslist ul li .img {width:100%;height:133px;float:none;display:block;text-align:center;}
.newslist ul li .img img{width:200px;height:133px;}
.newslist ul li .intro {float:none;width:100%;margin:10px 0 0 0;}


.pro_img{float:none;text-align:center;width:450px;margin:0 auto;}
.pro_view_inner{float:none;width:100%;margin:20px 0 0 0;}
.pro_view_inner h1{font-size:22px;margin:0;text-align:center;}

.pro-tabs{display:none;}
.pro_text{margin:0;}
.related-pro .swiper-button-prev,.related-pro .swiper-button-next{display:none;}

.inquirShow .row{margin:0;}
.inquirShow dd{margin:10px 0 0 0;}

.linetit{margin:30px 0 0 0;}
.mess{width:100%;margin:0 auto;}
.mess h3{font-size:20px;margin:20px 0;}

.inquirbox{width:100%;margin:20px auto 0;}

}

@media screen and (max-width:600px) {

.caselist ul li .t h5 {height:36px}

.related-products ul{margin:10px 0 0 -2%;}
.related-products ul li{float:left;width:48%;margin:0 0 15px 2%;}

}


@media screen and (max-width:500px) {

.indexA{padding:25px 0;}
.indexA h3{font-size:36px;}
.indexA .tabs{font-size:18px;margin:20px 0 0 0;}
.indexA ul li{margin:15px 0 0 2%;}
.indexA ul li .t h5{font-size:17px;}

.indexB{padding:25px 0;}
.indexB h3{font-size:36px;}
.indexB .box .list .txt h5{font-size:24px;}
.indexB .box .list2 .txt h5{font-size:24px;}

.indexC{padding:25px 0;}
.indexC h3{font-size:36px;}
.indexC .list{margin-top:20px;padding:20px 10px;}
.indexC .list h4{font-size:20px;}




.honor ul li{width:48%;}



.mainRight .title{font-size:20px;}



}


@media screen and (max-width:480px) {

.header .logo img{height:50px;}
.header .logo h2{font-size:22px;}

#footer .foot-logo img{height:60px;}
#footer .foot-nav p a{margin:0 4px;font-size:16px;display:inline-block;}

.foot-contact p{font-size:15px;}

.copyRight{margin:15px 0 0 0;font-size:15px;}

.productlist .tit h5{font-size:22px;}

.rela_list{margin-top:20px;}
.rela_list li{height:auto;line-height:35px;font-size:14px;}
.rela_list li .t{float:none;width:100%;display:block;text-align:left;border-right:none;}
.rela_list li a{float:none;margin-left:0;width:100%;display:block;}





.down ul{margin:10px 0 0 0;}
.down ul li{float:none;width:100%;}





}

@media screen and (max-width:400px) {

.indexA h3{font-size:30px;}
.indexA ul{margin:0;}
.indexA ul li{float:none;width:100%;margin:15px 0 0 0;}

.caselist ul{margin:0;}
.caselist ul li{float:none;width:100%;margin:0 0 20px 0;}


.honor ul{margin:10px 0 0 0;}
.honor ul li{float:none;width:100%;margin:5px 0 5px 0;}

.faq ul li .tit .date-month{display:none;}
.faq ul li .tit h4{float:none;margin:0 0 0 0;}
.faq ul li .con{display:block;}
.faq ul li .con .date-day{display:none;}
.faq ul li .con .t{float:none;margin:5px 0 0 0;width:auto;}

.deliverylist ul li {height:auto;}
.deliverylist ul li img{float:none;width:100%;}
.deliverylist ul li .t{margin:15px 0 0 0;}



}


@media screen and (max-width: 900px){
  #back{width: 100%;}
  
  #goTop { margin-bottom: 50px; } 
}