@charset "utf-8";


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

.wp{max-width:1300px;}

.indexD .wp{padding:0;}

.indexE ul{margin:50px -15px 0;}
.indexE ul li{padding:0 15px;}

.indexF ul{margin:50px -15px 0;}
.indexF ul li{padding:0 15px;}

.menu-tabs ul li a{font-size:16px;padding:0 30px;}


}

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

.wp{max-width:1200px;}

.nav > ul > li+li{margin-left:25px;}

.index-tit h3{font-size:34px;}

.indexB{padding:50px 0 0;}

.menu-tabs{padding:50px 0 0;}

.project-list ul li .t h5{font-size:18px;}

}

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

.wp{max-width:100%;width:100%;padding-right:40px;box-sizing:border-box;padding-left:40px;}

.header > .wp{height:100px;}

#banner .swiper-slide .txt h5,#banner .swiper-slide .txt h6{font-size:40px;}
#banner .swiper-slide .txt p{font-size:24px;margin:20px auto 0;}

.index-tit h3{font-size:32px;}

.indexB .list .swiper-slide h5{height:60px;line-height:60px;}

.indexD .wp{padding:0 40px;}

.main{padding-top:40px;padding-bottom:50px;}

.service-list ul li .txt p{line-height:1.6;margin:15px 0 0;}

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

.culture4{padding:30px;}

.menu-tabs ul li a{padding:0 20px;}

.newslist ul{margin:0 -10px;}
.newslist ul li{padding:10px;}

.contact-inquiry .inquirbox .row + .row{margin-top:25px;}


}

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

.wp{padding-right:30px;padding-left:30px;}
.culture2 ul li{width:100%;}

.index-tit h3{font-size:30px;}


}

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

.wp{padding-right:20px;padding-left:20px;}
.sitetop span{display:block;}
.sitetop p,.nav,.search{display:none;}
.search{width:220px;}

.header{padding:20px 0;}
.header > .wp{height:auto;}
.header .logo{width:100%;text-align:center;}

.index-tit h3{font-size:28px;}

.contact{margin-top:35px;display:block;}
.contact-info{width:100%;}
.map{width:100%;margin:30px 0 0;}


.newslist ul{margin:0 -15px;}
.newslist ul li{width:50%;padding:15px;}
	
}

@media screen and (max-width:768px){
	
.wp,.wp2{padding-right:10px;padding-left:10px;}
.onlineservice{display:none;}
.sitetop > .wp{padding-left:0;}

#banner .swiper-slide .txt h5,#banner .swiper-slide .txt h6{font-size:30px;}
#banner .swiper-slide .txt p{font-size:20px;margin:15px auto 0;}
#banner .swiper-button-prev,#banner .swiper-button-next{width:40px;height:40px;margin-top:-20px;}
#banner .swiper-button-prev i,#banner .swiper-button-next i{font-size:17px;line-height:40px;}
#banner .swiper-horizontal > .swiper-pagination-bullets{bottom:15px;}
#banner .swiper-pagination-bullet {height:10px;width:10px;}


footer{padding:0 0 25px;}
.foot-logo{padding:20px 0;display:block;text-align:center;}
.foot-logo img:last-child{display:none;}

#footer{padding:25px 0 0;}
#footer h5{font-size:18px;}

.foot-nav{display:none;}
.foot-contact{width:100%;text-align:center;}

.copyright{text-align:center;}
.copyright .wp{display:block;}
.copyright .share{margin:15px 0 0;}
.copyright .share a{width:32px;height:32px;line-height:32px;}

}

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

.index-tit h3,.indexD h3,.indexE h3,.indexF h3{font-size:26px;}

.indexA{padding:30px 0;}
.indexA .list{margin:30px auto 0;width:100%;}
.indexA .swiper-button-prev,.indexA .swiper-button-next{width:40px;height:40px;line-height:40px;margin-top:-20px;}
.indexA .swiper-button-prev i,.indexA .swiper-button-next i{font-size:35px;}
.indexA .swiper-button-prev,.indexA .swiper-container-rtl .swiper-button-next{left:0px;}
.indexA .swiper-button-next,.indexA .swiper-container-rtl .swiper-button-prev{right:0px;}

.indexB{padding:30px 0 0;}
.indexB .list{margin:30px 0 0;}
.indexB .list .swiper-slide h5{font-size:17px;height:50px;line-height:50px;}
.indexB .swiper-button-prev,.indexB .swiper-button-next{width:40px;height:40px;line-height:40px;margin-top:-20px;}
.indexB .swiper-button-prev i,.indexB .swiper-button-next i{font-size:35px;}

.indexC{padding:30px 0;}
.indexC ul{margin:30px 0 0;}
.indexC ul li{width:33.333333%;}

.indexD{padding:30px 0 0;}
.indexD .box{margin-top:25px;padding:30px 0;}
.indexD .wp{padding:0 10px;}
.indexD h4{font-size:18px;text-align:center;}
.indexD h5{font-size:17px;text-align:center;}
.indexD .more{margin:20px auto 0;}
.indexD ul{width:100%;}
.indexD ul li{padding:25px 0;}
.indexD ul li p{font-size:15px;}


.indexE{padding:30px 0 0;}
.indexE ul{margin:20px -10px 0;}
.indexE ul li{width:50%;padding:10px;}
.indexE ul li .txt{padding:15px 15px 0;}
.indexE ul li .txt .more i{font-size:20px;}
.indexE .getmore{margin:25px 0 0;}


.indexF{padding:30px 0;}
.indexF ul{margin:20px -10px 0;}
.indexF ul li{width:50%;padding:10px;}
.indexF ul li .txt{padding:15px;}


.indexG{padding:20px 0;}
.indexG ul{-webkit-justify-content:center;justify-content:center;}
.indexG ul li{-webkit-flex:none;flex:none;width:50%;padding:10px 0;}
.indexG ul li h5{font-size:40px;}
.indexG ul li h5 em{font-size:17px;position:absolute;right:-20px;top:10px;white-space:nowrap;}
.indexG ul li:first-child h5 em{right:-60px;}

}


@media screen and (max-width:768px) {
	
.sidebanner h1,.sidebanner h2{font-size:30px;}

.menu-tabs{padding:25px 0 0;}
.menu-tabs ul{font-size:0;}
.menu-tabs ul li{height:36px;line-height:36px;margin:0 5px 10px;}
.menu-tabs ul li + li{margin-left:5px;}
.menu-tabs ul li a{font-size:15px;padding:0 20px;}

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

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

.main-left h3{padding: 0 0 0 15px;}
.main-left h3::after{display:block;}
.sidenav ul{display:none;}
.sidenav ul li{padding:10px 40px 10px 15px;}
.sidenav ul li a{font-size:15px;}


.about em{font-size:60px;}
.about h1{font-size:26px;}
.about .txt{font-size:16px;line-height:24px;}
.about .txt p ~ p{margin-top:15px;}

.about2{padding:30px 0;margin-top:30px;}
.about2 > p{font-size:17px;line-height:24px;}

.about3{margin:10px 0 0;}
.about3 ul li{display:block;padding:20px 0;}
.about3 ul li .pic{width:100%;}
.about3 ul li .txt{margin:20px 0 0;}
.about3 ul li .txt h5{font-size:20px;text-align:center;}
.about3 ul li .txt h5::after{margin:15px auto 0;}
.about3 ul li:nth-child(2n+1) .txt{margin:20px 0 0;}

.history h2{font-size:26px;}
.history .box{display:block;margin:30px 0 0;}
.history .pic{width:100%;}
.history .txt{margin:0;padding:20px 10px;line-height:26px}
.history .txt p~p{margin-top:10px;}

.history2{margin:30px 0 0;}
.history2 ul li{display:block;padding:20px 0;}
.history2 ul li .pic{width:100%;}
.history2 ul li .txt{margin:20px 0 0;text-align:center;}
.history2 ul li .txt h5{font-size:20px;}
.history2 ul li .txt p{margin:15px 0 0;line-height:24px;}
.history2 ul li:nth-child(2n) .txt{margin:20px 0 0;}

.cert-list~.cert-list{margin-top:20px;}
.cert-list h5{font-size:18px;padding:0 15px;}
.cert-list .list{padding:15px;}
.cert-list ul{margin:-10px -10px 0;}
.cert-list ul li{width:50%;padding:10px;}
.cert-list ul li .box{padding:6px;}
.cert-list ul li p{padding:10px 0 4px;font-size:15px;}

.cert-list .getmore a{line-height:50px;font-size:17px;}

.factory h5{font-size:18px;}
.factory h5~h5{margin-top:20px;}


.culture{font-size:16px;line-height:24px;}
.culture p~p{margin-top:8px;}
.culture p img{max-width:80%;}
.culture2{padding:0 0 30px;margin-top:30px;}
.culture2 ul {flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.culture2 ul li{width:100%;padding:15px 10px;background:#F0F0F0;}
.culture2 ul li+li{margin-top:15px;}
.culture2 ul li h5{font-size:30px;}

.culture3 em{font-size:50px;}
.culture3 h3{font-size:26px;}
.culture3 .txt{line-height:24px;}
.culture3 .txt p~p{margin-top:10px;}

.culture4{margin-top:30px;padding:0;display:block;background:none;}
.culture4 .left{width:100%;display:block;}
.culture4 .left .tit{width:100%;padding:20px 0;}
.culture4 .left .tit h5{font-size:22px;}
.culture4 .left .tit p{font-size:17px;margin:15px 0 0;}
.culture4 .left .txt{width:100%;background:#fff;padding:15px;}
.culture4 .left .txt h6{font-size:28px;text-align:center;}
.culture4 .left .txt p{line-height:24px;margin:15px 0 0;}

.culture4 .right{width:100%;margin-left:0;background:#fff;text-align:center;}
.culture4 .right p{color:#595959;font-size:16px;padding:13px 20px;line-height:28px;}
.culture4 .right p:nth-child(2n+1){background:#F6F6F6;}

.service-list ul{margin-top:-20px;}
.service-list ul li{display:block;padding:20px 0;border-bottom:1px solid #f0f0f0;}
.service-list ul li + li{margin-top:0;}
.service-list ul li .pic{width:100%;}
.service-list ul li .txt{margin:20px 0 0;}
.service-list ul li .txt h5{font-size:22px;text-align:center;}
.service-list ul li .txt .more{display:none;}


.project-list ul{margin:0 -10px;}
.project-list ul li{width:50%;padding:10px;}
.project-list ul li .t h5{font-size:17px;}

.pro-list ul{margin:0 -10px;}
.pro-list ul li{width:50%;padding:10px;}

.pro_view h1{font-size:24px;}

.pro_img{width:100%;margin:20px auto 0;}
.pro_img .view .arrow-left{left:0;}
.pro_img .view .arrow-right{right:0;}

.pro_view_inner{margin:20px 0 0;}
.pro_view_inner h1{text-align:center;}

.pro_tab{margin-top:40px;}
.pro_tab ul li + li{margin-left:20px;}
.pro_tab ul li{height:40px;line-height:38px;font-size:17px;}

.pro-scroll{margin:20px 0 0;}

.pro-video{margin-top:30px;}
.pro-video video{width:100%;}

.pro-down{margin-top:30px;}
.pro-down .list ul li{width:100%;padding:12px 0;}

.pro-content{line-height:24px;padding:0;}
.pro-content h5{font-size:20px;}


.newslist ul{margin:0 -10px;}
.newslist ul li{width:50%;padding:10px;}
.newslist ul li .bot{display:none;}
.newslist ul li .pic{height:auto;}
.newslist ul li .pic img{height:260px;}
.newslist ul li .t{position:static;padding:15px 10px;}
.newslist ul li .t .time{font-size:20px;}
.newslist ul li .t h5{font-size:18px;}
.newslist ul li .t p{margin-top:10px;-webkit-line-clamp:2;}

.videolist ul li {width: 50%;}

.newsnr h1{font-size:28px;margin:0;}
.newsnr .artInfo span{margin:0 5px;font-size:13px;}

.myart{margin:15px 0 0;line-height:24px;font-size:15px;}
.myart p{margin-bottom:8px;}
.myart table{font-size:16px;}

.pnbar{margin-top:25px;}
.pnbar p{font-size:15px;}

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

.contact-info h5{font-size:22px;text-align:center;}
.contact-info > p{font-size:15px;}
.contact-inquiry .inquirbox .row + .row{margin-top:0;}




}

@media screen and (max-width:576px) {
.sidebanner{height:190px;}
#banner .swiper-slide .txt h5,#banner .swiper-slide .txt h6{font-size:26px;}
#banner .swiper-slide .txt p{font-size:17px;}

.index-tit h3, .indexD h3, .indexE h3, .indexF h3{font-size:24px;}

.indexA .list .swiper-slide h5{font-size:18px;margin:15px 0 0;}
.indexB .index-tit{padding:0 10px;}

.indexD .box{background-size:cover;}
.indexD ul li{width:50%;padding:15px 0;}
.indexD ul li p{margin:10px 0 0;}
.indexD .t{line-height:22px;}
.indexD .t p ~ p{margin-top:7px;}

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

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

}


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

#banner .swiper-slide .txt h5,#banner .swiper-slide .txt h6{font-size:24px;}
#banner .swiper-slide .txt p{font-size:16px;}
#banner .swiper-button-prev,#banner .swiper-button-next{display:none;}
.sidebanner{height:160px;}

.index-tit h3, .indexD h3, .indexE h3, .indexF h3{font-size:22px;}

.indexC ul li{width:50%;}

.indexE ul li{width:100%;}
.indexE ul li .txt{padding:10px;}
.indexE ul li .txt p{height:auto;margin:10px 0 0;}
.indexE ul li .txt .more{display:none;}
.indexE .getmore{margin:15px 0 0;}

.indexF ul li{width:100%;}
.indexF ul li .txt{padding:10px;}
.indexF ul li .txt p{margin:10px 0 0;height:auto;}

.indexG ul li h5{font-size:34px;}

.sidebanner h1,.sidebanner h2{font-size:26px;}

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

.pro_tab ul li + li{margin-left:10px;}
.pro_tab ul li{height:36px;line-height:34px;font-size:16px;}

.pro_view h1{font-size:22px;padding-bottom:15px;}
.pro_img .view .arrow-left i,.pro_img .view .arrow-right i{font-size:30px;}


.pro-down .tabs ul li {	line-height: 22px;font-size: 14px;padding: 0 5px;white-space: break-spaces;display: block;}
.pro-down .list ul li {	display: block;}
.pro-down .list ul li h5 {font-size: 16px;}
.pro-down .list ul li .r {margin-top: 10px;}

.cert-list ul li {width: 100%;}
.cert-list ul li a {height: auto;}

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

.newslist ul li{padding:10px;width: 100%;}
.newslist ul li .pic{width:100%;}
.newslist ul li .t h5{font-size:18px;}
.newslist ul li .t p{font-size:16px;}

.videolist ul li {width: 100%;}

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

.contact-info h5{font-size:18px;}

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

.about2 ul li h5{font-size:40px;}

.culture2 ul li h5{font-size:26px;}
.culture3 em{font-size:40px;}
.culture4 .left .txt h6{font-size:24px;}

.main .rtit h3{font-size:22px;}

.service-list ul li .txt h5{font-size:20px;}

}

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

.header .logo img{height:60px;}
.foot-logo img{height:40px;}

.indexabout .tit h3,.indexB .tit h3,.indexA .tit h3{font-size:20px;}

.indexB dl dd{margin:15px 0 0;}

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

.videolist ul{margin:0;}
.videolist ul li{float:none;width:100%;margin:0 0 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 ul li{width:60px;margin:0 2px;}

}


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