@charset "utf-8";


@media screen and (max-width:768px){
.visible-xs-block{display:block;}
.wp,.wp2{width:100%;padding-right:10px;box-sizing:border-box;padding-left:10px;}
#top p,#top .share,.search,.nav{display:none;}
.myart img,.pro-content img{width:100%;height:auto;}
#footBar{display:block;}

.header-lang{position:absolute;top:6px;right:10px;}

#top .wp{padding:0;}
#top span{display:block;}

.header{position:static;height:auto;}
.header .wp{padding:20px 0;-webkit-justify-content:center;justify-content:center;}

#banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom:10px;}
#banner .swiper-pagination-bullet {height:10px;width:10px;margin:0 3px;}
#banner .swiper-pagination-bullet-active{background:#D01919;width:10px;border-radius:50%;}


#footer{padding:30px 0 30px 0;}
#footer h5{text-align:center;}
#footer hr{margin:15px 0;}

.foot-about{float:none;width:100%;text-align:center;}
.foot-about p{margin:20px 0;font-size:13px;line-height:22px;}
.foot-about .share{margin-top:20px;}
.foot-about .share a{width:36px;height:36px;line-height:36px;margin:0 3px;}

.foot-about .sendemail{height:36px;}
.foot-about .sendemail .submit_text{height:36px;line-height:36px;padding:0 100px 0 10px;}
.foot-about .sendemail .submit_btn{width:90px;height:36px;font-size:14px;}

#footer .foot-list,#footer .foot-list2{display:none;}

#footer .foot-contact{float:none;width:100%;margin:40px 0 0;text-align:center;}
#footer .foot-contact p{font-size:14px;padding:0 0 0 20px;margin:5px 15px;display:inline-block;}

.copyright{height:auto;padding:15px 0 60px;line-height:24px;text-align:center;border-top:1px solid rgba(255,255,255,0.3);}

.digg{margin:30px 0 20px 0;}
.digg a,.digg span{width:26px;height:26px;line-height:26px;margin:0 2px;font-size:13px;}

}

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

.index-tit h3{font-size:30px;}
.index-tit hr{width:200px;margin:15px auto 0;}
.index-tit p{font-size:13px;line-height:22px;margin:15px 0 0;}

.index-tit2 h3{font-size:30px;}
.index-tit2 hr{width:200px;margin:15px auto 0;}
.index-tit2 p{font-size:13px;line-height:22px;margin:15px 0 0;}

.indexA{padding:30px 0;}
.indexA .list{float:none;width:100%;overflow:hidden;}
.indexA .list a{float:left;background:#2C2C2C;width:48%;height:50px;}
.indexA .list a p{line-height:50px;}
.indexA .list a img{display:none;}
.indexA .list a:last-child{float:right;margin-top:0;}
.indexA .list a:hover{transform:translate(0,0);-webkit-transform:translate(0,0);}

.indexA ul{}
.indexA ul li{float:none;width:100%;margin:15px 0 0;}
.indexA ul li .pic{text-align:center;}
.indexA ul li p{height:50px;line-height:50px;}
.indexA ul li:hover{transform:translate(0,0);-webkit-transform:translate(0,0);}


.indexB{padding:30px 0;}
.indexB::before{display:none;}
.indexB .index-tit{margin-bottom:30px;}

.indexB .txt{float:none;width:100%;height:auto;padding:30px;box-sizing:border-box;}
.indexB .txt::before{top:8px;left:8px;right:8px;bottom:8px;}
.indexB .txt .t{position:relative;z-index:10;left:auto;right:auto;bottom:auto;padding:25px;}
.indexB .txt .t h4{font-size:16px;}
.indexB .txt .t p{font-size:13px;line-height:22px;}
.indexB .txt .t a.more{width:120px;height:34px;line-height:34px;font-size:12px;}

.indexB .team{float:none;width:100%;}
.indexB .team img{display:none;}
.indexB .team .t{padding:20px;height:auto;}
.indexB .team h4{font-size:16px;margin-bottom:15px;}
.indexB .team p{font-size:13px;line-height:22px;}
.indexB .team .more{margin:15px 0 0;}

.indexB ul{margin:50px 0 0 -2%;}
.indexB ul li{float:left;width:31.33333%;margin:0 0 0 2%;box-sizing:border-box;}
.indexB ul li:nth-child(odd){margin-top:100px;}


.indexC{display:block;}
.indexC .txt{width:100%;display:block;padding:30px 10px;box-sizing:border-box;}
.indexC .txt .box{width:100%;}
.indexC .txt h3{font-size:30px;text-align:center;}
.indexC .txt ul{margin:13px 0 0 0;}
.indexC .txt ul li{margin:25px 0 0 0;text-align:center;}
.indexC .txt ul li .ico{float:none;display:inline-block;}
.indexC .txt ul li .t{margin:15px 0 0;}

.indexC .pic{width:100%;display:block;}

.indexD{padding:30px 0;}
.indexD::before{display:none;}
.indexD ul{margin:20px 0 0 -2%;;}
.indexD ul li{width:48%;}
.indexD ul li .pic img{border:1px solid #E6E6E6;box-sizing:border-box;}
.indexD ul li .txt{height:50px;overflow:hidden;}
.indexD ul li .txt h6{font-size:14px;line-height:22px;}

.indexE{padding:30px 0;}
.indexE::before{display:none;}
.indexE .list{margin:30px 0 0;}
.indexE .swiper-slide p{font-size:14px;margin:10px 0 0;}
.indexE .swiper-button-prev,.indexE .swiper-button-next{background:rgba(44,44,44,0.3);}
.indexE .swiper-button-prev,.indexE .swiper-container-rtl .swiper-button-next{left:0;}
.indexE .swiper-button-next,.indexE .swiper-container-rtl .swiper-button-prev{right:0;}

}


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

.sidebanner{height:150px;background-position:center;background-size:cover;}

.main{padding-top:30px;padding-bottom:50px;}
.mainright{float:none;width:100%;}
.mainleft{float:none;width:100%;}

.side-contact{display:none;}

.sidemenu h3::after{display:block;}
.sidemenu ul{display:none;}

.productlist ul{margin:0 0 0 -2%;}
.productlist ul li{float:left;width:48%;margin:0 0 15px 2%;}
.productlist ul li .pic{float:none;width:100%;display:block;position:relative;}
.productlist ul li .pic::after{display:none;}
.productlist ul li .t{margin:0;height:80px;padding:10px;text-align:center;}
.productlist ul li .t h6{font-size:14px;line-height:20px;}
.productlist ul li .t p{display:none;}
.productlist ul li a.more{display:none;}


.pro_img{float:none;width:420px;margin:0 auto;}

.pro_view_inner{float:none;width:100%;margin:30px 0 0 0;}
.pro_view_inner h1{font-size:18px;margin:0;text-align:center;}
.pro-share{text-align:center;}
.pro_view_inner a.book{font-size:14px;width:140px;height:36px;line-height:36px;margin:0 auto;}

.pro_tab_box{display:none;}

.pro_text{margin:30px 0 0 0;}

.pro-cont-1 ul li{line-height:25px;padding:0 0 0 20px;margin-bottom:5px;}

.pro_text .tit{line-height:45px;}
.pro_text .tit h5{font-size:16px;}


.about{padding:30px 0;}
.about .pic{display:none;}
.about .txt{float:none;width:100%;}
.about .txt h5{font-size:15px;text-align:center;}
.about .txt h3{font-size:26px;margin:7px 0 0;text-align:center;}
.about .txt hr{width:50px;height:3px;margin:15px auto;}
.about .txt p{line-height:24px;}

.about-video img{height:180px;}
.about-video a.v p{font-size:16px;}
.about-video:hover img{transform:scale(1);}

.about2{padding:30px 0;}
.about2 p{line-height:24px;margin:20px 0 0;}
.about2 ul{margin:10px 0 0;}
.about2 ul li{float:none;margin:10px 0 0;text-align:center;padding:35px 0 5px;line-height:24px;height:auto;}
.about2 ul li.l1{background:url(../images/i20.png) no-repeat center top 10px;width:100%;}
.about2 ul li.l2{float:none;background:url(../images/i21.png) no-repeat center top 10px;width:100%;}
.about2 ul li.l3{background:url(../images/i22.png) no-repeat center top 10px;width:100%;}
.about2 ul li.l4{float:none;background:url(../images/i23.png) no-repeat center top 10px;width:100%;}
.about2 ul li.l5{background:url(../images/i24.png) no-repeat center top 10px;width:100%;}
.about2 ul li em{font-size:14px;padding:0;}

.about3{padding:10px;}
.about3 .pic{border:10px solid #E6E6E6;}
.about3 img{width:100%;float:none;}
.about3 img:last-child{float:none;margin:10px 0 0;}


.honor{padding:30px 0;}
.honor .list{margin:20px 0 0;}
.honor .list .swiper-container .swiper-slide p{height:40px;line-height:40px;font-size:14px;;}

.honor .swiper-button-prev,.honor .swiper-button-next{width:30px;height:30px;margin-top:-15px;}
.honor .swiper-button-prev,.honor .swiper-container-rtl .swiper-button-next{left:0px;}
.honor .swiper-button-next,.honor .swiper-container-rtl .swiper-button-prev{right:0px;}
.honor .swiper-button-prev i,.honor .swiper-button-next i{font-size:16px;line-height:30px;}

.factory{padding:30px 0;}
.factory .list{margin:30px 0 0;}
.factory .swiper-container .swiper-slide p{height:40px;line-height:40px;font-size:14px;}
.factory .swiper-button-prev,.factory .swiper-button-next{width:30px;height:30px;margin-top:-15px;background:#D01919;border:1px solid #D01919;}
.factory .swiper-button-prev,.factory .swiper-container-rtl .swiper-button-next{left:0;}
.factory .swiper-button-next,.factory .swiper-container-rtl .swiper-button-prev{right:0;}

.factory .swiper-button-prev i,.factory .swiper-button-next i{color:#fff;font-size:18px;line-height:30px;}

.techlist .tlist li{padding:25px 0;}
.techlist .tlist li .pic{float:none;width:337px;margin:0 auto;}
.techlist .tlist li .news-content{margin:0;padding:25px 0 0;font-size:14px;}
.techlist .tlist li .news-content p{line-height:24px;}


.newslist .nlist li{padding:20px 0;}
.newslist .nlist li .date{float:none;width:100%;}
.newslist .nlist li .date-month{font-size:16px;display:inline;margin:0;line-height:30px;}
.newslist .nlist li .date-day{line-height:30px;font-size:16px;margin:0;}
.newslist .nlist li .pic{float:none;width:280px;margin:0 auto}

.newslist .nlist li .news-content{margin:15px 0 0;}
.newslist .nlist li .news-content p{line-height:24px;}
.newslist .nlist li .news-content a.more{display:none;}


.newsnr h1{font-size:18px;margin:0;}

.newsnr .artInfo{margin:20px 0 0;}
.newsnr .artInfo span{margin:0 6px;font-size:13px;}

.myart{margin:15px 0 0;}

.pnbar{margin-top:30px;}
.pnbar p a{width:100px;height:36px;line-height:36px;font-size:14px;margin:0 4px;}
.pnbar p a img{margin-right:6px;}


.contact{padding:30px 0 0;}
.contact .left{float:none;width:100%;}
.contact .left p{font-size:15px;line-height:24px;margin-bottom:15px;}
.contact .left .inquiry-box span{margin:15px 0;}

.contact .right{float:none;width:100%;margin:30px 0 0;}

.map{margin:20px 0 0 0;}
.map img{width:100%;}

}



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

.logo img,.foot-about img{height:50px;}

.index-tit h3{font-size:22px;}
.index-tit2 h3{font-size:22px;}

.techlist .tlist li .pic{width:100%;}

.pro_view_inner h1{font-size:16px;}

.pro_img{width:100%;}
.pro_img .bpic{box-sizing:border-box;}
.pro_img .bpic ul li img{width:100%;}
.pro_img .spic ul li{width:60px;margin:0 2px;}

.productlist ul{margin:0;}
.productlist ul li{float:none;width:100%;margin:0 0 15px;}
.productlist ul li .t{height:auto;padding:10px 15px;}



}



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