@charset "utf-8";

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

.mainleft {width: 270px;}
.mainRight {margin-left: 300px;}

}

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

.wp{width:1100px;}
.nav ul li > a{padding:0 10px;font-size:15px;}
.search{width:200px;}

#banner .swiper-button-prev,#banner .swiper-button-next{width:50px;height:50px;line-height:50px;margin-top:-20px;}

.foot-form{width:500px;}
.indexB .l{width:420px;padding:70px 40px 0;}
.indexB .r{margin:0 60px;}

}

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

.wp{width:100%;padding-left:60px;padding-right:60px;}

.indexB .l{width:350px;padding:60px 30px 0;}

.foot-form{width:470px;}


.mainleft {width: 240px;}
.mainRight {margin-left: 260px;}

.history {width: auto;}

}


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

.wp{padding-left:50px;padding-right:50px;}
.nav ul li > a{padding:0 8px;font-size:14px;}
.search{width:180px;}
}

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

.wp{padding-left:40px;padding-right:40px;}
.nav,.header dl{display:none;}
.header-right > span{display:block;}
.header-lang{margin:0 10px;}
#banner .swiper-button-prev,#banner .swiper-button-next{display:none;}
#banner .swiper-pagination-bullet{width:30px;height:5px;}
.foot-pro{display:none;}
.foot-form{width:48%;}
.foot-contact{width:48%;}

.indexabout{padding:50px 0;}
.indexabout .box{display:block;}
.indexabout .txt{margin-right:0;text-align:center;}
.indexabout .pic{display:block;width:70%;margin:20px auto 0;}

.indexabout ul li{width:32%;padding:20px 15px;}
.indexabout ul li em{width:70px;height:70px;line-height:70px;}
.indexabout ul li h6{line-height:1;}

.indexad{text-align:center;}
.indexad .wp{display:block;}
.indexad a{margin-top:20px;}

.indexA{padding:50px 0;}

.indexB{display:block;}
.indexB .l{width:100%;padding:30px 40px;text-align:center;}
.indexB .l img{display:none;}
.indexB .l p{margin:15px 0 0;}
.indexB .r{margin:30px 40px;}
.indexB .page{display:none;}
.indexB .swiper-pagination-bullets{display:block;}

.indexG{padding:50px 0;}
.indexG ul{margin:30px 0 0;}
.indexG ul li{width:100%;padding:0;display:flex;}
.indexG ul li+li{margin-top:15px;}
.indexG ul li .pic{width:250px;}
.indexG ul li .t{padding:0 15px;border: 1px solid #EEE;border-left:none;flex:1;display:flex;justify-content:center;flex-direction:column;}
.indexG ul li .t .more{display:none;}

}



@media screen and (max-width:768px){
#footBar{display:block;}
.wp,.wp2{padding-right:20px;padding-left:20px;}
#top{display:none;}
.header{height:auto;padding:20px 0;}
.header .logo .tel {display:none;}

.navbox {display: none;}

#banner img{display:none;}
#banner img.mo-pic{display:block;}

#banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom:15px;}


#footer{padding:30px 0;}
#footer .wp{display:block;}
#footer h5{text-align:center;}
#footer h5::after{margin:15px auto 0;}

.foot-form{width:100%;}
.foot-form .foot-logo{text-align:center;}

.foot-contact{width:100%;}
.share{text-align:center;}

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


}

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

.indexabout .txt h3,.indexA h3,.indexB .l h3,.indexG h3{font-size:30px;}

.indexabout{padding:30px 0;}
.indexabout .txt h5{margin-bottom:15px;}
.indexabout .pic{width:100%;}
.indexabout ul{margin-top:25px;}


.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{margin:20px -10px 0;}
.indexA ul li{width:50%;padding:10px;}


.indexB .l{padding:25px 20px;}
.indexB .r{margin:30px 20px;}

.indexG{padding:30px 0;}
.indexG ul li .pic{width:220px;}

}


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

.main{padding-top:10px;padding-bottom:30px;}
.mainRight{width:100%;float:none;margin: 0;}
.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;}
.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;}

.sidemenu {margin: 0;}

.about{padding:20px 0 0;}
.about h5, .about h1 {font-size: 20px;}
.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, .honor h1{font-size:20px;}
.honor hr{margin:10px 0 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:20px 0 0;}
.factory h5, .factory h1 {font-size: 20px;}
.factory hr{margin:10px 0 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;}


.pro-top h5, .pro-top h1 {font-size: 28px;}

.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;}

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

.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;margin-bottom: 5px;}
.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;}

.history::before {left: 5px;}
.history .list {padding: 20px 0;}
.history .list::before {left: 0;}
.history .list::after {left: 0;}
.history h3, .history h1 {font-size: 26px;margin: 0 0 20px;}
.history .item .content {width: 100%;margin-bottom: 20px;}
.history .item:nth-of-type(2n+1) .content {padding-right: 0;text-align: left;padding-left: 60px;}
.history .item:nth-of-type(2n+1) .content::before {right: auto;left: -9px;}
.history .item:nth-of-type(2n+1) .content::after {left: 23px;right: auto;}
.history .item:nth-of-type(2n+2) .content {padding-left: 60px;}
.history .item:nth-of-type(2n+2) .content::before {left: -9px;}
.history .item .date span {line-height: 32px;font-size: 20px;}
.history .item .content .txt {font-size: 15px;line-height: 20px;}

.case-list ul li {width: 50%;}

}


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

.wp, .wp2{padding-right:15px;padding-left:15px;}

.header{padding:15px 0;}
.header .logo img{height:50px;}

.indexabout .txt h3,.indexA h3,.indexB .l h3,.indexG h3{font-size:27px;}

.indexabout .txt .t{margin-bottom:20px;line-height:22px;}
.indexabout ul{margin-top:15px;}
.indexabout ul li{width:49%;padding:15px 10px;margin:6px 0;}
.indexabout ul li em{width:60px;height:60px;line-height:60px;}
.indexabout ul li h6{font-size:14px;}
.indexabout ul li h6 span{font-size:24px;}

.indexG span{font-size:14px;line-height:22px;margin:10px auto 0;}
.indexG ul{margin:20px 0 0;}
.indexG ul li .pic{width:180px;}
.indexG ul li .pic ins{height:30px;line-height:30px;padding:0 15px;font-size:13px;}
.indexG ul li .t h5{font-size:17px;line-height:22px;-webkit-line-clamp:1;}


.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 h3,.indexA h3,.indexB .l h3,.indexG h3{font-size:24px;}



.pro-top h5, .pro-top h1 {font-size: 22px;}
h1.tit {font-size: 20px;}

.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;}

.pro_view_inner .bnts a {line-height: 36px;width: calc(33.333% - 10px);font-size: 16px;}

.history h3, .history h1 {font-size: 20px;}
.history .item .content::before {width: 20px;height: 20px;background-size: 20px;}
.history .item:nth-of-type(2n+1) .content::before {right: auto;left: -4px;}
.history .item:nth-of-type(2n+2) .content::before {left: -4px;}
.history .item .content::after {width: 20px;top: 12px;}
.history .item:nth-of-type(2n+1) .content {padding-left: 50px;}
.history .item:nth-of-type(2n+2) .content {padding-left: 50px;}

.videolist ul {margin: 0;}
.videolist ul li {width: 100%;margin: 0 0 15px 0;}
.videolist ul li .v::after {background-size: 50px;}

.case-list ul li {width: 100%;}

.factory p {line-height: 21px;height: 42px;overflow: hidden;}

}

@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;}

.videolist ul {margin: 0;}
.videolist ul li {width: 100%;margin: 0 0 15px 0;}

.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; } 
}