@charset "utf-8";

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

.wp,.wp948{width:100%;padding-right:10px;padding-left:10px;box-sizing:border-box;}

#top,#footBar{display:block;}
#top .wp{padding:0;}
.header{height:auto;padding:20px 0;background-size:cover;}
.header .wp{-webkit-justify-content:center;justify-content:center;}

.nav,.search{display:none;}

.header-lang{position:absolute;right:10px;top:10px;}
.header-lang .box{height:30px;width:80px;border:1px solid #fff;}
.header-lang .box img{}
.header-lang .box em{color:#fff;}
.header-lang .box i{color:#fff;}
.header-lang ul{width:80px;padding:0 5px;top:32px;border:1px solid #ccc;border-radius:0;}
.header-lang ul li img{margin-right:5px;border-radius:0;}

#banner .swiper-pagination-bullets{bottom:5px;}
#banner .swiper-pagination-bullet {height:8px;width:8px;}

/*----------------------*/

.indexB{background:none;padding:25px 0 0;width:100%;margin:0;height:auto;}
.indexB .box{float:none;height:auto}
.indexB .box h5{font-size:16px;color:#FE4B4E;font-weight:bold;height:22px;text-transform:uppercase;}
.indexB .box iframe{width:100%;margin:15px 0 0;}

.indexB .box ul{margin:15px 0 0;}
.indexB .box ul li~li{margin-top:15px;}
.indexB .box ul li p{text-align:left;margin:8px 0 0;}
.indexB .box img{margin:15px 0 0;}

.indexB .box1{width:100%;}
.indexB .box1 img{width:100%;}
.indexB .box2{width:100%;padding:0;background:none;margin:20px 0 0;}
.indexB .box2 .more{display:block;}
.indexB .box3{width:100%;padding:0;background:none;margin:20px 0 0;}
.indexB .box3 img{width:100%;}


.indexA{margin:0;padding:25px 0 20px;}
.indexA .tit h5{font-size:16px;color:#FE4B4E;font-weight:bold;height:22px;text-transform:uppercase;}

.indexA .list{margin:10px 0 0;}
.indexA .swiper-slide h5{margin:10px 0 0;line-height:20px;font-size:13px;height:40px;}

.indexA .swiper-button-prev,.indexA .swiper-button-next{display:none;}
.indexA .swiper-pagination{display:block;}

/*footer*/
.footer{padding:25px 0 60px;}
.footer h5{background:none;border-bottom:2px solid #fff;padding:0 0 10px;text-align:center;}
.footer .copy{float:none;width:100%;}
.footer .copy p{line-height:22px;margin:5px 0 0;}
.footer .t{display:none;}
.footer .s{float:none;width:100%;margin:15px 0 0;}
.footer .s .footer-search .btn-input{background:#fff;width:100%;height:36px;line-height:36px;font-size:12px;color:#111;padding:0 0 0 5px;border-radius:4px;}
.footer .s .footer-search .btn-submit{background:url("../images/btn.png") no-repeat;width:90px;height:31px;cursor:pointer;margin:15px auto 0;}

/*-----side-----*/

.path{height:auto;line-height:20px;padding:8px 10px;}
.path h3{float:none;font-size:14px;}
.path p{float:none;}

.left{float:none;width:100%;}
.right{width:100%;float:none;}


.left .tit{height:50px;line-height:50px;}
.left .tit h4{margin:0 0 0 15px;}
.left .tit::after{display:block;}
.left_top dl,.sidemenu ul{display:none;}
.left_top dl dd a{background-position:left 15px center;line-height:22px;padding:8px 0 8px 25px;}
.left_top dl dd a:hover,.left_top dl dd.select a{background-color:#409AD9;background-position:left 15px center;}
.left_news{display:none;}

.product ul{margin:0 0 0 -2%;}
.product ul li{width:48%;margin:0 0 15px 2%;}
.product ul li a.hmpro-name{text-align:center;}

.digg{text-align:center;}
.digg b{display:none;}

.pro_text .tabs li{float:left;width:24%;height:34px;line-height:34px;background:#fff;margin-right:1%; cursor:pointer;text-align:center}

.pro_view_top{padding:10px;}
.pro_img{float:none;width:350px;margin:0 auto;}
.spic ul li{width:40px;margin:0 3px;}
.pro_view_inner{float:none;width:100%;padding:0;}
.pro_view_inner h1{text-align:center;}

.pro_view_inner .inquiry{text-align:center;}

.related-products ul li{width:48%;}

.news dl dt{margin-right:10px;}
.news dl dd{float:none;text-align:justify;width:auto;}

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

.contact .address dt{width:100%}
.contact .contact_inner{width:100%;height:auto;float:none;margin:15px 0 0;}
.contact img{margin:25px 0px;width:100%}

.contact-bar{display:none;}
.cb-popup{bottom:50px;}

.contact_flt dl{float:none;margin:0;}

#simplemodal-container{width:92%;border:2px solid #444;padding:10px;box-sizing:border-box;}

.logn_t{padding-left:0;}
.logn{margin-top:10px;float:none;}
.logn li{margin-right:0;float:none;}
.logn li.td1{text-align:left;width:auto;}
.contact-iqr input{width:100% !important;box-sizing:border-box;}
.contact-iqr input#code{width:80px !important;}
.logn li textarea{width:100% !important;box-sizing:border-box;}


}


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

.header .logo img{height:60px;}

.news dl{height:auto;}
.news dl dt{float:none;width:100%;text-align:center;}
.news dl dt img{width:50%;}
.news dl dd{float:none;width:100%;margin:15px 0 0;}


}

@media screen and (max-width:400px) {
	
.pro_img{width:100%;}

}