@charset "utf-8";
@media screen and (max-width:1400px){
.header .wp{padding:0 30px;}
.nav{margin:0 40px 0 0;}
.nav ul li > a{font-size:15px;padding:0 15px;}
.nav ul li > dl dd a{padding:0 30px 0 15px;font-size:15px;}
#banner .tab-content .box img {width: auto;height: 100%;object-fit: cover;}

}


@media screen and (max-width:1280px){
	
.certlist .list .swiper-button-prev, .certlist .list .swiper-button-next {display: none;}
.certlist .list .swiper-pagination-bullets{display:block;}

.honor .list .swiper-button-prev, .honor .list .swiper-button-next {display: none;}
.honor .list .swiper-pagination-bullets{display:block;}

.tech-1 .list .swiper-button-prev, .tech-1 .list .swiper-button-next {display: none;}
.tech-1 .list .swiper-pagination-bullets{display:block;}

.hr-4 .list .swiper-button-prev, .hr-4 .list .swiper-button-next {display: none;}
.hr-4 .list .swiper-pagination-bullets{display:block;}

.culture-2 .swiper-button-prev, .culture-2 .swiper-button-next {display: none;}
.culture-2 .list .swiper-pagination-bullets {display: block;}

.zeren-3 .swiper-button-prev, .zeren-3 .swiper-button-next {display: none;}
.zeren-3 .list .swiper-pagination-bullets {display: block;}

.history .swiper-button-prev, .history .swiper-button-next {display: none;}
.history .swiper-pagination-bullets{width:100%;display: block;}
}

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

#top{height:50px;line-height:50px;}
#top .wp{padding:0;}
#top span{display:none;}
#top span.mo-header-menu,#top span.mo-header-search{display:block;border-left:none;}

.header{height:auto;padding:20px 0;position:static;}
.header .logo{float:none;margin:0;text-align:center;}

.header-lang{position:absolute;float:none;right:0;margin:0 10px 0 0;top:-60px;}

#banner img{width:100%;}
#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{width:10px;border-radius:50%;}

#footer{padding:30px 0 60px 0;}
#footer h5{text-align:center;}

#footer .logo{float:none;margin:0 0 0 0;width:100%;}
#footer .logo img{width:100%;display:block;margin:0 0 15px 0;}
#footer .logo p{font-size:14px;line-height:20px;}

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

#footer .foot-contact{float:none;width:100%;margin:30px 0 0;}
#footer .foot-contact p{line-height:28px;padding:9px 0 9px 30px;}
#footer .foot-contact p.p1{padding:5px 0 5px 30px;;}
#footer .foot-contact p.p3{background-position:left center;}
#footer .foot-contact p.p1,#footer .foot-contact p.p2,#footer .foot-contact p.p3{background-size:20px 20px;}

}

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

.indexA{padding:0 0 30px;}
.indexA .box{margin:30px 0 0;}
.indexA .box .tab{float:none;width:100%;}
.indexA .box .tab h3{text-align:center;}
.indexA .box .tab h3::after{bottom:-20px;left:50%;margin-left:-30px;}
.indexA .box .tab h4{text-align:center;}
.indexA .box .tab ul{text-align:center;font-size:0;}
.indexA .box .tab ul li{display:inline-block;margin:0 5px;}

.indexA .list{float:none;width:100%;margin:20px 0 0;}
.indexA .swiper-container .swiper-slide .txt h6{text-align:center;}
.indexA .swiper-container .swiper-slide .txt h6 a{font-size:16px;}
.indexA .swiper-container .swiper-slide .txt p{display:none;}

.indexA .swiper-button-prev,.indexA .swiper-button-next{display:none;}

.indexA .getmore{position:static;margin:20px auto 0;}


.indexB{height:auto;padding:30px 20px;box-sizing:border-box;}
.indexB p{float:none;margin:0;width:100%;height:auto;font-size:18px;padding:0 0 0 40px;}
.indexB p span{font-size:20px;margin:10px 0 0;line-height:25px;}

.indexB .btn{float:none;margin:30px 0 0 0;text-align:center;}
.indexB .btn a{float:none;display:inline-block;width:150px;height:40px;line-height:40px;font-size:14px;font-weight:400;vertical-align:middle;}
.indexB .btn a:first-child{margin:0 10px 0 0;line-height:36px;}


.indexC{padding:30px 0;position:relative;}
.indexC .pic{display:none;}

.indexC .txt{float:none;width:100%;}
.indexC .txt h6{padding:0;text-align:center;}
.indexC .txt .year{margin:20px 0 0;text-align:center;}
.indexC .txt .year h5{float:none;width:200px;height:86px;background-size:200px 86px;margin:0 auto;}
.indexC .txt .year span{float:none;margin:15px 0 0;font-size:50px;}
.indexC .txt .year span em{font-size:20px;}
.indexC .txt hr{margin:20px auto 0;}
.indexC .txt .t{margin:20px 0 0;}
.indexC .txt .t p{font-size:16px;line-height:24px;}
.indexC .txt a.more{margin:20px auto 0;}


.indexD{height:auto;padding:30px 20px;}
.indexD h5{font-size:26px;}
.indexD hr{margin:10px auto 0;}
.indexD .sendemail{width:100%;margin:20px auto 0;position:relative;}
.indexD .sendemail .post-text{width:100%;padding:0 100px 0 10px;border-radius:5px;}
.indexD .sendemail .post-btn{width:80px;border-radius:5px;}


.indexE{padding:30px 0;}
.indexE .tit{background:none;padding:0;margin:0 0 30px 0;text-align:center;}

.indexE .indexsolu{float:none;width:100%;}
.indexE .indexsolu ul{margin:0;}
.indexE .indexsolu ul li{float:none;width:100%;margin:0 0 20px;}
.indexE .indexsolu ul li .txt a.more{display:none;}

.indexE .indexnews{float:none;width:100%;margin:20px 0 0;}
.indexE .indexnews ul li{height:auto;margin:20px 0 0;}
.indexE .indexnews ul li .t h5{font-size:16px;}
.indexE .indexnews ul li .t p{height:36px;overflow:hidden;}

.indexE .indexnews .getmore{margin:20px auto 0;width:110px;height:40px;line-height:40px;background:#FF8112;border-radius:3px;display:block;text-align:center;color:#fff;font-size:13px;}


}


@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;}
.sidemenu h3::after{display:block;}
.sidemenu ul{display:none;}
.left_nav h3::after{display:block;}
.left_nav dl{display:none;}

.path{height:auto;padding:30px 0;}
.path h3{font-size:30px;}
.path p{font-size:14px;margin:10px 0 0;}


.history-txt{height:auto;}
.history-txt p{line-height:24px;font-size:15px;}

.about{padding-top:30px;padding-bottom:30px;}
.about .pic{display:none;}
.about .txt{float:none;width:100%;}
.about .txt h3{text-align:center;}
.about .txt hr{margin:20px auto;}
.about .txt p{font-size:15px;line-height:24px;}

.about2{height:auto;padding:30px 0;background-size:cover;}
.about2 .txt{float:none;width:100%;margin:0;}
.about2 .txt h3{text-align:center;}
.about2 .txt ul{margin:15px 0 0;}
.about2 .txt ul li{background:url(../images/dot5.png) no-repeat left 8px;margin:10px 0 0;line-height:24px;}

.about2 .num{float:none;width:100%;margin:20px 0 0;}
.about2 .num ul li{float:none;width:100%;height:auto;padding:15px 0;border-bottom:1px solid #5F6060;}
.about2 .num ul li:last-child{border-bottom:none;}
.about2 .num ul li:nth-child(1),.about2 .num ul li:nth-child(3){border-right:none;}
.about2 .num ul li em{font-size:40px;}

.factory{padding:30px 0;}
.factory hr{margin:10px auto 0;}
.factory .list{margin:30px 0 0;}
.factory .swiper-container .swiper-slide .pic h6{height:40px;line-height:40px;font-size:14px;}
.factory .swiper-button-prev,.factory .swiper-button-next{display:none;}

.about3{padding:30px 0;}
.about3 ul{margin-top:-20px;}
.about3 ul li{float:none;width:100%;margin:20px 0 0;}
.about3 ul li h5{margin:10px 0 0;}
.about3 ul li hr{margin:10px auto 0;}
.about3 ul li p{margin:10px 10px 0;}


.honor{text-align:center;padding:30px 0;}
.honor hr{margin:10px auto 0;}
.honor .list{margin:30px 0 0 0;}

.honor .list .swiper-button-prev,.honor .list .swiper-button-next{width:30px;height:40px;border:1px solid #FF7F0E;margin-top:-20px;background:#FF7F0E;border-radius:0;}
.honor .list .swiper-button-prev,.honor .list .swiper-container-rtl .swiper-button-next{left:0px;}
.honor .list .swiper-button-next,.honor .list .swiper-container-rtl .swiper-button-prev{right:0px;}
.honor .list .swiper-button-prev i,.honor .list .swiper-button-next i{color:#fff;font-size:20px;line-height:40px;}
.honor .list .swiper-button-prev:hover,.honor .list .swiper-button-next:hover{border:1px solid #FF7F0E;}
.honor .list .swiper-button-prev:hover i,.honor .list .swiper-button-next:hover i{color:#fff;}

.partner{padding:30px 0;border-top:1px solid #E2E2E2;}
.partner .list .swiper-button-prev,.partner .list .swiper-button-next{width:25px;height:25px;margin-top:-12px;}
.partner .list .swiper-button-prev,.partner .list .swiper-container-rtl .swiper-button-next{left:0;}
.partner .list .swiper-button-next,.partner .list .swiper-container-rtl .swiper-button-prev{right:0;}
.partner .list .swiper-button-prev i,.partner .list .swiper-button-next i{font-size:18px;line-height:25px;}


.newsnr{padding:0 0 30px 0;}

.productlist ul{margin:0 0 0 -2%;}
.productlist ul li{float:left;width:48%;margin:0 0 15px 2%;}
.productlist ul li .more{margin:10px 0 15px 0;}
.productlist ul li .more a{font-size:15px;}

.pro_img{float:none;width:500px;margin:0 auto;}
.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_tab{height:auto;border-bottom:none;width:100%;position:static !important;}
.pro_tab ul li{border-bottom:1px solid #E8E8E8;border-right:1px solid #E8E8E8;box-sizing:border-box;margin:0;width:50%;line-height:40px;font-size:15px;}
.pro_tab ul li:nth-child(2n){border-right:none;}
.pro_tab ul li.pro_menu_over{border-top:none;background:#FF7F0E;color:#fff;}


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

.pro-scroll .pro-content .qlist li{margin:0 0 15px 0;}
.pro-scroll .pro-content .qlist li img{display:none;}
.pro-scroll .pro-content .qlist li .t{margin:0;}

.news-right{display:none;}
.news-left{float:none;width:100%;}


.newslist ul{margin:-15px 0 0 0;}
.newslist ul li{height:auto;margin:15px 0 0 0;border:1px solid #E7E7E7;padding:10px;overflow:hidden;}

.newslist ul li .pic{width:150px;}
.newslist ul li .t{height:auto;margin:0 0 0 165px;border:none;padding:0;}
.newslist ul li .d{right:auto;left:11px;top:11px;width:60px;height:50px;padding:5px 0 0;}
.newslist ul li .d span{font-size:16px;}
.newslist ul li .d p{font-size:12px;}

.pnbar{margin-top:30px;}
.pnbar p{float:none;width:100%;margin:10px 0 0;line-height:40px;height:40px;font-size:14px;}
.pnbar p:last-child{float:none;}


.stit{padding:20px 0 0 0;}
.stit h3{font-size:36px;line-height:1;}
.stit hr{margin:10px auto 0;}

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

.contact-top{margin:30px 0 0;}
.contact-top ul{margin:0;}
.contact-top ul li{float:none;width:100%;padding:20px 15px;height:auto;text-align:center;border-right:none;border-bottom:1px solid #EBEBEB}
.contact-top ul li p{font-size:17px;}

.contact-top hr{display:none;}

.inquirbox{float:none;width:100%;margin:25px 0 0;}
.inquirbox h4{text-align:center;font-weight:bold;}
.inquirbox hr{margin:15px auto 0;}

.map{float:none;width:100%;}
.map img,.map iframe{width:100%;}

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

.inquirShow{overflow:hidden;}
.inquirShow .row{margin:0;}
.inquirShow dd{margin:10px 0 0 0;}

.faq ul li .con{font-size:13px;line-height:18px;}
.faq ul li .con p{margin:5px 0 0 0;}

}


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

.pro_img{width:100%;}
.view img{width:100%;}

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

.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) {

.newslist ul li .pic{float:none;width:100%;}
.newslist ul li .t{margin:15px 0 0;}
.newslist ul li .d{right:15px;left:auto;}


/*------*/
.productlist ul{margin:0;}
.productlist ul li{float:none;width:100%;margin:0 0 15px 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;}

.rela_list{border-bottom:none;padding:0 0;}
.rela_list li{border-top:none;height:80px;border:1px solid #B4B4B4;margin:10px 0 0 0;padding:0 10px;}
.rela_list .t{float:none;width:100%;height:40px;display:block;text-align:left;background:#fff;color:#333;border-right:none;border-bottom:1px solid #B4B4B4;}
.rela_list a{float:none;margin-left:0;width:100%;}


}

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

h3.tit{font-size:16px;line-height:50px;height:50px;}


}


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