@charset "utf-8";


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

#top span,.mo-header .header-lang{display:block;}

#top{height:50px;border-bottom:1px dashed #E9E9E9;background:#262E38;}
#top p{display:none;}

.header{height:auto;padding:20px 0;}
.header .logo{float:none;margin:0;text-align:center;}
.header dl{float:none;text-align:center;}
.header dl dd{float:none;display:inline-block;margin:0 20px;}
.header dl dd:last-child{display:none;}
.header dl dd h5{text-align:left;}

.header-lang{position:absolute;float:none;top:9px;right:10px;margin:0;}
.header-lang .box{height:32px;}
.header-lang .box img{margin:6px 0 0 6px;}
.header-lang .box em{margin:6px 5px 0 6px;color:#fff;}
.header-lang .box i{margin:6px 0 0 0;color:#fff;}
.header-lang ul{padding:0 6px;top:32px;}
.header-lang ul li img{margin-right:6px;}


#banner img{display:none;}
#banner img.mo-pic{display:block;}
#banner .swiper-slide .txt,#banner .swiper-slide .txt2,#banner .swiper-slide .txt3,#banner .swiper-slide .txt4{display:none;}

#banner .swiper-button-prev,#banner .swiper-button-next{width:30px;height:30px;margin-top:-15px;}
#banner .swiper-button-prev i,#banner .swiper-button-next i{font-size:18px;line-height:30px;}
#banner .swiper-button-prev,#banner .swiper-container-rtl .swiper-button-next{left:5px;}
#banner .swiper-button-next,#banner .swiper-container-rtl .swiper-button-prev{right:5px;}


#footer{padding:30px 0;}
#footer h5{font-size:20px;color:#fff;font-weight:bold;margin:0 0 15px 0;text-align:center;}
#footer hr{width:30px;height:1px;background:#ddd;border:none;margin:0 auto 15px;}

.foot-list,.foot-pro{display:none;}

.foot-contact{float:none;width:100%;}
.foot-contact p{font-size:13px;margin:0 0 8px;}

.copyRight{padding:15px 0 60px;text-align:center;}
.copyRight p{float:none;font-size:14px;line-height:24px;}
.copyRight .share{float:none;margin-top:15px;}

}

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

.indexabout{padding:30px 0;}
.indexabout .txt{float:none;width:100%;text-align:center;}
.indexabout .txt h3{font-size:26px;}
.indexabout .txt h5{font-size:15px;margin-bottom:15px;}
.indexabout .txt p{margin-bottom:15px;line-height:22px;}
.indexabout .pic{display:none;}

.indexad{padding:25px 0;text-align:center;}
.indexad p{float:none;font-size:20px;line-height:30px;}
.indexad a{float:none;padding:8px 18px;margin-top:15px;}

.indexA{padding:30px 0;}
.indexA h3{font-size:26px;}
.indexA span{line-height:22px;}

.indexA ul li{width:48%;margin:20px 0 0 2%;}
.indexA ul li .t{padding:0;}
.indexA ul li .t h5{margin:0;height:80px;line-height:20px;font-size:13px;font-weight:400;}
.indexA ul li .t h5::before,.indexA ul li .t h5::after{display:none;}
.indexA ul li .t p{display:none;}


.indexB{padding:25px 10px;}


.indexB .l{float:none;width:100%;position:relative;padding:20px 15px 15px;box-sizing:border-box;}
.indexB .l::after{width:100%;}
.indexB .l .txt{width:100%;float:none;}
.indexB .l .txt h3{font-size:26px;text-align:center;}
.indexB .l .txt p{font-size:13px;line-height:22px;margin:15px 0;}
.indexB .l .txt img{display:none;}

.indexB .r{margin:20px 0 0;position:relative;}

.indexB .list{width:100%;position:static;}
.indexB .swiper-slide .t{padding:10px 5px;}
.indexB .swiper-slide .t h5{font-size:15px;}
.indexB .swiper-slide .t hr{display:none;}
.indexB .swiper-slide .t p{display:none;}

.indexB .swiper-button-prev,.indexB .swiper-button-next{width:30px;height:30px;top:50%;margin-top:-15px;}
.indexB .swiper-button-prev i,.indexB .swiper-button-next i{font-size:18px;line-height:30px;color:#fff;}
.indexB .swiper-button-prev,.indexB .swiper-container-rtl .swiper-button-next{left:0;right:auto;}
.indexB .swiper-button-next,.indexB .swiper-container-rtl .swiper-button-prev{right:0;left:auto;}

.indexD{padding:30px 0;}
.indexD h3{font-size:26px;}
.indexD h6{line-height:22px;margin:10px auto 0;}
.indexD ul{margin:0;}
.indexD ul li {margin:15px 0 0 0;padding:10px;}
.indexD ul li .tit h4{font-size:14px;}
.indexD ul li .con .t{font-size:14px;}
.indexD ul li:hover{border-left:1px solid #0054A3;padding:10px;}
.indexD a.more{width:120px;}

.indexG{padding:30px 0;}
.indexG h3{font-size:26px;}
.indexG span{line-height:22px;margin:10px auto 0;}

.indexG ul{margin:0;}
.indexG ul li{float:none;width:100%;margin:20px 0 0;}
.indexG ul li .pic ins{padding:0 0 0 15px;}
.indexG ul li .t{padding:20px 15px;}
.indexG ul li .t h5{font-size:16px;}
.indexG ul li .t p{margin:10px 0 0;height:auto;}


}


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

.main{padding-top:10px;padding-bottom:30px;}
.mainRight{width:100%;float:none;}
.mainleft{width:100%;float:none;margin:20px 0 0 0;}
.mainleft h3{height:50px;line-height:50px;font-size:18px;}
.mainleft h3::after{display:block;}
.sidemenu ul,.left_nav ul{display:none;}

.sidebanner{height:auto;padding:35px 0;}
.sidebanner h3{font-size:22px;line-height:1;}

.path{height:40px;line-height:40px;}
.path p{font-size:13px;}
.path p i{margin-right:6px;font-size:13px;}

.menu-tabs{margin:0;}
.menu-tabs ul li{width:48%;height:30px;line-height:30px;margin:10px 1% 0;vertical-align:top;box-sizing:border-box;}
.menu-tabs ul li a{font-size:12px;padding:0 5px;box-sizing:border-box;}

.about{padding:20px 0 0;}
.about a.video{width:100%;margin:0 0 15px;border:3px solid #DADADA;}

.edge{padding:20px 0 0;}
.edge h3{font-size:22px;}
.edge ul{margin:0;}
.edge ul li{float:none;width:100%;margin:20px 0 0;}
.edge ul li h5{font-size:20px;letter-spacing:0;}
.edge ul li p{font-size:13px;line-height:22px;}

.honor{margin:40px 0 0;color:#333;}
.honor h5{font-size:20px;text-align:center;}
.honor hr{margin:10px auto 0;}
.honor p{font-size:14px;line-height:24px;}
.honor ul{margin:5px 0 0 -2%;}
.honor ul li{float:left;width:48%;margin:15px 0 0 2%;text-align:center;}
.honor ul li p{font-size:15px;height:40px;line-height:40px;}

.factory{margin:40px 0 0;}
.factory h5{font-size:20px;text-align:center;}
.factory hr{margin:10px auto 0;}
.factory ul{margin:20px 0 0 -2%;}
.factory ul li{width:48%;margin:0 0 15px 2%;}
.factory .mt50{margin-top:20px;}

.newslist ul li{margin:0 0 15px 0;padding:15px 10px;}
.newslist ul li a.pic{float:none;margin:0 auto;}
.newslist ul li .t{margin:15px 0 0;}
.newslist ul li .t h5{font-size:16px;}
.newslist ul li .t a.more{display:none;}

.down ul li{padding:12px;position:relative;}
.down ul li h4{float:none;width:100%;padding:0 40px 0 15px;margin:0;}
.down ul li h4 a{font-size:14px;}
.down ul li span{display:none;}
.down ul li a.more{position:absolute;right:10px;top:10px;float:none;margin:0;}
.down ul li:hover{border-left:1px solid #0054A3;padding-left:12px;}

.videolist ul{margin:0 0 0 -2%;}
.videolist ul li{float:left;width:48%;margin:0 0 15px 2%;}
.videolist ul li .t h5{font-size:13px;padding:0 5px;}



.productlist ul{margin-left:-2%;}
.productlist ul li{width:48%;margin:0 0 15px 2%;padding:6px;}
.productlist ul li .t{margin:8px 0 0 0;height:40px;display:table;width:100%;}
.productlist ul li .t h5{display:table-cell;vertical-align:middle;}
.productlist ul li .t h5 a{font-size:13px;}
.productlist ul li:hover .pic::after{display:none;}

.pro_img{float:none;width:430px;margin:0 auto;}
.pro_img .spic{float:none;margin:10px 0 0 0;}
.pro_view_inner{float:none;width:100%;margin:20px 0 0 0;}
.pro_view_inner h1{font-size:18px;margin:0;text-align:center;}
.pro-content img{width:100%;height:auto;}

.pro_tab ul li{width:50%;margin:0;height:32px;padding:10px 0;font-size:14px;}

.related-pro ul{margin:10px 0 0 -2%;}
.related-pro ul li{width:48%;margin:0 0 15px 2%;}
.related-pro ul li p{font-size:13px;}

.pro-inquiry .inquirShow{padding:20px 10px 5px;}


.pnbar{margin-top:30px;}
.pnbar p{max-width:100%;width:100%;padding:7px 10px;font-size:13px;box-sizing:border-box;}
.pnbar p.l{float:none;}
.pnbar p.r{float:none;margin:10px 0 0;}


.stit{padding:20px 0 0 0;}
.stit h3{font-size:26px;}
.stit hr{width:60px;margin:15px auto 0;}

.contact{margin:10px 0 0 0;}
.contact h4{font-size:14px;}
.contact p{font-size:13px;line-height:24px;}

.contact ul{margin:20px 0 0 0;}
.contact ul li{float:none;width:100%;padding:20px 15px;height:auto;border-right:none;border-bottom:1px solid #EBEBEB;}
.contact ul li i{font-size:30px;}
.contact ul li h6{font-size:15px;font-weight:bold;}
.contact .share em{margin:0 2px;}

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

.linetit{margin:20px 0 0 0;}
.linetit h4 span{font-size:18px;}

.contact-inquiry{margin:30px 10px 0;}
.inquirbox .row{margin:0;}
.inquirbox .row > div{margin-bottom:10px;}

.faq ul li{padding:15px;}
.faq ul li .con{font-size:13px;line-height:18px;}
.faq ul li .con .t{font-size:14px;}
.faq ul li:hover{border-left:1px solid #D42626;padding:15px;}


}


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


.newsnr h1{font-size:18px;line-height:1;}
.artInfo{padding:10px 5px;margin:20px 0 0;}
.myart{margin:10px 0;font-size:13px;}


}


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

.indexabout .txt ul li{padding:12px 8px;}
.indexabout .txt ul li em{width:60px;height:60px;line-height:60px;}
.indexabout .txt ul li em i{font-size:25px;}
.indexabout .txt ul li h6{font-size:22px;margin:10px 0 8px;}





.pro_img{float:none;width:100%;margin:0 auto;}
.pro_img .bpic{width:100%;}
.pro_img .bpic ul li img{width:100%;}

.pro_img .spic{float:none;width:100%;margin:10px 0 0 0;}

.pro_view_inner h1{font-size:16px;}
.pro_view_inner a.book{margin:15px auto 0;}

.pro_view_inner .share{margin:15px 0 0 0;text-align:center;}
.pro_view_inner .share a{float:none;display:inline-block;}


}

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

.header dl{display:none;}

.newslist ul li a.pic{width:100%;}

.videolist ul{margin:0;}
.videolist ul li{float:none;width:100%;margin:0 0 15px;}
.videolist ul li .t h5{font-size:14px;}

.stit h3{font-size:22px;}

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


.faq ul li{padding:10px;}
.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;}
.faq ul li:hover{padding:10px;}



}


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