@charset "utf-8";
@media screen and (max-width:1280px) {
    .wp{width: 90%;}
    .header .wp .m-box .contact p{font-size: 15px;}
    .nav > ul > li{margin-right: 15px;}
    .nav > ul > li > a{font-size: 16px;}
    .indexB .v::before{display: none;}
    .indexG .tit h3,.indexD .tit h3,.indexF .tit h3,.indexE .tit h3,.indexA .tit h3{font-size: 40px;}
    .indexG .bot{bottom: 0;}
    .indexG .txt-img .box .txt{top:2%}
    .indexG .txt-img .box .txt p{font-size: 16px;}
    .indexG .txt-img .box .txt h5{font-size: 18px;}

}
@media screen and (max-width:900px) {
  .nav > ul > li{margin-right: 10px;}
  .nav > ul > li > a{padding: 0 10px;}
}
@media screen and (max-width:768px) {
.pc-nav{display: none;}
.wp,.product .wp{width:100%;padding-right:10px;box-sizing:border-box;padding-left:10px;}

.header-right .share,.nav,.search,#gotop{display:none;}

.sitetop,#footBar{display:block;}
.header-right .header-lang{display:block;}
.header-lang{position:absolute;right:10px;top:9px;margin-top: 0;display: block;}
.header-lang .box{height:32px;width:80px;border:1px solid #fff;border-radius:0;}
.header-lang .box img{margin:5px 0 0 5px;border-radius:0;}
.header-lang .box em{margin:5px 5px 0 5px;color:#fff;}
.header-lang .box i{margin:5px 0 0 0;color:#fff;}
.header-lang ul{width:176px;padding:0 5px;top:32px;border:1px solid #ccc;border-radius:0;left: auto;right: 0;}
.header-lang ul li img{margin-right:5px;border-radius:0;}

.header .logo{width:100%;text-align:center;}
.header .logo img{height:80px;}
.header .contact{display: none;}

#banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom:5px;}
#banner .swiper-pagination-bullet{height:12px;width:12px;border:1px solid #fff;margin:0 3px;}
#banner .swiper-pagination-bullet::after{width:6px;height:6px;}


#footer{padding:0;background-color: #0C39A3;background-image: none;}
#footer h5{font-size:20px;margin:0 0 15px;text-align:left;}
#footer .wp{-webkit-flex-direction:column;flex-direction:column;width: 95%;}
#footer .blue-bg{margin-top: 20px;}
.foot-logo{width:100%;text-align:center;}
.foot-logo img{margin-bottom:15px;}
.foot-logo hr{margin:12px 0;}
.foot-logo p{font-size:16px;line-height:22px;padding:0 0 0 35px;text-align:left;}
.foot-logo p.p2{background:url("../images/c2.png") no-repeat left 5px;}
.foot-menu ul{display: flex;flex-wrap: wrap;justify-content: space-around;}
.foot-menu ul li {
    /* display: inline-block;
    margin-left: 20px; */
    font-size: 18px;
    line-height: 24px;
    margin-top: 10px;
    width: 48%;
}

.foot-contact{width:100%;margin-top:20px;}
.foot-contact p{font-size:16px;line-height:22px;text-align:center;}

.foot-contact form{margin:15px 0 0;}
.foot-contact .submit_text{padding:0 10px;font-size:16px;}
.foot-contact .submit_btn{margin:10px 0 0;font-size:18px;}

.foot-contact .share{margin:20px 0 0;}
.foot-contact .share em{font-size:18px;}
.foot-contact .share a{width:30px;height:30px;line-height:30px;}
.foot-contact .share a i{font-size:18px;}

.copyright .wp{padding:15px 0 60px;-webkit-flex-direction:column;flex-direction:column;text-align:center;}
.copyright p{font-size:16px;}


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

.indexC{padding:20px 10px 0;}
.indexC ul{-webkit-flex-direction:column;flex-direction:column;}
.indexC ul li{width:100%;margin:0 0 15px;}
.indexC ul li .t{background:rgba(0,0,0,0.4);padding:0 10px;-webkit-justify-content:center;justify-content:center;}
.indexC ul li .t p{font-size:30px;}
.indexC ul li .t .more{margin:20px 0 0;font-size:16px;width:120px;height:32px;line-height:32px;border-radius:10px;}
.indexC ul li .t .more i{margin-left:6px;font-size:14px;}

.indexA{padding:30px 0;}
.indexA .wp{width: 95%;}
.indexA .tit{justify-content: space-between;}
.indexA .tit h3{font-size:25px;text-align:center;}
.indexA .tit h3::after,.indexA .tit img{display:none;}
.indexA ul{margin:15px 0 0 -2%;}
.indexA ul li{width:48%;margin:15px 0 0 2%;}
.indexA ul li h6{height:70px;}
.indexA ul li h6 a{font-size:18px;}
.indexA .tit .more{height: 40px;line-height: 40px;}

.indexB{padding-bottom:10px;}
.indexB .wp{-webkit-flex-direction:column;flex-direction:column;width: 95%;}
.indexB .txt{margin-right:0;padding-top: 10px;}
.indexB .tit{-webkit-justify-content:center;justify-content:center;}
.indexB .tit h3{font-size:30px;}
.indexB .tit h3::after,.indexB .tit img{display:none;}
.indexB .txt .t{font-size:15px;line-height:22px;margin:20px 0 0;}
.indexB .txt .t p~p{margin-top:10px;}
.indexB .txt .more{margin:20px auto 0;font-size:16px;width:120px;height:32px;line-height:32px;border-radius:10px;}
.indexB .txt .more i{margin-left:6px;font-size:14px;}
.indexB .v{float:none;width:100%;margin:20px 0 0;}
.indexB .v::before{display: none;}

.indexB .wp2{width: 95%;}
.indexB .txt-box{flex-wrap: wrap;margin-top: 13px;}
.indexB .txt-box .item{width: 100%;margin-top: 10px;}


.indexD{padding:30px 0;}
.indexD .tit h3{font-size:30px;}
.indexD .tit hr{width:200px;height:23px;background-size:200px 23px;margin:15px auto 0;}
.indexD .tit p{width: 90%;}
.indexD .list{margin:20px 10px 0;}
.indexD .swiper-slide .t{padding:0 15px;}
.indexD .swiper-slide .t em{font-size:18px;}
.indexD .swiper-slide .t h5{font-size:16px;text-align:center;}
.indexD .swiper-slide .t p{display:none;}
.indexD .swiper-slide .t .more{margin:15px 0 0;font-size:16px;width:120px;height:32px;line-height:32px;border-radius:10px;}
.indexD .swiper-slide .t .more i{margin-left:6px;font-size:14px;}

.indexD .swiper-pagination{margin:20px 0 0;}
.indexD .swiper-pagination-bullet {height:10px;width:10px;margin:0 2px;}

.indexH{background: none;padding: 20px 0;}
.indexH .tit h3{font-size: 30px;}
.indexH ul li{width: 100%;margin-top: 10px;}
  .indexH .index-tit h3{font-size: 30px;}
  .indexH .wp{flex-direction: column;}
  .indexH .index-tit{width: 100%;}

  .indexE .tit h3{font-size: 30px;}
  .indexE ul li{width: 50%;}
  .indexE .tit p,.indexE ul li p{display: none;}
  .indexE ul{margin: 0;}
  .indexE ul li h5{font-size: 18px;}

  .indexF .wp{width: 95%;}
  .indexF .tit h3{font-size: 30px;}
  .indexF .item-box{flex-wrap: wrap;}
  .indexF .item-box .ibox-left{width: 100%;}
  .indexF .item-box .ibox-right{width: 100%;}
  .indexF .item-box .ibox-right img{width: 100%;}
  .indexF .item-box .ibox-left .item{margin-top: 34px;padding: 20px;}
  .indexF .item-box .ibox-left .item h5{font-size: 18px;}
  .indexF .item-box .ibox-left .item::after{height: 70px;}
  .indexF .tit p{width: 90%;}

  .indexG .wp{width: 100%;}
  .indexG .tit h3{font-size: 30px;}
  .indexG .txt-img .box img{width: 100%;}
  .indexG .txt-img .box .txt{position: static;width: 100%;padding: 0;}
  .indexG .txt-img .box .txt h5{text-align: left;}
  .indexG .bot{right: 10px;bottom: 1%;left: auto;}
  .indexG .txt-img .box .txt{opacity: 1;}
  .indexG .txt-img .box .txt p{padding: 10px;}
}


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

.path{height:40px;line-height:40px;}
.path p{font-size:16px;}

.main{padding-top:20px;padding-bottom:25px;}
.main-left{float:none;width:100%;}
.main-right,.product .main-right{margin-left:0;}

.main-left h3{display:block;}
.sidemenu .list,.sidenav ul{display:none;}
.sidenav ul li{line-height:32px;margin-top:5px;}
.sidenav ul li~li{margin-top:5px;}
.sidenav ul li a{padding:0 0 0 15px;font-size:15px;}

.sidemenu h5{margin:5px 0 0;font-size:16px;}
.sidemenu .list > ul > li > a{font-size:15px;}

.case-list ul li{width:31.333333%;margin:0 0 12px 2%;}

.case-list2 ul li{margin:0 0 20px 2%;}
.case-list2 ul li .pic::after{background-size:30px;}
.case-list2 ul li .t{padding:15px;}
.case-list2 ul li .t h5{font-size:16px;}
.case-list2 ul li .t p{font-size:15px;line-height:20px;height:40px;}

.case-list2 ul li:hover img{transform:scale(1.11);-webkit-transform: scale(1.11);}
.case-list2 ul li:hover .pic::after{display:block;}

.casenr h1{font-size:24px;}
.casenr hr{margin:20px 0 0;}

.prolist ul{margin:0 0 0 -2%;}
.prolist ul li{width:48%;margin:0 0 15px 2%;}
.prolist ul li .t{padding:0;}
.prolist ul li .t h6{height:41px;}
.prolist ul li .pic img{height: 230px;}
.prolist ul li .t h6 a{font-size:16px;}
.prolist ul li .t .more{display:none;}

.pro_img{float:none;margin:0 auto;width:450px;}
.pro_view_inner{margin-left:0;}
.pro_view_inner h1{font-size:18px;margin:15px 0 15px;text-align:center;}
.pro_view_inner .pro_para{margin-bottom:15px;line-height:22px;font-size:15px;}
.pro_view_inner .pro_btn{margin-bottom:15px;text-align:center;}
.pro_view_inner .pro_btn .book{width:130px;height:40px;line-height:40px;font-size:16px;}
.pro_view_inner .pro-share{margin:15px 0 0;text-align:center;}

.pro_text{margin:20px 0 0;}
.pro_text .tit{height:40px;}
.pro_text .tit h5{padding:0 15px;height:40px;line-height:40px;font-size:16px;}
.pro-content{padding:15px 15px 10px;font-size:15px;}

.pro-inquiry .tit{height:45px;}
.pro-inquiry .tit h5{border-left:2px solid #E63434;padding:0 0 0 13px;height:25px;line-height:25px;font-size:16px;}

.pro-inquiry{margin:20px 0 0;}
.pro-inquiry .inquirbox{border:1px solid #eee;border-top:none;padding:15px 15px 5px;}

.rela-pro{margin-top:20px;}
.rela-pro .tit{height:40px;line-height:40px;}
.rela-pro .tit h5{font-size:20px;}
.rela-pro ul li{width:48%;padding:5px 5px 0;margin:15px 0 0 2%;}
.rela-pro ul li h6{height:60px;font-size:14px;}
.rela-pro .box{width: 48%;}

.newslist ul{margin:0;}
.newslist ul li{float:none;width:100%;margin:0 0 15px;}
.newslist ul li .t{height:40px;line-height:40px;padding:0 5px;}
.newslist ul li .t h5{font-size:17px;}
.newslist ul li span{padding:10px 10px;font-size:15px;}


.newsnr h1{font-size:26px;}
.artInfo{padding:0 0 15px;}
.artInfo span{margin:0 5px;font-size:14px;}

.myart{margin:15px 0;line-height:22px;font-size:15px;}

.pnbar{margin-top:20px;-webkit-flex-direction:column;flex-direction:column;}
.pnbar p{width:100%;padding:8px 10px;border-radius:5px;font-size:15px;}
.pnbar p:last-child{text-align:left;margin-top:10px;}

.contact{margin:15px 0 0;}
.contact h3{font-size:26px;}
.contact ul{margin:0;-webkit-flex-direction:column;flex-direction:column;}
.contact ul li{width:100%;padding:20px 10px;height:auto;border:none;border-bottom:1px solid #BFBFBF;}
.contact ul li em i{font-size:30px;}
.contact ul li h6{font-size:18px;}
.contact ul li p{margin:10px 0 0;font-size:15px;line-height:22px;height:auto;}

.contact-inquiry{margin:25px 0 0;}
.contact-inquiry h3{font-size:26px;}
.contact-inquiry .inquirbox{margin:20px 0 0;}

.map{margin:25px 0 0;}
.map h3{font-size:26px;margin-bottom:20px;}

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

.inquirbox .row{margin-bottom:0;}
.inquirbox .row > div{margin-bottom:10px;}
.inquirbox .submit{width:120px;line-height:36px;font-size:15px;}

.rtit{margin-bottom:20px;}
.rtit h3{font-size:30px;}

.about{font-size:15px;line-height:22px;}
.about .box{-webkit-flex-direction:column;flex-direction:column;}
.about .box .t{margin:15px 0 0;}
.about .box~.box{margin-top:15px;-webkit-flex-direction:column;flex-direction:column;}
.about .box~.box .t{margin:15px 0 0;}
.about p{margin:0 0 10px;}
.about .row{margin:0 0 10px;}

.cert-list p{font-size:15px;line-height:22px;margin-bottom:15px;}
.cert-list ul{margin-bottom:15px;}
.cert-list ul li{width:48%;margin:0 1%;}
.cert-list ul li p{font-size:16px;}

.history{margin:20px 0 0;}
.history h3{font-size:30px;margin-bottom:20px;}



.factory{padding:30px 0 50px;}
.factory .tit h3{font-size:30px;text-align:center;}
.factory .tit hr{height:2px;margin:15px auto 0;}
.factory .list{margin-top:25px;}
.factory .swiper-button-prev,.factory .swiper-button-next{display:none;}
.factory .swiper-pagination{display:block;}

.faq ul li{margin:0 0 10px;padding:10px;}
.faq ul li:hover{border-left:1px solid #00AEBF;padding-left:10px;}


}




@media screen and (max-width:500px) {
  .header-top .wp {width: 100%;}
.header-top .wp p{font-size: 12px;}

.menu-tabs ul li{margin:0 5px 15px;}
.menu-tabs ul li a{padding:0 18px;}

.newslist ul li{padding:15px 10px;}
.newslist ul li a.pic{float:none;width:250px;margin:0 auto;}
.newslist ul li .t{margin:15px 0 0 0;text-align:center;}

.pro_tab ul li{padding:15px 15px;font-size:14px;}
.indexA{padding: 15px 0;}
.indexA .tit h3{font-size: 18px;}
.indexA .box p{font-size: 16px;}
.indexA .tit .more{width: 125px;font-size: 16px;height: 30px;line-height: 30px;}
.indexA ul li h6 a{font-size: 16px;}
.indexG .txt-img .box .txt{height: 260px;}

}


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



.pro_img{width:100%;}
.pro_img .preview .swiper-slide{width:45px;}

.pro_view_inner .pro_tip p{font-size:15px;}

.pro_view_inner h1{font-size:18px;}
.indexB .txt-box .item{height: 120px;}
.indexE ul li .ico{width: 140px;height: 140px;}


}

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

.indexC ul li .t p,.indexA .tit h3,.indexB .tit h3,.indexD .tit h3,.rtit h3,.history h3{font-size:24px;}
.indexD .swiper-slide .t h5{font-size:20px;}

.newsnr h1{font-size:22px;}

.contact h3,.contact-inquiry h3,.map h3{font-size:22px;}

.honor ul{margin:10px 0 0 0;}
.honor ul li{float:none;width:100%;margin:5px 0 5px 0;}
.prolist ul li .pic img{height: 160px;}

}