@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;}
#kefu,.nav,.search{display:none;}
.myart img,.pro-content img{width:100%;height:auto;}
#footBar{display:block;}

.sitetop{display:block;}


.header-lang{position:absolute;right:10px;top:9px;}
.header-lang .box{border:1px solid #fff;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{height:auto;padding:10px 0;}
.header .logo img {height: 70px;}
.header .wp{height:auto;-webkit-justify-content:center;justify-content:center;}
 

#banner .swiper-slide .txt p{font-size:22px;line-height:1.4;}

#banner .swiper-slide .txt1 .wp{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;}
#banner .swiper-slide .txt1 h4{font-size:40px;}
#banner .swiper-slide .txt1 p{margin:20px 0 0;}

#banner .swiper-slide .txt2 .wp{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;}
#banner .swiper-slide .txt2 h4{font-size:40px;}
#banner .swiper-slide .txt2 p{margin:20px 0 0;}

#banner .swiper-slide .txt3 .wp{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-flex-direction:column;flex-direction:column;}
#banner .swiper-slide .txt3 .t{width:100%;padding-bottom:20px;}
#banner .swiper-slide .txt3 h4{font-size:24px;}
#banner .swiper-slide .txt3 p{margin:15px 0 0;}

#banner .swiper-slide .txt4{padding:0 0 60px;box-sizing:border-box;text-align:center;}
#banner .swiper-slide .txt4 .wp{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-flex-direction:column;flex-direction:column;}
#banner .swiper-slide .txt4 h4{font-size:40px;}
#banner .swiper-slide .txt4 p{margin:10px 0 0;}

#banner .page{display:none;}
#banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom:10px;}
#banner .swiper-pagination-bullet {height:10px;width:10px;}

#footer{padding:30px 0;}
#footer .wp{display:block;}
#footer h5{font-size:16px;color:#fff;line-height:1;margin:0 0 20px;font-weight:bold;text-align:center;}

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

.foot-nav{display:none;}

.foot-contact{width:100%;}
.foot-contact p{font-size:15px;line-height:24px;margin-bottom:10px;color:#acacac;padding:0 0 0 28px;}
.foot-contact p.p1{background:url("../images/c1.png") no-repeat left 4px;}
.foot-contact p.p2{background:url("../images/c2.png") no-repeat left center;}
.foot-contact p.p3{background:url("../images/c3.png") no-repeat left center;}
.foot-contact p.p4{background:url("../images/c4.png") no-repeat left 4px;}
.foot-contact p a:hover{color:#5b9bf3;}


.foot-list{float:right;width:430px;}
.foot-list p{font-size:17px;color:#fff;line-height:28px;}

.sendemail{margin:15px 0 0 0;position:relative;}
.sendemail .post-text{border:none;width:100%;height:36px;line-height:36px;color:#333;padding:0 120px 0 10px;font-size:14px;background:#fff;box-sizing:border-box;}
.sendemail .post-btn{position:absolute;top:0;right:0;border:none;background:#28A9D7;font-size:16px;color:#fff;width:110px;text-align:center;height:36px;display:block;cursor:pointer;}

.foot-list .share{margin:20px 0 0 0;}
.foot-list .share a{width:32px;height:32px;line-height:32px;background:#6081C4;border-radius:5px;display:inline-block;text-align:center;margin:0 5px 0 0;box-sizing:border-box;}
.foot-list .share a i{font-size:18px;color:#fff;}
.foot-list .share a:nth-child(2){background:#4BC0F0;}
.foot-list .share a:nth-child(3){background:#2797CF;}
.foot-list .share a:nth-child(4){background:#EE539E;}
.foot-list .share a:nth-child(5){background:#2B3137;}
.foot-list .share a:nth-child(6){background:#0CA3D1;}
.foot-list .share a:nth-child(7){background:#0077BE;}
.foot-list .share a:hover{background:#ED4D16;}
.foot-list .share a:hover i{color:#fff;}

.copyright{padding:15px 0 60px;}
.copyright .wp{-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;text-align:center;}
.copyright span{margin-bottom:10px;}

#feedbackicon{width:44px;height:44px;background-position:center;bottom:60px;}
#feedbackicon span{display:none;}
#feedback{bottom:60px;}


}

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

.index-tit{text-align:center;}
.index-tit h3{color:#111;font-size:30px;line-height:1;font-weight:bold;text-transform:uppercase;display:inline-block;position:relative;}
.index-tit h3 em{font-weight:bold;position:relative;z-index:10;}
.index-tit h3::before{background-size:40px;width:40px;height:40px;left:-20px;top:-5px;display:block;z-index:0;}

.indexA{padding:30px 0;}
.indexA h3{font-size:24px;text-align:center;}
.indexA .tab{margin:20px 0;}
.indexA .tab ul li{width:auto;-webkit-flex:auto;flex:auto;margin:0 3px 5px;border:1px solid #666;line-height:30px;padding:0 10px;}
.indexA .tab ul li img{display:none;}
.indexA .tab ul li p{margin-top:0;}
.indexA .tab ul li:hover,.indexA .tab ul li.active{background:#01458E;border-color:#01458E;}
.indexA .tab ul li:hover p,.indexA .tab ul li.active p{color:#fff;}

#prosdrop{padding:20px 0 0;}
.drop.active{-webkit-flex-wrap:wrap;flex-wrap:wrap;}

.drop-left{width:100%;text-align:center;}
.drop-left img{border:1px solid #CCC;}

.drop-right{width:100%;margin:20px 0 0;}
.drop-right h1,.drop-right h5{font-size:24px;text-align:center;}
.drop-right p{max-width:none;margin:20px 0 10px;padding-bottom:20px;}
.drop-right dl{margin-right:20px;}

.drop-list{width:100%;text-align:center;}
.drop-list h5{margin:20px 0 15px;}
.drop-list dl dd{margin:0 7px;display:inline-block;}
.drop-list .dropbtn{margin:20px 0 0;}


.indexB{padding:30px 0;}
.indexB .tit h3{font-size:24px;}
.indexB .tit a{border-radius:15px;padding:10px 20px;}

.indexB .list{margin-top:25px;display:block;}
.indexB ul{width:100%;}
.indexB ul li{margin:10px 0 0;}
.indexB ul li .t{bottom:10px;}
.indexB ul li .t h5{font-size:18px;}
.indexB ul li .t p{font-size:14px;}
.indexB ul li:hover{transform:translateY(0);-webkit-transform:translateY(0);}

.indexB .bpic{width:100%;margin-right:0;}
.indexB .bpic .t{top:30px;}
.indexB .bpic .t h3{font-size:26px;}
.indexB .bpic .t p{font-size:16px;margin-top:10px;}
.indexB .bpic:hover{transform:translateY(0);-webkit-transform:translateY(0);}


.indexabout{padding:30px 0;}
.indexabout h3{font-size:24px;text-align:center;}
.indexabout .txt{text-align:center;}
.indexabout .txt em{font-size:18px;}
.indexabout .txt h3{margin-top:15px;}
.indexabout .txt .t{line-height:22px;margin-top:20px;}
.indexabout .txt .bntbox{margin-top:35px;-webkit-justify-content:center;justify-content:center;}
.indexabout .txt .bntbox .more{margin-left:25px;}

.indexabout .txt + h3{margin-top:50px;}

.indexabout ul{margin:20px 0 0;}
.indexabout ul li{width:48%;margin:10px 0 0;}
.indexabout ul li p{bottom:20px;padding:8px 15px;}
.indexabout ul li:hover{transform:translateY(0);-webkit-transform:translateY(0);}

.indexC{padding:30px 0;}
.indexC h3{font-size:26px;text-align:center;}
.indexC .list{margin:25px 0 0;}
.indexC .swiper-slide{-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.indexC .swiper-slide .txt{max-width:100%;}
.indexC .swiper-slide .txt h5{font-size:22px;text-align:center;}
.indexC .swiper-slide .txt p{line-height:22px;margin-top:15px;}
.indexC .swiper-slide .pic{max-width:100%;}

.indexC .page{display:none;}
.indexC .swiper-pagination{display:block;}

.indexD{padding:30px 0;}
.indexD .tit h3{font-size:24px;}
.indexD .tit a{border-radius:15px;padding:10px 25px;}
.indexD ul{margin:10px 0 0;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.indexD ul li{width:100%;margin:20px 0 0;}
.indexD ul li .txt{padding:20px;}

.indexE{padding:30px 0;}
.indexE .tit h3{font-size:24px;}
.indexE .tit a{border-radius:15px;padding:10px 25px;}
.indexE ul{margin:20px 0 0;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.indexE ul li{width:48%;margin:10px 0 0;}
.indexE ul li .pic{height:auto;padding-bottom:31.5%;}
.indexE ul li .pic img{top:0;}

  .indexF ul li .box{
    min-height: 245px;
  }
   .indexF .tit a {
    border-radius: 15px;
    padding: 10px 20px;
	white-space: nowrap;
  }
  
  

}


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

.main{padding-top:25px;padding-bottom:30px;}

.path{padding:20px 10px 0;display:block;}
.path p{color:#555;font-size:15px;}
.path p i{margin:0 5px 0 0;font-size:14px;color:#555;}
.path p a:hover{color:#16298C;}

.path ul{margin:20px 0 0;text-align:center;}
.path ul li{margin:0 5px;}

.rtit{margin-bottom:25px;}
.rtit h1{font-size:26px;}

.main-left{float:none;width:100%;}
.main-right{margin:20px 0 0;}

.main-left h3{height:50px;line-height:50px;font-size:18px;}
.main-left h3::after{display:block;}

.sidemenu{margin:0 0 20px;}
.sidemenu > ul{display:none;}
.sidemenu > ul > li h5{height:40px;line-height:40px;}
.sidemenu > ul > li ul li{line-height:22px;}
.sidemenu > ul > li ul li a{padding:9px 10px 9px 45px;}


.about{padding:30px 0 30px;}
.about h3,.about h1{font-size:30px;}
.about .box{margin-top:25px;}
.about .pic{margin:0 15px 15px 0;}
.about .t{font-size:15px;line-height:24px;}

.about2{padding:30px 0;}
.about2 ul li{width:50%;margin:10px 0;-webkit-flex:none;flex:none;}
.about2 ul li:nth-child(2)::after{display:none;}
.about2 ul li h6{font-size:40px;}
.about2 ul li p{font-size:16px;}

.cert-list{padding:30px 0;}
.cert-list .list{margin-top:25px;}
.cert-list .swiper-button-prev,.cert-list .swiper-button-next{display:none;}
.cert-list .swiper-pagination{display:block;}

.rd{padding:30px 0;}
.rd .wp{display:block;}
.rd .txt{margin-right:0;}
.rd .txt h3,.rd .txt h1{font-size:26px;text-align:center;}
.rd .txt h3::after,.rd .txt h3::after{width:40px;margin:15px auto 0;}
.rd .txt .t{margin:15px 0 0;font-size:15px;line-height:24px;}
.rd .pic{width:100%;margin:15px 0 0;}

.rd2{padding:30px 0;}
.rd2 .tit h3{font-size:26px;}
.rd2 .tit p{line-height:24px;}
.rd2 .list{margin-top:25px;display:block;}
.rd2 .list p{line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.rd2 ul li{width:calc(50% - 5px);margin:10px 0 0;}
.rd2 .bpic{width:100%;margin:0 auto;}

.rd3{padding:30px 0;}
.rd3 .tit h3{font-size:26px;}
.rd3 .tit p{line-height:24px;}
.rd3 .tit p span{font-size:17px;}
.rd3 ul{margin:15px 0 0;}
.rd3 ul li{width:48%;box-shadow:0 0 15px 0 #e1dddd;margin:15px 0 0;}
.rd3 ul li p{font-size:15px;line-height:36px;height:36px;}


.quality h3,.quality h1{font-size:26px;}
.quality .t{margin:15px 0 0;font-size:15px;line-height:24px;}
.quality h6{font-size:16px;margin:20px 0 15px;padding:15px 25px;line-height:26px;}
.quality .list p{height:50px;line-height:50px;padding:0 15px;}
.quality .list p i{font-size:22px;padding-right:7px;}
.quality .list ul li{margin-top:15px;}

.qcbox1 ul li:nth-child(1){width:100%;}
.qcbox1 ul li:nth-child(2){width:100%;}
.qcbox1 ul li:nth-child(3),.qcbox1 ul li:nth-child(4),.qcbox1 ul li:nth-child(5){width:49%;}
.qcbox1 ul li:nth-child(6){width:100%;}
.qcbox1 ul li:nth-child(7){width:100%;}

.qcbox2 ul li:nth-child(1){width:100%;}
.qcbox2 ul li:nth-child(2){width:100%;}
.qcbox2 ul li:nth-child(3),.qcbox2 ul li:nth-child(4),.qcbox2 ul li:nth-child(5){width:49%;}
.qcbox2 ul li:nth-child(6){width:100%;}
.qcbox2 ul li:nth-child(7){width:100%;}
.qcbox2 ul li:nth-child(8){width:100%;}
.qcbox2 ul li:nth-child(9){width:49%;}
.qcbox2 ul li:nth-child(10){width:49%;}
.qcbox2 ul li:nth-child(11){width:100%;}

.cert-list{padding:0;}
.cert-list h3,.cert-list h1{font-size:26px;}
.cert-list ul{margin:10px 0 0 -2%;}
.cert-list ul li{margin:20px 0 0 2%;width:48%;box-shadow:0 0 15px 0 #e1dddd;}
.cert-list ul li p{font-size:15px;line-height:20px;height:50px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}

.factory{padding:0;}
.factory h3,.factory h1{font-size:26px;}
.factory ul{margin:10px 0 0 -2%;}
.factory ul li{margin:20px 0 0 2%;width:48%;box-shadow:0 0 15px 0 #e1dddd;}
.factory ul li p{font-size:15px;line-height:36px;height:36px;}

.newslist ul li{padding:15px;box-shadow: 0px 0px 15px 0px #eaeaea;}
.newslist ul li+li{margin-top:15px;}
.newslist ul li .date{width:80px;}
.newslist ul li .date em{font-size:22px;}

.newslist ul li .t{margin:0 0 0 15px;}
.newslist ul li .t h5{font-size:16px;}

.newsnr h1{font-size:18px;}
.newsnr .artInfo span{margin:0 5px;font-size:13px;}
.myart{line-height:24px;font-size:14px;}

.pnbar{margin-top:25px;}
.pnbar p a{min-width:0;padding:0 20px;font-size:15px;margin-right:0;}
.pnbar p a+a{margin-left:10px;}
.pnbar p a img{margin-right:6px;}


.pro-list ul li{width:48%;margin:0 0 20px 2%;}
.pro-list ul li h6 a{font-size:16px;padding:0 7px;}


.pro_view{-webkit-flex-direction:column;flex-direction:column;}

.pro_img{margin:0 auto;}
.pro_view_inner{margin:25px 0 0;}

.pro_view_inner h1{font-size:18px;margin:0;text-align:center;}
.pro_view_inner .t{margin:20px 0 0 0;}
.pro_view_inner .t h5{float:left;color:#333;font-size:16px;}
.pro_view_inner .t span{float:right;color:#666;font-size:16px;}

.pro_view_inner .tools{text-align:center;margin:20px 0 0;}
.pro_view_inner .tools .book{width:120px;font-size:15px;display:inline-block;}
.pro_view_inner .tools .tel{margin-left:10px;padding:0 20px;font-size:15px;}

.pro_text{margin:20px 0 0;}
.pro_text .tit h5{padding:0 15px;height:42px;line-height:42px;font-size:15px;}


.pro-content{font-size:15px;line-height:22px;padding:15px 0 0;}

.pro-inquiry{margin-top:25px;}
.pro-inquiry .tit h5{border-left:2px solid #16298C;padding:0 0 0 13px;font-size:17px;}
.pro-inquiry .inquirbox{padding:15px 13px 5px;}

.related-pro{margin-top:25px;}
.related-pro .tit h5{border-left:2px solid #16298C;padding:0 0 0 13px;height:25px;line-height:25px;font-size:17px;}
.related-pro ul li{width:48%;}

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

.contact h3,.contact h1{font-size:26px;margin-bottom: 15px;}
.contact p{font-size:20px;margin:10px 0 0;}

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

.contact-inquiry{margin:30px 0 0;}
.contact-inquiry h3{font-size:26px;}
.contact-inquiry p{font-size:15px;}
.contact-inquiry .inquirbox{margin:25px 0 0;}
.contact-inquiry .inquirbox .row{margin-bottom:0;}

.contact {padding: 20px;margin-bottom: 20px;}
.contact img {display: block;margin: 0 auto 10px;height:70px;}
.contact-top {margin-left: 0;}

.contact ul li p:first-child {width: 100%;}
.contact ul li p {width: 48%;padding: 5px 10px;}
  
  .indexF .time em{font-size: 20px;}  
.indexF .time span{font-size: 15px;}
.indexF .txt h5{font-size: 18px;}
  .indexF .txt p{font-size: 15px;}
  .indexF .txt .more{font-size: 15px; }

.rd .txt h1::after{
	margin:5px auto;
}

}

@media screen and (max-width:600px) {
	
#banner .swiper-slide .txt p{font-size:18px;line-height:1.4;}

#banner .swiper-slide .txt1 h4{font-size:30px;}
#banner .swiper-slide .txt1 p{margin:12px 0 0;}

#banner .swiper-slide .txt2 h4{font-size:30px;}
#banner .swiper-slide .txt2 p{margin:12px 0 0;}

#banner .swiper-slide .txt3 .t{padding-bottom:30px;}
#banner .swiper-slide .txt3 h4{font-size:22px;}
#banner .swiper-slide .txt3 p{margin:12px 0 0;}

#banner .swiper-slide .txt4{padding:0 0 40px;}
#banner .swiper-slide .txt4 h4{font-size:30px;}
  
  
  .contact ul li p {width: 48%;padding: 5px 10px;font-size:17px;}
  
  .indexF .time em{font-size: 20px;}  
.indexF .time span{font-size: 15px;}
.indexF .txt h5{font-size: 18px;}
  .indexF .txt p{font-size: 15px;}
  .indexF .txt .more{font-size: 15px; }
  .indexF ul li{
    width: 100%;
  }

}


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

#banner .swiper-slide .txt p{font-size:16px;line-height:1.2;}
#banner .swiper-slide .txt1 h4{font-size:24px;}
#banner .swiper-slide .txt1 p{margin:10px 0 0;}

#banner .swiper-slide .txt2 h4{font-size:24px;}
#banner .swiper-slide .txt2 p{margin:10px 0 0;}

#banner .swiper-slide .txt3 .t{padding-bottom:30px;}
#banner .swiper-slide .txt3 h4{font-size:20px;}
#banner .swiper-slide .txt3 p{margin:10px 0 0;}

#banner .swiper-slide .txt4{padding:0 0 40px;}
#banner .swiper-slide .txt4 h4{font-size:24px;}




.drop-left img{width:250px;}
.drop-right h1,.drop-right h5{font-size:20px;}


.indexabout h3,.indexB .bpic .t h3,.indexB .tit h3,.indexA h3,.indexC h3,.indexD .tit h3,.indexE .tit h3{font-size:22px;}

.indexC .swiper-slide .txt h5{font-size:20px;}


.pro_img{width:100%;}
.pro_img .preview .swiper-slide{width:50px;margin:0 2px;}



.about h3,.about h1,.rd .txt h3,.rd .txt h1,.rd2 .tit h3,.rd3 .tit h3,.quality h3,.quality h1,.cert-list h3,.cert-list h1,.factory h3,.factory h1{font-size:22px;}

.contact h3,.contact h1{font-size:22px;}
.contact p{font-size:16px;}
  
  .indexF .time em{font-size: 20px;}  
.indexF .time span{font-size: 15px;}
.indexF .txt h5{font-size: 18px;}
  .indexF .txt p{font-size: 15px;}
  .indexF .txt .more{font-size: 15px; }
  .indexF ul li{
    width: 100%;
  }
  
  .pro-list ul li h6 a{overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
}

}

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

#banner .swiper-slide .txt p{font-size:15px;line-height:1.2;}
#banner .swiper-slide .txt1 h4{font-size:22px;}
#banner .swiper-slide .txt1 p{margin:8px 0 0;}

#banner .swiper-slide .txt2 h4{font-size:22px;}
#banner .swiper-slide .txt2 p{margin:8px 0 0;}

#banner .swiper-slide .txt3 h4{font-size:18px;}
#banner .swiper-slide .txt3 p{margin:8px 0 0;}

#banner .swiper-slide .txt4 h4{font-size:22px;}

.cert-list ul{margin:0;}
.cert-list ul li{margin:20px 0 0;width:100%;}

.factory ul{margin:0;}
.factory ul li{margin:20px 0 0;width:100%;}

.pro-list ul{margin:0;}
.pro-list ul li{float:none;width:100%;margin:0 0 15px;}

.qcbox1 ul li:nth-child(3), .qcbox1 ul li:nth-child(4), .qcbox1 ul li:nth-child(5){width:100%;}
.qcbox2 ul li:nth-child(3), .qcbox2 ul li:nth-child(4), .qcbox2 ul li:nth-child(5){width:100%;}
.qcbox2 ul li:nth-child(9),.qcbox2 ul li:nth-child(10){width:100%;}


.indexabout h3,.indexB .bpic .t h3,.indexB .tit h3,.indexA h3,.indexC h3,.indexD .tit h3,.indexE .tit h3{font-size:20px;}

.about h3,.about h1,.rd .txt h3,.rd .txt h1,.rd .txt h1,.rd2 .tit h3,.rd3 .tit h3,.quality h3,.quality h1,.cert-list h3,.factory h3,.factory h1{font-size:20px;}
  
.contact ul li p {width: 48%;padding: 5px 10px;font-size:14px;}
  
.indexF .time em{font-size: 20px;}  
.indexF .time span{font-size: 15px;}
.indexF .txt h5{font-size: 18px;}
  .indexF .txt p{font-size: 15px;}
  .indexF .txt .more{font-size: 15px; }
  .indexF ul li{
    width: 100%;
  }
  
  
  .mo-leftmenu{
	  width:75%;
  }
}


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