@charset "utf-8";

@media screen and (max-width:1680px){
	
.nav > ul > li + li{margin-left:35px;}

}

@media screen and (max-width:1550px){
 
.wp{width:1300px;}
.nav > ul > li + li{margin-left:30px;}

.header-right .quote{margin-left:35px;width:160px;}

.indexD .t,.indexF .t{width:635px;}

.pro_tab.scroll-top{width:1300px;}

.video-list ul li .t h5 {font-size: 16px;}

}


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


.nav > ul > li+li{margin-left:30px;}
.header-right .quote{width:150px;height:40px;line-height:40px;}

.foot-top{padding:70px 0 40px;}
.foot-nav{width:300px;}
.foot-list{width:400px;}
.foot-form{width:450px;}
.foot-form .submit_text{height:58px;line-height:58px;padding:0 20px;}
.foot-form .submit_btn{width:120px;height:58px;}

.indexD .t,.indexF .t{width:560px;}

.indexA ul li h5{font-size: 17px;line-height:27px;}

.pro-index5 .t{width:600px;}

.pro_tab.scroll-top{width:1200px;}

.pro-index-foot .info ul li{padding:25px 35px;}
.pro-index-foot .info ul li + li{margin-top:20px;}


}


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

.wp{width:1200px;}
.nav > ul > li > a{font-size:17px;}
.nav > ul > li + li{margin-left:20px;}
.header-right .quote{width:140px;margin-left:30px;}

.foot-form{width:400px;}

.indexA .t h3::before,.indexD .tit h4,.indexC h5::after,.indexE .txt h3::before,.indexF .tit h4{font-size:90px;}
.about h3::before,.about2 h5::after,.about3 h3::before,.history h3::before,.factory h3::before,.pro-index2 .tit h4,.pro-index5 .tit h4,.app-list h3::before,.pro-list .tit h4,.pro-list3 .tit h4,.pro-index4 h5::after{font-size:90px;}
.indexA .t h3,.indexD .t h3,.indexE .txt h3,.indexF .t h3,.indexC h3,.indexF .tit h3{font-size:38px;}
.about h3,.about3 h3,.history h3,.factory h3,.app-list h3{font-size:38px;}

#banner .swiper-slide .txt h5{font-size:52px;}

.more1{padding:0 35px;}

.indexD .t,.indexF .t,.pro-list .t,.pro-list2 .t,.pro-list3 .t,.pro-index2 .t,.pro-index3 .t,.pro-index6 .t{width:540px;}
.indexB h5,.indexC h5,.about2 h5{font-size:32px;}

.pro-index1 .txt h3,.pro-index2 .t h3,.pro-index3 .t h3,.pro-index5 .t h3,.pro-index6 .t h3,.pro-index4 h5{font-size:30px;}

.pro-index1 .txt h3::after {margin: 15px auto 0 0;}

.pro-index1 .txt{margin-left:90px;}
.pro-index1 .txt h3 {line-height: 1.2;}
.pro-index1 .txt .t {line-height: 28px;margin: 15px 0 0;}

.join2 .txt {padding: 0 20px;}
.join2 .txt h3 {font-size: 21px;margin-bottom: 5px;}
.join2 .txt h3 ~ h3 {margin-top: 10px;}
.join2 .txt p {line-height: 22px;}


.indexC ul {margin: 30px -15px 0;}
.indexC ul li h5 {font-size: 54px;}

.indexE .txt ul li {padding: 20px 0;}

.indexF .swiper-slide h5{font-size:19px;line-height:28px;}

.main{padding-top:80px;padding-bottom:80px;}
.sidebanner .txt h1,.sidebanner .txt h3{font-size:34px;}

.global .txt h4::before{font-size:150px;}

.contact::before{top:calc(50% - 80px);font-size:160px;}
.contact-info{margin-right:100px;}

.about{padding:110px 0 40px;}
.about2 ul{margin:100px 0 0;}


.pro-list-banner .box{padding:50px 90px 45px;}

.pro-index-foot .info{margin-right:80px;}
.pro-index-foot .info h4{font-size:22px;}

.pro-index5 .top{display:block;}
.pro-index5 .t{width:100%;}
.pro-index5 .top .txt{margin:30px 0 0;}
.pro-index5 .top .txt ul li{padding:25px 25px 25px 70px;}
.pro-index5 .top .txt ul li p{line-height:27px;}

.join .top h1 {font-size: 42px;line-height: 52px;}
.join2 .txt h2 {font-size: 30px;line-height: 38px;}

}

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

.wp{width:100%;padding-right:70px;padding-left:70px;}
.pro_tab.scroll-top{width:calc(100% - 140px);}

#banner .swiper-slide .txt h5{font-size:48px;}

.indexA .t h3::before,.indexD .tit h4,.indexC h5::after,.indexE .txt h3::before,.indexF .tit h4{font-size:80px;}
.about h3::before,.about2 h5::after,.about3 h3::before,.history h3::before,.factory h3::before,.pro-index2 .tit h4,.pro-index5 .tit h4,.app-list h3::before,.pro-list .tit h4,.pro-list3 .tit h4,.pro-index4 h5::after{font-size:80px;}
.indexA .t h3,.indexD .t h3,.indexE .txt h3,.indexF .t h3,.indexC h3,.indexF .tit h3{font-size:36px;}
.indexB h5,.indexC h5,.about2 h5{font-size:30px;}

.indexD .t,.indexF .t,.pro-list .t,.pro-list2 .t,.pro-list3 .t,.pro-index2 .t,.pro-index3 .t,.pro-index6 .t{width:520px;}
.indexD .tit,.indexF .tit,.pro-index2 .tit,.pro-list .tit,.pro-list3 .tit,.pro-index5 .tit{height:65px;}


.indexA{padding:110px 0 20px;}
.indexA .t{width:615px;}


.indexC ul li h5 {font-size: 48px;}

.indexD ul{margin:50px -20px 0;}
.indexD ul li .txt h6,.pro-list2 ul li .txt h6{font-size:19px;}
.indexD ul li .txt p,.pro-list2 ul li .txt p{line-height:26px;}

.indexE .txt{margin-left:110px;}

.main{padding-top:70px;padding-bottom:70px;}
.sidebanner .txt h1,.sidebanner .txt h3{font-size:32px;}


.about h3,.about3 h3,.history h3,.factory h3,.app-list h3{font-size:36px;}

.about{padding:90px 0 40px;}
.about .txt{margin:30px 0 0;line-height:32px;}
.about .txt * + *{margin-top:30px;}
.about ul li{padding:70px 0 50px;}

.about2 .wp{padding-bottom:70px;}
.about2 h5{margin:40px 0 0;}
.about2 ul{margin:80px 0 0;}
.about2 ul li img{max-width:80%;}
.about2 p{margin:30px 0 0;line-height:32px;}

.about3{padding:80px 0 30px;}
.about3 ul li .box{padding:50px 30px;}
.about3 ul li p{margin:30px 0 0;line-height:32px;}
.about3 dl{margin:60px 0 0;}

.history .box{padding:30px 50px;}
.history .tab ul li{padding:0 0 0 35px;font-size:34px;}
.history .content{margin-left:70px;}
.history .item{line-height:32px;}
.history .item p ~ p{margin-top:25px;}

.pro-list-banner .box{padding:40px 80px 35px;}

.pro_img{width:550px;}
.pro_view_inner{margin-left:60px;}

.pro-inquiry .inquirbox{padding:50px 40px 40px;}


.contact-info{margin-right:70px;}
.contact-info dl{padding:40px 20px;}
.contact-inquiry{padding:55px 45px 35px;}

.pro-index-foot .info{margin-right:70px;}
.pro-index-foot .info h4{font-size:21px;margin-top:25px;}
.pro-index-foot .info ul{margin-top:35px;}
.pro-index-foot .info ul li .txt p{line-height:28px;}

.video-list ul li .t h5 {font-size: 15px;}
}

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

.wp{padding-right:50px;padding-left:50px;}
.pro_tab.scroll-top{width:calc(100% - 100px);}

.sitetop-left p{font-size:15px;}
.logo img{}
.nav > ul > li + li{margin-left:20px;}

#banner .swiper-slide .txt h5{font-size:44px;}

.foot-nav{width:270px;}
.foot-nav ul li,.foot-list ul li{font-size:14px;line-height:30px;}
.foot-form{width:360px;}

.indexA .t h3::before,.indexD .tit h4,.indexC h5::after,.indexE .txt h3::before,.indexF .tit h4{font-size:70px;}
.about h3::before,.about2 h5::after,.about3 h3::before,.history h3::before,.factory h3::before,.pro-index2 .tit h4,.pro-index5 .tit h4,.app-list h3::before,.pro-list .tit h4,.pro-list3 .tit h4,.pro-index4 h5::after{font-size:70px;}
.indexA .t h3,.indexD .t h3,.indexE .txt h3,.indexF .t h3,.indexC h3,.indexF .tit h3{font-size:34px;}
.indexB h5,.indexC h5,.about2 h5{font-size:28px;}
.indexD .tit,.indexF .tit,.pro-index2 .tit,.pro-list .tit,.pro-list3 .tit,.pro-index5 .tit{height:60px;}

.indexA .txt,.indexD .top .txt,.indexF .top .txt{line-height:32px;}

.indexA .t{width:500px;}
.indexD .t,.indexF .t,.pro-list .t,.pro-list2 .t,.pro-list3 .t,.pro-index2 .t,.pro-index3 .t,.pro-index6 .t{width:500px;}

.indexA ul{margin:50px -6px 0;}
.indexA ul li{padding:0 6px;}
.indexA ul li h5{font-size:16px;line-height:25px;}
.indexA .swiper-button-prev, .indexA .swiper-button-next {display:none;}
.indexA .swiper-pagination-bullets {display: block;}

.indexC ul {margin: 20px -15px 0;}
.indexC ul li h5 {font-size: 42px;}

.indexD ul{margin:48px -15px 0;}
.indexD ul li{padding:12px 15px;}
.indexD ul li .txt{padding:0 25px 20px;}
.indexD ul li .txt p{line-height:23px;}
.indexD ul li .txt .more{margin:20px 0 0;}

.indexE .txt{margin-left:90px;}
.indexE .txt ul li {padding: 15px 0;}
.indexE .txt .t p ~ p{margin-top:15px;}
.indexE .txt .t ul{margin:25px 0 0;}
.indexE .txt .t ul li{padding:0 0 0 45px;background-size:30px 16px;}

.about h3,.about3 h3,.history h3,.factory h3,.app-list h3{font-size:34px;}


.main{padding-top:60px;padding-bottom:60px;}
.sidebanner .txt h1,.sidebanner .txt h3{font-size:30px;}

.about2 .wp{padding-bottom:60px;}
.about2 ul{margin:60px 0 0;}
.about2 ul li img{max-width:70%;}

.history .box{padding:30px 30px;}
.history .tab{width:350px;}
.history .tab ul li{padding:0 0 0 25px;font-size:32px;}
.history .content{margin-left:60px;}

.pro-index1 .txt h3,.pro-index2 .t h3,.pro-index3 .t h3,.pro-index5 .t h3,.pro-index6 .t h3,.pro-index4 h5{font-size:26px;}

.pro-index1 .txt h3::after {margin: 10px auto 0 0;}

.pro-index1 .txt{margin-left:70px;}
.pro-index1 .txt h3{line-height:1.2;}
.pro-index1 .txt .t {line-height: 24px;margin: 10px 0 0;font-size: 16px;}
.pro-index1 .txt .t p ~ p{margin-top:20px;}
.pro-index1 .txt .more1{margin:30px 0 0;}

.pro-index-foot .info{margin-right:60px;}
.pro-index-foot .info h4{font-size:20px;}
.pro-index-foot .info ul{margin-top:30px;}
.pro-index-foot .info ul li{padding:25px 30px;}
.pro-index-foot .info ul li .txt p{line-height:26px;}

.pro-list-banner .box{padding:40px 70px 35px;}

.pro-list2 ul li .txt{padding:0 25px 20px;}

.pro-index5 .top .txt ul li .ico{width:70px;left:-35px;}

.pro_view{margin-bottom:50px;}
.pro_img{width:500px;}
.pro_view_inner hr{margin:25px 0;}

.down-list ul{margin:7px -10px 0;}
.down-list ul li{width:33.33333%;padding:15px 10px;}

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

.contact-info dl{padding:30px 15px;}
.contact-inquiry{padding:45px 35px 25px;}

.join .top h1 {font-size: 36px;line-height: 44px;}
.join2 .txt h2 {font-size: 28px;line-height: 34px;}


.pro-listv iframe{width:100%;height: 500px;}        
  
}


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

.wp{padding-right:40px;padding-left:40px;}

.nav{display:none;}
.header-right span.mo-header-menu{display:block;}
.header-right .quote{margin:0 20px 0 0;}

#banner .swiper-slide .txt h5{font-size:40px;}

.indexA .t h3::before,.indexD .tit h4,.indexC h5::after,.indexE .txt h3::before,.indexF .tit h4{font-size:60px;}
.about h3::before,.about2 h5::after,.about3 h3::before,.history h3::before,.factory h3::before,.pro-index2 .tit h4,.pro-index5 .tit h4,.app-list h3::before,.pro-list .tit h4,.pro-list3 .tit h4,.pro-index4 h5::after{font-size:60px;}
.indexA .t h3,.indexD .t h3,.indexE .txt h3,.indexF .t h3,.indexC h3,.indexF .tit h3{font-size:32px;}
.indexD .tit,.indexF .tit,.pro-index2 .tit,.pro-list .tit,.pro-list3 .tit,.pro-index5 .tit{height:50px;}

.indexA .t{width:450px;}
.indexD .t,.indexF .t,.pro-list .t,.pro-list2 .t,.pro-list3 .t,.pro-index2 .t,.pro-index3 .t,.pro-index6 .t{width:480px;}

.indexA .txt,.indexD .top .txt,.indexF .top .txt{line-height:30px;}

.indexA ul{justify-content:center;}
.indexA ul li{width:calc(100% / 3);padding:6px;}

.indexD ul li .txt p{margin:0;}

.indexE .txt .t{margin:25px 0 0;line-height:28px;font-size:16px;}
.indexE .txt .more1{margin:30px 0 0;}


.sidebanner .txt h1,.sidebanner .txt h3{font-size:28px;}

.about h3,.about3 h3,.history h3,.factory h3,.app-list h3{font-size:32px;}

.about3 ul{margin:50px -10px 0;}
.about3 ul li{padding:0 10px;}
.about3 ul li .box{padding:40px 20px;}

.history .box{background-size:cover;margin:60px 0 0;}

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

.pro-index1{padding:60px 0 30px;}

.pro-list-banner .box{padding:40px 60px 35px;}
.pro-list-banner .txt{margin-right:70px;}

.pro_tab_box{display:none;}

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

.global .box{display:block;}
.global .list{width:100%;}
.global .txt{width:100%;text-align:center;}

.project-list ul{margin:-15px -15px 0;}
.project-list ul li{padding:15px;}


}

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

.wp{padding-right:30px;padding-left:30px;}

#banner .swiper-slide .txt h5{font-size:36px;}

.search-box{padding:25px 0;}
.search-box .box{padding:0 55px 0 15px;}
.search-box .close{right:15px;}
.search-box .serchbox{width:100%;}

.indexA .txt,.indexD .top .txt,.indexF .top .txt{line-height:30px;}

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

.foot-nav ul li{width:100%;line-height:28px;}
.foot-list ul li{width:100%;line-height:28px;}

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

.about ul li{width:100%;padding:40px 0;}

.about3 ul{margin:40px -10px 0;justify-content:center;}
.about3 ul li{width:50%;padding:10px;}
.about3 dl{margin:50px 0 0;}
.about3 dl dd:first-child::before,.about3 dl dd::after{top:15px;bottom:15px;}
.about3 dl dd img{max-height:80px;}

.contact{display:block;}
.contact-info{margin-right:0;}
.contact-info dl{padding:20px 15px;}
.contact-inquiry{padding:40px 30px 20px;margin:40px 0 0;width:100%;}

.indexD .t, .indexF .t, .pro-list .t, .pro-list2 .t, .pro-list3 .t, .pro-index2 .t, .pro-index3 .t, .pro-index5 .t, .pro-index6 .t{width:100%;}


.indexA .top{display:block;}
.indexA .t{width:100%;text-align:center;}
.indexA .t h3::before{left: 0;right:0;top:-30px;}
.indexA .t h3::after{margin:10px auto 0;}
.indexA .txt{margin:15px 0 0;line-height:28px;}
.indexA ul{margin:34px -6px 0;}

.indexD .t{text-align:center;}
.indexD .t h3::after{margin:10px auto 0;}
.indexD .top .txt{margin:15px 0 0;line-height:28px;}
.indexD ul{margin:25px -15px 0;}
.indexD ul li .txt{padding:0 20px 18px;}
.indexD ul li .txt .more{display:none;}

.indexD .top{margin:45px 0 0;display:block;}

.indexF .top{margin:45px 0 0;display:block;}
.indexF .t{text-align:center;}
.indexF .t h3::after{margin:10px auto 0;}
.indexF .txt {margin:15px 0 0;line-height:28px;}
.indexF .list{margin:40px 0 0;}


.pro-index1 .box{display:block;}
.pro-index1 .txt{margin-left:0;text-align:center;}
.pro-index1 .txt h3::after{margin:15px auto 0;}
.pro-index1 .pic{width:65%;margin:30px auto 0;}
.pro-index1 .pic::after{display:none;}

.pro-index1 ul li .item{padding:30px 0;}
.pro-index1 ul li h5::before{margin:0 auto 30px 0;}
.pro-index1 ul li p{line-height:26px;margin:25px 0 0;}

.pro-index2 .t,.pro-index3 .t,.pro-index6 .t{width:100%;}

.pro-index2 .top{margin:45px 0 0;display:block;}
.pro-index2 .t{text-align:center;}
.pro-index2 .t h3::after{margin:15px auto 0;}
.pro-index2 .top .txt{margin:15px 0 0;line-height:28px;}

.pro-index2 ul{margin:30px -10px 0;}
.pro-index2 ul li{width: calc(100% / 3);padding:15px 10px;}

.pro-index3 .top{display:block;}
.pro-index3 .t{text-align:center;}
.pro-index3 .t h3::after{margin:15px auto 0;}
.pro-index3 .top .txt{margin:15px 0 0;line-height:28px;}

.pro-index3 ul li{width:50%;padding:15px;}
.pro-index3 ul li:nth-child(2)::after{display:none;}

.pro-index5 .top{margin:45px 0 0;display:block;}
.pro-index5 .t{width:100%;text-align:center;}
.pro-index5 .t h3::after{margin:15px auto 0;}
.pro-index5 .top .txt{margin:30px 0 0 10px;}

.pro-index6 .top{display:block;}
.pro-index6 .t{text-align:center;}
.pro-index6 .t h3::after{margin:15px auto 0;}
.pro-index6 .top .txt{margin:15px 0 0;line-height:28px;}

.pro-index-foot{padding:60px 0;background-size:cover;}
.pro-index-foot .wp{display:block;}
.pro-index-foot .info{margin-right:0;}
.pro-index-foot .info .tit{text-align:center;}
.pro-index-foot .info ul{margin-top:30px;}

.pro-index-inquiry{width:100%;margin:40px 0 0;padding:40px 35px 20px;}

.pro-list-banner .box{padding:40px 40px 35px;}
.pro-list-banner .txt{margin-right:50px;}
.pro-list-banner .txt h2{font-size:23px;line-height:1.2;}

.pro-list .top{margin:40px 0 0;display:block;}
.pro-list .t{text-align:center;}
.pro-list .t h3::after,.pro-list .t h1::after{margin:15px auto 0;}
.pro-list .top .txt{margin:15px 0 0;line-height:28px;}

.pro-list .tab ul li{font-size:18px;}

.pro-list .list ul{margin:30px 0 0;}
.pro-list .list ul li{width:100%;padding:10px 0;}
.pro-list .list ul li .box{display:flex;align-items:center;text-align:left;}
.pro-list .list ul li .pic{width:300px;}
.pro-list .list ul li .tt{flex:1;margin:0 0 0 20px;}
.pro-list .list ul li h5{margin:0;}

.pro-list2 .top{display:block;}
.pro-list2 .t{text-align:center;}
.pro-list2 .t h3::after{margin:15px auto 0;}
.pro-list2 .top .txt{margin:15px 0 0;line-height:28px;}

.pro-list2 ul{margin:35px -10px 0;}
.pro-list2 ul li{padding:15px 10px;}
.pro-list2 ul li .txt{padding:0 20px 18px;}
.pro-list2 ul li .txt .more{display:none;}

.pro-list3 .top{margin:40px 0 0;display:block;}
.pro-list3 .t {text-align:center;}
.pro-list3 .t h3::after{margin:15px auto 0;}
.pro-list3 .top .txt{margin:15px 0 0;line-height:28px;}

.pro-list3 ul{margin:30px 0 0;}
.pro-list3 ul li{width:100%;padding:10px;}


.pro-list .t h3,.pro-list2 .t h3,.pro-list2 .t h3,.pro-list3 .t h3,.pro-list .t h1{font-size:30px;}

.pro_view{display:block;margin-bottom:40px;}
.pro_img{width:600px;margin:0 auto;}
.pro_view_inner{margin:30px 0 0;}
.pro_view_inner h1{font-size:24px;line-height:1;text-align:center;}
.pro_view_inner .pro_btn{text-align:center;}

.pro_text .pro-scroll{padding-top: 40px;}

.rela-pro .bot{width:100%;}

.app-list ul li .txt{padding:0 20px 18px;}
.app-list ul li .txt .more{display:none;}

.app-tit{display:block;margin-bottom:40px;}
.app-tit .txt{margin-right:0;text-align:center;}
.app-tit .txt h1{font-size:30px;}
.app-tit .txt h1::after{margin:15px auto 0;}
.app-tit .txt p{font-size: 17px;line-height:28px;}
.app-tit .pic{width:70%;margin:25px auto 0;text-align:center;}
.app-tit .pic::after{display:none;}

.newslist ul li .pic{width:250px;}
.newslist ul li .t .more {display:none;}
.newslist ul li .t h5{font-size:20px;}

.service ul li{width:100%;padding:40px 30px;}
.service ul li +li{margin-top:15px;}
.global{margin:60px 0 0;}

.down-menus ul li{width:33.33333%;height:60px;line-height:60px;}
.down-menus ul li:not(:last-child)::after{display:none;}

.down-list{margin:45px 0 0;}
.down-list h3{font-size:21px;padding-bottom:20px;}
.down-list ul li a{height:55px;line-height:53px;padding:0 60px 0 10px;}


}




@media screen and (max-width:768px){
	
.wp{padding-right:20px;padding-left:20px;}
.wp3{padding-right:20px;padding-left:20px;}
.sitetop-left p,.header-right,.sitetop-right .share{display:none;}
.sitetop .wp{padding-left:0;}
.sitetop span.mo-header-menu{display:block;}
.header-lang{margin-right:0;}

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

#banner .swiper-slide .txt p{font-size:16px;}
#banner .swiper-slide .txt h5{font-size:30px;margin:20px 0 0;}
#banner .swiper-slide .t,#banner .go-next,#banner .page{display:none;}
#banner .swiper-pagination-bullets{display:block;}

.side-bar {display: none;}

.foot-top{padding:30px 0;}
.foot-nav,.foot-list{display:none;}
#footer{padding:30px 0;display: block;}
.foot-contact {width: 100%;text-align: center;}
.foot-contact p {padding: 28px 0 0 0;}
.foot-contact p.p1{background:url("../images/c11.png") no-repeat center top;}
.foot-contact p.p2{background:url("../images/c12.png") no-repeat center top;}
.foot-contact p.p3{background:url("../images/c13.png") no-repeat center top;}
.foot-contact p.p4{background:url("../images/c14.png") no-repeat center top;}
.foot-contact p.p5{background:url("../images/c15.png") no-repeat center top;}

.foot-form{width:100%;text-align:center;}
.foot-form p{line-height:28px;}
.foot-form .submit_text{height:50px;line-height:50px;padding:0 15px;}
.foot-form .submit_btn{width:100px;height:50px;}

.copyright{padding:0 0 25px;display:block;text-align:center;}
.copyright span{display:block;margin:10px 0 0;}
.copyright p a{margin:0 15px 0 0;}

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

}

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

.more1{padding:0 30px;height:50px;}

.indexA .t h3::before,.indexD .tit h4,.indexC h5::after,.indexE .txt h3::before,.indexF .tit h4{font-size:50px;}
.about h3::before,.about2 h5::after,.about3 h3::before,.history h3::before,.factory h3::before,.pro-index2 .tit h4,.pro-index5 .tit h4,.app-list h3::before,.pro-list .tit h4,.pro-list3 .tit h4,.pro-index4 h5::after{font-size:50px;}
.indexA .t h3,.indexD .t h3,.indexE .txt h3,.indexF .t h3,.indexC h3,.indexF .tit h3{font-size:28px;}
.indexB h5,.indexC h5,.about2 h5{font-size:26px;}
.indexD .tit,.indexF .tit,.pro-index2 .tit,.pro-list .tit,.pro-list3 .tit,.pro-index5 .tit{height:45px;}

.indexA .txt,.indexD .top .txt,.indexF .top .txt{line-height:28px;}

.indexA{padding:35px 0 0;}
.indexA .t h3::before{top:-20px;}
.indexA .t .more1{margin:20px 0 0;}
.indexA .txt{margin:15px 0 0;font-size:16px;}
.indexA ul{margin:24px -6px 0;}
.indexA ul li{width:calc(100% / 2);}

.indexB{padding:35px 0 0;}
.indexB h5{line-height:1.2;}
.indexB .more1{margin:25px 0 0;}

.indexD{padding:40px 0 30px;}
.indexD .top{margin:30px 0 0;}
.indexD .t h3::after{margin:15px auto 0;}
.indexD .t .more1{margin:25px 0 0;}
.indexD .top .txt{margin:15px 0 0;font-size:16px;}

.indexD ul{margin:20px -10px 0;}
.indexD ul li{width:50%;padding:10px;}
.indexD ul li .txt{padding:0 15px 15px;}
.indexD ul li .txt h6{font-size:18px;}

.indexC {padding:20px 0 0;}
.indexC h3 {text-align:center;}
.indexC ul li h5 {font-size: 36px;}
.indexC ul li p {font-size: 16px;line-height: 20px;margin: 10px 0 0;}
.indexC .form-box{width:90%;}
.indexC .submit_text{height:60px;line-height:60px;font-size:16px;padding:0 70px 0 10px;}
.indexC .submit_btn{width:70px;height:60px;}

.indexE{padding:30px 0;}
.indexE .wp{display:block;}
.indexE .pic{width:70%;margin:0 auto;}
.indexE .txt{margin:40px 0 0;text-align:center;}
.indexE .txt h3::before{top:-20px;right:0;}
.indexE .txt h3::after{margin:15px auto 0;}
.indexE .txt .t{line-height:26px;text-align:left;}
.indexE .txt .t p ~ p{margin-top:10px;}

.indexF{padding:10px 0 30px;}
.indexF .top{margin:30px 0 0;}
.indexF .t h3::after{margin:15px auto 0;}
.indexF .t .more1{margin:25px 0 0;}
.indexF .txt{margin:15px 0 0;font-size:16px;}
.indexF .list{margin:30px 0 0;}

.indexF .swiper-slide h5{font-size:17px;line-height:25px;}

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

}


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

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

.sidebanner .txt{text-align:center;}
.sidebanner .txt h1,.sidebanner .txt h3{font-size:24px;}
.sidebanner .txt p{margin:10px 0 0;}

.path{line-height:24px;padding:20px 0;}

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

.about h3,.about3 h3,.history h3,.factory h3,.app-list h3,.pro-index4 h5{font-size:30px;}
.pro-index1 .txt h3, .pro-index2 .t h3, .pro-index3 .t h3, .pro-index5 .t h3, .pro-index6 .t h3{font-size:28px;}

.pro-index1 .txt .t{line-height:24px;}
.pro-index1 .pic{width:80%;}


.app-index h1{font-size:30px;text-align:center;}
.app-index ul li{width:48%;margin:15px 0 0;}
.app-index ul li .t{display:none;}
.app-index ul li ins{height:45px;line-height:45px;font-size:16px;}
.app-index .txt{margin:25px 0 0;font-size: 15px;line-height:24px;}
.app-index .txt p ~ p{margin-top:15px;}
.app-index ul li:hover ins{display:block;}

.sidenav h3{height:50px;line-height:50px;font-size:17px;}
.sidenav h3::after{display:block;}
.sidenav ul{display:none;}

.applist ul li{-webkit-flex-direction:row;flex-direction:row;border:1px solid #E3E3E3;padding:5px;}
.applist ul li + li{margin-top:15px;}
.applist ul li .pic{width:250px;}
.applist ul li .pic em{display:none;}
.applist ul li .txt {border:none;margin-right:0;padding:10px 20px 0;}
.applist ul li .txt .more{display:none;}
.applist ul li .txt h6{font-size:18px;}
.applist ul li .txt .t{line-height:22px;height:44px;margin:15px 0 0;}

.pro-index1{padding:30px 0 10px;}
.pro-index1 ul{margin:20px 0 0;}
.pro-index1 ul li{width:100%;padding:10px 0;}
.pro-index1 ul li .item{padding:20px 0;}
.pro-index1 ul li h5{font-size:21px;}
.pro-index1 ul li h5::before{margin:0 auto 20px 0;}
.pro-index1 ul li p{line-height:24px;margin:20px 0 0;}

.pro-index2{padding:30px 0;}
.pro-index2 ul li{width:calc(100% / 2);padding:10px;}
.pro-index2 ul li:last-child{width:100%;}
.pro-index2 ul li h5{font-size:17px;line-height:24px;}

.pro-index3{padding:30px 0;}
.pro-index3 ul li .ico{width:120px;height:120px;}
.pro-index3 ul li .ico img{max-width:50%;max-height:50%;}

.pro-index5 .top .txt{margin:30px 0 0 15px;}
.pro-index5 .top .txt ul li .ico{width:60px;left:-30px;}
.pro-index5 .top .txt ul li p{line-height:24px;margin: 15px 0 0;}

.pro-index6{padding:30px 0;}
.pro-index6 .top .txt{line-height:24px;}
.pro-index6 ul{margin:24px 0 0;}
.pro-index6 ul li{width:100%;padding:6px 0;}
.pro-index6 ul li .box{padding:25px 20px;}
.pro-index6 ul li h5{margin:20px 0 0;font-size:17px;}
.pro-index6 ul li p{line-height:24px;font-size:16px;}

.pro-index-foot{padding:30px 0;}
.pro-index-foot .info h4{font-size:18px;margin-top:20px;}
.pro-index-foot .info ul{margin-top:25px;}
.pro-index-foot .info ul li + li{margin-top:15px;}
.pro-index-foot .info ul li{padding:25px 20px;}
.pro-index-foot .info ul li .txt{margin-left:30px;}
.pro-index-foot .info ul li .txt p{line-height:24px;margin:10px 0 0;}

.pro-index-inquiry{margin:30px 0 0;padding:25px 20px 15px;}
.pro-index-inquiry h3{font-size:26px;text-align:center;}
.pro-index-inquiry .inquirbox{margin:30px 0 0;}
.pro-index-inquiry .inquirbox .row{margin-bottom:0;}
.pro-index-inquiry .inquirbox input[type="text"], .pro-index-inquiry .inquirbox textarea{padding:13px 15px;}
.pro-index-inquiry .inquirbox .submit{height:50px;line-height:50px;font-size:17px;}


.pro-list-banner{padding:30px 0 0;}
.pro-list-banner .box{display:block;padding:35px 25px;}
.pro-list-banner .txt{margin-right:0;}
.pro-list-banner .txt h2{font-size:24px;text-align:center;line-height:1.2;}
.pro-list-banner .txt p{margin:20px 0 0;font-size:16px;line-height:24px;}
.pro-list-banner .list{width:100%;margin:30px 0 0;}
.pro-list-banner .list .swiper-slide{text-align:center;}

.indexD ul li .txt h6,.pro-list2 ul li .txt h6{font-size:18px;}


.pro-list{padding:30px 0 0;}
.pro-list .tab ul{flex-wrap:wrap;text-align:center;}
.pro-list .tab ul li{font-size:17px;width:50%;margin:10px 0 0;}
.pro-list .tab ul li:not(:last-child)::after {display:none;}

.pro-list .list ul li .pic{width:220px;}
.pro-list .list ul li p{line-height:24px;margin:15px 0 0;}
                  
.pro-listv iframe{width:100%;height: 350px;}                     

.pro-list2{padding:30px 0 10px;}
.pro-list2 ul{margin:25px -10px 0;}
.pro-list2 ul li{width:50%;padding:10px;}
.pro-list2 ul li .txt{padding:0 10px 5px;}

.pro-list3{padding:30px 0;}
.pro-list3 ul li .item{padding:25px;}

.pro_view{margin-bottom:20px;}
.pro_img{width:550px;}

.pro_view_inner{margin:25px 0 0;}
.pro_view_inner h1{font-size:20px;text-align:center;}
.pro_view_inner .pro_para{font-size:15px;margin:20px 0 0;line-height:24px;}
.pro_view_inner .pro-share{text-align:center;}
.pro_view_inner .btn{margin:25px 0 0;text-align:center;}

.pro_text .pro-scroll{padding-top:25px;}
.pro-content{padding:20px 0 0;font-size:16px;}
.pro-content p{margin-bottom:15px;}
.pro-content table tr > td{padding:8px 15px;}

.pro-feature ul{flex-wrap:wrap;}
.pro-feature ul li{width:100%;margin-bottom:20px;padding:55px 20px 20px 20px;}
.pro-feature ul li::after{left:20px;top:25px;}

.pro-customer .swiper-button-prev,.pro-customer .swiper-button-next{display:none;}
.pro-customer .swiper-pagination-progressbar.swiper-pagination-horizontal{margin-top:30px;}

.pro-inquiry h4{font-size:24px;margin-bottom:20px;}
.pro-inquiry .inquirbox{padding:20px 20px 10px;}
.pro-inquiry .inquirbox .row{margin-bottom:0;}
.pro-inquiry .inquirbox input[type="text"],.pro-inquiry .inquirbox textarea{padding:10px 15px;}
.pro-inquiry .inquirbox .submit{width:150px;display:block;height:42px;line-height:42px;margin:0 auto;}

.rela-pro > h5{font-size:24px;margin-bottom:30px;}
.rela-pro .swiper-slide h6{font-size:16px;margin:15px 0 0;}
.rela-pro .bot{margin:30px auto 0;}


.down-list{margin:30px 0 0;}
.down-list h3{font-size:20px;padding-bottom:15px;}
.down-list h3 ~ h3{margin-top:30px;}
.down-list ul li{width:50%;padding:15px 10px;}
.down-list ul li a{padding:0 60px 0 0;}
.down-list ul li a::after{width:40px;height:40px;top:7px;background-size:20px;}

.project-list ul li{width:50%;}
.project-list ul li .txt{left:10px;right:10px;bottom:15px;padding:15px;}
.project-list ul li .txt h6{line-height:22px;height:44px;}

.newslist ul li .pic{width:220px;}
.newslist ul li .t{margin:0 0 0 30px;}
.newslist ul li .t h5{font-size:19px;line-height:26px;}
.newslist ul li .t p{line-height:24px;margin:15px 0 0;}

.newstit{padding:0 0 30px;display:block;}
.newstit h1{font-size:22px;}
.newstit span{margin:10px 0 0;font-size:15px;display:inline-block;}

.app-tit h1 {font-size: 28px;}
.news-content2 {line-height: 1.6;font-size: 16px;}
.news-content2 h4,.news-content3 h4,.news-content h4 {font-size: 26px;margin-bottom: 10px;}
.news-content2 .row img {margin-bottom:10px;}
.news-content{line-height:1.5;font-size:16px;padding:25px 0 15px;}
.news-content center + center {margin-top:10px;}
.news-content h5{font-size:20px;margin-bottom:15px;}
.news-content p{margin-bottom:15px;}
.news-content p iframe{width:100%;}
.news-content3 ul li {width: 33.333%;}

.getmore {margin-top: 20px;}
.getmore a {line-height: 40px;padding: 0 30px;font-size: 16px;}

.pnbar{margin:0 0 30px;display:block;padding:30px 0;}
.pnbar > a{width:100%;}
.pnbar > a.l,.pnbar > a.r{justify-content:center;}
.pnbar > a.m{width:100%;display:block;margin:10px 0;}


.app-list h3{text-align:center;}
.app-list h3::before{left:0;right:0;top:-25px;}
.app-list h3::after{margin:15px auto 0;}
.app-list > p{margin:20px 0 0;line-height:24px;font-size:16px;}
.app-list ul{margin:20px -10px 0;}
.app-list ul li{padding:10px;}
.app-list ul li .txt{padding:0 10px 5px;}
.app-list ul li .txt h6{font-size:17px;}

.about-menus ul li {width: 33.3333%;height: 55px;line-height: 55px;font-size: 18px;}

.join .top h1 {font-size: 28px;line-height: 36px;margin: 0 0 14px;}
.join2 .txt h2 {font-size: 24px;line-height: 30px;}

.getmore1 {margin-top: 30px;text-align: center;}
.getmore1 a {line-height: 40px;padding: 0 30px;font-size: 18px;}

.video-list ul li {width: 48%;}
.video-list ul li .t {padding: 10px;height: 80px;}
.video-list ul li .t h5 {font-size: 15px;line-height:20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.video-list ul li .v .more {left: calc(50% - 24px);top: calc(50% - 24px);width: 48px;height: 48px;}
.video-list ul li .v .more img {width: 22px;}

.join .top p {font-size: 16px;line-height: 22px;}

.join2 {margin: 30px 0;display: block;}
.join2 .pic {width: 100%;}
.join2 .txt {padding: 20px 10px;}
.join h3 {margin: 0;}
.join2 .txt p {padding: 0;}
.join2 .txt h3 {font-size: 20px;margin-bottom: 10px;}


.service h3{font-size:24px;text-align:center;}
.service > p{font-size:16px;line-height:24px;margin:20px 0 0;}
.service ul{margin:0;}
.service ul li{padding:20px 15px;}
.service ul li .txt {margin: 30px 0 0;}
.service ul li h5 {font-size: 20px;}
.service ul li em{font-size:50px;}
.service ul li h6{font-size:21px;}
.service ul li dl{margin:20px 0 0;}
.service ul li dl dd{font-size:16px;line-height:24px;}
.service ul li dl dd + dd{margin-top:10px;}

.global{margin:35px 0 0;}
.global h3{font-size:24px;text-align:center;}
.global p{margin:20px 0 0;line-height:24px;font-size:16px;}
.global .box{margin:30px 0 0;}
.global .list .item {display:none;}
.global .txt h4{font-size:24px;}
.global .txt h4::before{font-size:120px;top:-40px;}


.maintain{background:#fff;-webkit-flex-direction:column;flex-direction:column;}
.maintain::after{display:none;}
.maintain-list{width:100%;}
.maintain-list h1{font-size:30px;letter-spacing:1px;text-align:center;}
.maintain-list .list{margin:25px 0 0;}
.maintain-list .list ul li::after{right:15px;}
.maintain-list .list ul li+li{margin-top:15px;}
.maintain-list .list ul li a{height:70px;line-height:24px;padding:0 55px 0 15px;}


.rtit{margin-bottom:30px;-webkit-flex-direction:column;flex-direction:column;}
.rtit h1{font-size:30px;text-align:center;}
.rtit .bnt{height:40px;line-height:40px;padding:0 40px;margin:20px 0 0;}
.side-search{margin:15px 0 0;}

.video-list .tab ul li{font-size:15px;}

.video-list .swiper-button-prev,.video-list .swiper-button-next{width:30px;height:30px;border:none;top:20px;}
.video-list .swiper-button-prev,.video-list .swiper-container-rtl .swiper-button-next{left:0;}
.video-list .swiper-button-next,.video-list .swiper-container-rtl .swiper-button-prev{right:0;}
.video-list .swiper-button-prev i,.video-list .swiper-button-next i{line-height:30px;}

.video-list .list{margin:20px 0 0;}
.video-list .swiper-slide .pic p{width:190px;height:50px;line-height:50px;left:0;top:auto;bottom:10px;font-size:15px;}
.video-list .swiper-slide .pic p img{margin-left:20px;height:30px;}

.video-list .swiper-slide .txt{padding:15px 0;}
.video-list .swiper-slide .txt h5{font-size:24px;}
.video-list .swiper-slide .txt .more{margin:15px 0 0;}
.video-list .swiper-slide .share{margin:30px 0 0;}
.video-list .swiper-slide .share a{margin:0 15px 0 0;}
.video-list .swiper-slide .txt p{margin:20px 0 0;font-size:15px;line-height:22px;height:auto;}

.down-box{margin:30px 0 0;height:90px;padding:0 20px;}
.down-box p{padding:0 0 0 45px;}
.down-box p a{font-size:17px;}
.down-box .more{font-size:16px;}
.down-box .more i{margin-right:10px;}

.faq ul li~li{margin-top:15px;}
.faq ul li .tit{-webkit-justify-content:flex-start;justify-content:flex-start;height:60px;padding:0 0 0 50px;text-align:left;}
.faq ul li .tit h4{font-size:17px;font-weight:500;}
.faq ul li .tit::after{left:5px;top:calc(50% - 18px);font-size:18px;width:36px;height:36px;line-height:36px;}



.about{padding:40px 0 0;}
.about h3{text-align:center;}
.about h3::before{left:0;right:0;text-align:center;top:-20px;}
.about h3::after{margin:10px auto 0;}
.about .txt{margin:20px 0 0;line-height:26px;}
.about .txt * + *{margin-top:20px;}
.about ul li{padding:30px 0;}
.about ul li .t p{line-height:24px;margin:15px 0 0;}

.about ul li .ico {width: 74px;}
.about ul li .t {margin-left: 10px;}
.about2 .wp{padding-bottom:30px;}
.about2 .form-box{width:100%;}
.about2 ul{margin:35px 0 0;}
.about2 p{margin:25px 0 0;line-height:28px;}
.about2 .list {margin-top: 30px;}
.about2 dl {margin: 30px 0 0;}

.about2 dl dd {width: 33.333%;}
.about .txt {line-height: 24px;font-size: 16px;}
.about3 ul li p {line-height: 24px;font-size: 16px;}

.about3{padding:40px 0 10px;}
.about3 h3{text-align:center;}
.about3 h3::before{left:0;right:0;text-align:center;top:-20px;}
.about3 h3::after{margin:10px auto 0;}
.about3 dl{margin:30px 0 0;}
.about3 ul{margin:24px 0 0;}
.about3 ul li{width:100%;padding:6px 0;}
.about3 ul li .box{padding:20px 20px;}
.about3 ul li p{margin:20px 0 0;line-height:28px;}

.faq ul li h6 {font-size: 18px;line-height: 1.3;}
.faq ul li p {margin-top: 15px;}
.faq ul li .more {position: static;margin-top: 20px;}

.events-list ul li {display: block;}
.events-list ul li .pic {width: 100%;display: block;}
.events-list ul li .t {margin: 20px 0 0;}
.events-list ul li .t h5 {font-size: 20px;line-height: 26px;}
.events-list ul li .t p {line-height: 26px;margin: 10px 0 0;}
.events-list ul li .t .more {position: static;width: 132px;margin: 15px auto 0;display: block;}

.history{padding:50px 0 10px;}
.history h3{text-align:center;}
.history h3::before{left:0;right:0;text-align:center;top:-20px;}
.history h3::after{margin:10px auto 0;}
.history .box{margin:35px 0 0;display:block;padding:25px 20px;}
.history .tab{width:100%;}
.history .tab ul{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;}
.history .tab ul li{padding:0;font-size:28px;width:50%;border-bottom:none;line-height:50px;}
.history .tab ul li:last-child{width:100%;}
.history .content{margin:30px 0 0;}
.history .item{line-height:28px;}
.history .item p ~ p{margin-top:15px;}

.factory{padding:40px 0;}
.factory h3{text-align:center;}
.factory h3::before{left:0;right:0;text-align:center;top:-20px;}
.factory h3::after{margin:10px auto 0;}
.factory .list{margin:30px 0 0;}
.factory .swiper-slide p{font-size:17px;line-height:28px;margin:20px 0 0;}
.factory .bot{width:100%;margin:30px auto 0;}


.contact-inquiry{padding:30px 15px 20px;margin:40px 0 0;}
.contact-inquiry h3{font-size:24px;text-align:center;}
.contact-inquiry .inquirbox{margin:30px 0 0;}
.contact-inquiry .inquirbox input[type="text"], .contact-inquiry .inquirbox textarea{padding:13px 15px;}
.contact-inquiry .inquirbox .row{margin-bottom:0;}
.contact-inquiry .inquirbox .submit{height:50px;line-height:50px;font-size:17px;}


}

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

.wp{padding-right:10px;padding-left:10px;}

.foot-top{display:block;text-align:center;}
.foot-top .share{margin:20px 0 0;}

#banner .swiper-slide .txt h5{font-size:24px;margin:15px 0 0;line-height:1;}

.indexB h5,.indexC h5,.about2 h5{font-size:24px;}

.indexA .t h3, .indexD .t h3, .indexE .txt h3, .indexF .t h3,.indexC h3,.indexF .tit h3{font-size:26px;}
.indexA .t h3::before, .indexD .tit h4, .indexC h5::after, .indexE .txt h3::before, .indexF .tit h4{font-size:40px;}
.about h3::before, .about2 h5::after, .about3 h3::before, .history h3::before, .factory h3::before, .pro-index2 .tit h4, .pro-index5 .tit h4, .app-list h3::before,.pro-list .tit h4,.pro-list3 .tit h4,.pro-index4 h5::after{font-size:40px;}
.indexD .tit, .indexF .tit, .pro-index2 .tit, .pro-list .tit, .pro-list3 .tit, .pro-index5 .tit{height:35px;}

.pro-index1 .txt h3, .pro-index2 .t h3, .pro-index3 .t h3, .pro-index5 .t h3, .pro-index6 .t h3,.pro-index4 h5{font-size:26px;}
.pro-index5 .tit{height:35px;}

.indexC .form-box{width:100%;}

.indexD ul li .txt .more{display:none;}
.indexD ul li .txt h6{font-size:17px;}

.indexE .pic{width:100%;}
.indexE .pic::after{display:none;}
.indexE .txt .t ul{margin:20px 0 0;}
.indexE .txt .t ul li{width:50%;}

.contact::before{top:20%;font-size:60px;}
.contact-info dl{padding:18px 0;}
.contact-info dl dt{width:50px;height:50px;}
.contact-info dl dt img{max-width:60%;max-height:60%;}
.contact-info dl dd{margin-left:30px;overflow:hidden;}
.contact-info dl dd p{line-height:24px;margin:10px 0 0;}

.pro-index1 .pic{width:100%;}

.pro-index3 ul{margin:25px 0 0;}
.pro-index3 ul li{width:100%;padding:15px 0;}
.pro-index3 ul li::after{display:none;}
.pro-index3 ul li .ico{width:100px;height:100px;}
.pro-index3 ul li h5{font-size:17px;margin:25px 0 0;}
.pro-index3 ul li p{line-height:24px;}

.pro-index5 .top .txt{margin:30px 0 0 25px;}
.pro-index5 .top .txt ul li{padding:20px 20px 20px 45px;}

.pro-list3 ul li .item{padding:20px;}
.pro-list3 ul li .ico{width:70px;height:70px;}
.pro-list3 ul li .ico img{max-width:50%;max-height:50%;}
.pro-list3 ul li .txt{margin-left:30px;}
.pro-list3 ul li .txt p{line-height:24px;margin:20px 0 0;}

.pro-index-foot .info ul li{padding:20px 15px;}
.pro-index-foot .info ul li .txt{margin-left:25px;}
.pro-index-foot .info ul li .txt p{font-size:15px;margin:8px 0 0;}
.pro-index-foot .info ul li .ico{width:50px;height:50px;}
.pro-index-foot .info ul li .ico img{max-width:50%;max-height:50%;}

.pro-list-banner .box{padding:30px 20px;}

.pro_img{width:100%;}

.pro_view_inner hr{margin:20px 0;}
.pro_text .tit h5{font-size:22px;}

.app-tit .txt h1{font-size:26px;}
.app-tit .pic{width:100%;}

.newslist ul li .pic{width:180px;}
.newslist ul li .t{margin:0 0 0 20px;}
.newslist ul li .t h5{font-size:18px;line-height:24px;}
.newslist ul li .t p{line-height:22px;max-height:44px;overflow:hidden;}

.down-menus ul li{width:50%;height:40px;line-height:40px;}
.down-list ul{margin:7px 0 0;}
.down-list ul li{width:100%;padding:10px 0;}

.project-list ul{margin:-6px -6px 0;}
.project-list ul li{padding:6px;}

.pro-index-inquiry h3{font-size:24px;}

.about3 dl{margin:20px 0 0;}
.about3 dl dd{width:50%;padding:10px 0;}
.about3 dl dd:first-child::before,.about3 dl dd::after{display:none;}
.about3 dl dd:nth-child(2n+1)::after{display:block;}

}


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

.path h2{font-size:22px;}

#banner .swiper-slide .txt h5{font-size:22px;}


.more1{padding:0 25px;}

.indexA .t h3, .indexD .t h3, .indexE .txt h3, .indexF .t h3,.indexC h3,.indexF .tit h3{font-size:24px;}

.indexA .t h3::before, .indexD .tit h4, .indexC h5::after, .indexE .txt h3::before, .indexF .tit h4{font-size:30px;}
.indexD .tit, .indexF .tit, .pro-index2 .tit{height:25px;}

.indexB h5,.indexC h5,.about2 h5{font-size:22px;}

.pro-index1 .txt h3, .pro-index2 .t h3, .pro-index3 .t h3, .pro-index5 .t h3, .pro-index6 .t h3,.pro-index4 h5{font-size:24px;}

.indexC ul li {width: 50%;padding: 10px 15px;}

.indexD ul{margin:14px 0 0;}
.indexD ul li{width:100%;padding:6px 0;}

.indexE .txt .t{line-height:22px;background:none;padding:0;font-size:15px;}
.indexE .txt .bot{padding:15px 0 0;margin:15px 0 0;}

.indexE .txt .bot p{font-size:15px;}
.indexE .txt .bot p em{font-size:18px;margin:5px 0 0;}
.indexE .txt .bot a{width:140px;}

.indexF ul li {width: 100%;}

.pro_img{width:100%;}
.pro_view_inner h1{font-size:18px;}
.pro_img .preview .swiper-slide{width:50px;}

.pro_view_inner .para ul li{padding:0 0 0 20px;}
.pro_view_inner .para ul li + li{margin-top:10px;}

.pro-inquiry .inquirbox{padding:15px 15px 5px;}

.pro-index-inquiry h3{font-size:22px;}

.pro-index-foot .info .tit img{}
.pro-index-foot .info h4{font-size:16px;}
.pro-index-foot .info ul{margin-top:20px;}
.pro-index-foot .info ul li .txt{margin-left:20px;}

.after-sales .txt .t{font-size:15px;}

.after-sales .txt h1,.maintain-list h1,.rtit h1,.culture h3,.cert-list h3,.contact-info h4{font-size:24px;}

.down-box{padding:0 15px;}
.down-box .more{font-size:15px;}

.culture .txt ul li{width:100%;}

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

.indexA .l{width:320px;height:192px;background-size:320px 192px;padding:14px 0 0 22px;}
.indexA .v{width:277px;}

.about .pic{width:320px;height:192px;background-size:320px 192px;padding:14px 0 0 22px;}
.about .pic .v{width:277px;}

.about2 dl dd {width: 50%;}

.app-list ul{margin:14px 0 0;}
.app-list ul li{padding:6px 0;width:100%;}

.about-menus ul li {width: 50%;height: 45px;line-height: 45px;font-size: 16px;}
.service ul li {padding: 10px 5px;}
.service ul li .ico img {height:70px;}
.service ul li .txt {margin: 20px 0 0;}
.service ul li h5 {font-size: 18px;}


.app-tit .txt h1{font-size:24px;}

.rela-pro > h5{font-size:22px;margin-bottom:20px;}

.newslist ul li .pic{width:150px;}
.newslist ul li .t em{font-size:13px;margin-top:0;}
.newslist ul li .t span{font-size:12px;top:0;}
.newslist ul li .t h5{font-size:17px;line-height:22px;margin:10px 0 0;}
.newslist ul li .t p{line-height:20px;max-height:40px;margin:10px 0 0;}

.app-tit h1 {font-size: 24px;}
.news-content2 h4,.news-content3 h4,.news-content h4 {font-size: 22px;}
.news-content3 ul li {width: 50%;padding: 10px;}

.newstit{padding:0 0 20px;}
.news-content{line-height:1.3;font-size:15px;padding:20px 0 15px;}

.project-list ul{margin:-6px 0 0;}
.project-list ul li{width:100%;padding:6px 0;}

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

}

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

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

.sidebanner .txt h1, .sidebanner .txt h3 {font-size: 20px;}

.foot-top .share a{width:45px;height:45px;line-height:45px;margin:0 5px;}

.path h2{font-size:18px;}
.path p{font-size:12px;}

.newslist ul li .pic{width:120px;}

.down-menus ul li {font-size: 11px;}

}


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