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

}
@media screen and (min-width:1601px){
	
}
@media screen and (max-width:1440px){

.home-aboutus-nav1{height: 140px; background-size: 100px auto; }
.home-aboutus-nav2{height: 140px; background-size: 100px auto; }
.home-aboutus-nav3{height: 140px; background-size: 100px auto; }
.home-aboutus-nav4{height: 140px; background-size: 100px auto; }
.home-aboutus-nav5 img{width: 800px; }

.home-aboutus-items{ margin-top: 15px; }
.home-aboutus-nav{margin-top: 10px; }


.home-hxjs-bar1 img{width: 120px; }


.home-case-bar1{ margin: 20px auto; }
.home-case-bar1-right li{margin: 10px auto; }
.home-case-pic{ margin-top: 20px; width: 1220px; }
.home-case-pic figure{width: 285px;  margin-right: 20px; margin-bottom: 20px; }
.home-case-pic figure img{width: 285px; }

.home-partner-txt img{display: none; }

.home-cont{margin: 100px auto 0 auto; }
.home-cont-txt{margin: 10px auto; }
.home-cont-followus{margin: 10px auto; }
.home-cont-nav{margin: 10px auto 0 auto;  padding: 20px 0 20px 150px;}

.swiper-pagination{margin-bottom: 70px; }


.newsinfo-bar1 h3{display: inline-block; padding-left: 750px; }

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

.home-aboutus-items{margin-top: 15px; }
.home-aboutus-nav{width: 90%; height: auto; padding: 0 5%; margin: 20px auto 0 auto; }
.home-aboutus-nav li{width: 25%; height: auto; float: left; text-align: center; }
.home-aboutus-nav1{height: 120px; background-size: 100px auto; }
.home-aboutus-nav2{height: 120px; background-size: 100px auto; }
.home-aboutus-nav3{height: 120px; background-size: 100px auto; }
.home-aboutus-nav4{height: 120px; background-size: 100px auto; }
.home-aboutus-nav5 img{width: 800px; }

.home-hxjs-bar1 img{display: none; }

.home-case-bar1{ margin: 20px auto; }
.home-case-bar1-right li{margin: 10px auto; }
.home-case-pic{ margin-top: 20px; width: 1220px; }
.home-case-pic figure{width: 285px;  margin-right: 20px; margin-bottom: 20px; }
.home-case-pic figure img{width: 285px; }

.home-partner-txt img{width: 150px; }
.home-partner-bar1{ margin-top: 20px; }
.home-partner-bar1 li{ padding: 15px 19px; }
.home-partner-bar2{ margin-top: 20px; }

.home-cont{margin: 100px auto 0 auto; }

.swiper-pagination{margin-bottom: 10px; }

.suspension{bottom:500px;}

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


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



}


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


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

body{font-size:1.0rem; line-height: 200%;}

.sp_header{display: block; }
.sjj_nav{display: block; }
#h5-movie{display: block; }
.suspension{display: none; }

#footer-content{padding: 20px 0; }
#footer-bar1{width: 100%; background: none; }
#footer-bar1 .footer-items{display: none; }

#footer-bar1 .footer-followus{width: 100%; padding: 2%; box-sizing: border-box; }
#footer-bar1 .footer-followus figure{width: 33.0%; margin-right: 1px; }
#footer-bar1 .footer-followus figure img{width: 100px; }
#footer-bar1 .footer-followus figcaption{font-size: 0.7rem; }

#footer-copyright{line-height: 160%; font-size: 0.9rem; padding: 2%; box-sizing: border-box; }
#footer-copyright p span{margin-right: 0; }
#footer-copyright p br{display: block; }
#footer-copyright p{text-align: left; padding-left: 5px; }

#home-header-content{display: none; }

.swiper-pagination{margin-bottom: 0; }
#subpages-banner .main-banner{display: none; }

#subpages-banner{ padding-top: 60px;  }
#subpages-banner .banner-1{height: auto; min-height: 150px; background: url(../images/banner-2.jpg) no-repeat center; background-size: 100% auto; display: block;}

#subpages-content{padding: 5% 2%; box-sizing: border-box; }
#subpages-trade{padding: 10px 0; }
.trade-a{width: 100%; }
.trade-a h1{font-size: 1.4rem; margin-bottom: 20px; }
.trade-a p img{margin-top: 50px; width: 100%; }

#subpages-trade-02{padding: 5% 2%; box-sizing: border-box; }
.trade-b{width: 100%; }
.trade-b h1{font-size: 1.4rem; }
.trade-items{width: 100%; margin: 20px auto ; padding: 0; }
.trade-items li{width: 100%; min-height: 0; margin-right: 0; margin-bottom: 5px; padding: 2%; box-sizing: border-box; border-radius: 4px; }
.trade-items li h2{margin-bottom: 20px; }
.trade-items li h3{text-align: center; font-size: 1.2rem; margin: 0 auto; font-weight: bold; }
.trade-items li p{font-size: 0.9rem; }

#subpages-trade-03{padding: 5% 2%; box-sizing: border-box; }
.trade-c{width: 100%; }
.trade-c h1{font-size: 1.4rem; }
.trade-show{width: 100%; height: auto; min-height: 0; background: none; padding:0; margin:  0 auto; }
.trade-show-pic{width: 100%; height: auto; border: 0; }
#subpages-trade-03 .swiper-pagination{display: none; }

#subpages-trade-04{padding: 5% 2%; box-sizing: border-box; }
.trade-d{width: 100%; }
.trade-d h1{font-size: 1.4rem; }
.trade-process{width: 100%; height: 780px; margin: 40px auto; }

.trade-process-01{width:100%; background: none ; padding: 20px 0; left: 0; right: 0; }
.trade-process-01 h2{width: 45%; }
.trade-process-01 h2 p{font-size: 0.9rem; }
.trade-process-01 h2 p span{font-size: 0.7rem; }
.trade-process-01 h3{width: 10%; font-size: 0.9rem; display: inline-block; background: url(../images/icon-01.png) no-repeat 50% 50%; right: 45%; }

.trade-process-02{width:100%; background: none ; padding: 20px 0; left: 0; right: 0; margin-top: 55px; }
.trade-process-02 h2{width: 10%; font-size: 0.9rem; display: inline-block; background: url(../images/icon-01.png) no-repeat 50% 50%; left: 45%; }
.trade-process-02 h3{width: 45%; }
.trade-process-02 h3 p{font-size: 0.9rem; }
.trade-process-02 h3 p span{font-size: 0.7rem; }

.trade-process-03{width:100%; background: none ; padding: 20px 0; left: 0; right: 0; margin-top: 110px;}
.trade-process-03 h2{width: 45%; }
.trade-process-03 h2 p{font-size: 0.9rem; }
.trade-process-03 h2 p span{font-size: 0.7rem; }
.trade-process-03 h3{width: 10%; font-size: 0.9rem; display: inline-block; background: url(../images/icon-01.png) no-repeat 50% 50%; right: 45%; }

.trade-process-04{width:100%; background: none ; padding: 20px 0; left: 0; right: 0; margin-top: 165px; }
.trade-process-04 h2{width: 10%; font-size: 0.9rem; display: inline-block; background: url(../images/icon-01.png) no-repeat 50% 50%; left: 45%; }
.trade-process-04 h3{width: 45%; }
.trade-process-04 h3 p{font-size: 0.9rem; line-height: 80%; margin-bottom: 5px; }
.trade-process-04 h3 p span{font-size: 0.7rem; }

.trade-process-05{width:100%; background: none ; padding: 20px 0; left: 0; right: 0; margin-top: 220px;}
.trade-process-05 h2{width: 45%; }
.trade-process-05 h2 p{font-size: 0.9rem; line-height:80%; margin-bottom: 5px; }
.trade-process-05 h2 p span{font-size: 0.7rem; }
.trade-process-05 h3{width: 10%; font-size: 0.9rem; display: inline-block; background: url(../images/icon-01.png) no-repeat 50% 50%; right: 45%; }

.trade-process-06{width:100%; background: none ; padding: 20px 0; left: 0; right: 0; margin-top: 275px; }
.trade-process-06 h2{width: 10%; font-size: 0.9rem; display: inline-block; background: url(../images/icon-01.png) no-repeat 50% 50%; left: 45%; }
.trade-process-06 h3{width: 45%; }
.trade-process-06 h3 p{font-size: 0.9rem; line-height: 80%; margin-bottom: 5px; }
.trade-process-06 h3 p span{font-size: 0.7rem; }

.trade-process-07{width:100%; background: none ; padding: 20px 0; left: 0; right: 0; margin-top: 330px;}
.trade-process-07 h2{width: 45%; }
.trade-process-07 h2 p{font-size: 0.9rem; line-height:80%; margin-bottom: 5px; }
.trade-process-07 h2 p span{font-size: 0.7rem; }
.trade-process-07 h3{width: 10%; font-size: 0.9rem; display: inline-block; background: url(../images/icon-01.png) no-repeat 50% 50%; right: 45%; }

.trade-process-08{width:100%; background: none ; padding: 20px 0; left: 0; right: 0; margin-top: 385px; }
.trade-process-08 h2{width: 10%; font-size: 0.9rem; display: inline-block; background: url(../images/icon-01.png) no-repeat 50% 50%; left: 45%; }
.trade-process-08 h3{width: 45%; }
.trade-process-08 h3 p{font-size: 0.9rem; line-height: 80%; margin-bottom: 5px; }
.trade-process-08 h3 p span{font-size: 0.7rem; }

.trade-process-09{width:100%; background: none ; padding: 20px 0; left: 0; right: 0; margin-top: 440px;}
.trade-process-09 h2{width: 45%; }
.trade-process-09 h2 p{font-size: 0.9rem; line-height:80%; margin-bottom: 5px; }
.trade-process-09 h2 p span{font-size: 0.7rem; }
.trade-process-09 h3{width: 10%; font-size: 0.9rem; display: inline-block; background: url(../images/icon-01.png) no-repeat 50% 50%; right: 45%; }

.trade-process-10{width:100%; background: none ; padding: 20px 0; left: 0; right: 0; margin-top: 495px; }
.trade-process-10 h2{width: 10%; font-size: 0.9rem; display: inline-block; background: url(../images/icon-01.png) no-repeat 50% 50%; left: 45%; }
.trade-process-10 h3{width: 45%; }
.trade-process-10 h3 p{font-size: 0.9rem; line-height: 80%; margin-bottom: 5px; }
.trade-process-10 h3 p span{font-size: 0.7rem; }

.trade-process-11{width:100%; background: none ; padding: 20px 0; left: 0; right: 0; margin-top: 550px;}
.trade-process-11 h2{width: 45%; }
.trade-process-11 h2 p{font-size: 0.9rem; line-height:80%; margin-bottom: 5px; }
.trade-process-11 h2 p span{font-size: 0.7rem; }
.trade-process-11 h3{width: 10%; font-size: 0.9rem; display: inline-block; background: url(../images/icon-01.png) no-repeat 50% 50%; right: 45%; }

.trade-process-12{width:100%; background: none ; padding: 20px 0; left: 0; right: 0; margin-top: 605px; }
.trade-process-12 h2{width: 10%; font-size: 0.9rem; display: inline-block; background: url(../images/icon-01.png) no-repeat 50% 50%; left: 45%; }
.trade-process-12 h3{width: 45%; }
.trade-process-12 h3 p{font-size: 0.9rem; line-height: 120%; margin-bottom: 5px; }
.trade-process-12 h3 p span{font-size: 0.7rem; }

#subpages-trade-05{padding: 5% 2%; box-sizing: border-box; }
.trade-e{width: 100%; }
.trade-e h1{font-size: 1.4rem; margin-bottom: 0; }
.trade-baojia{width: 100%; margin: 20px auto;  }
.trade-baojia li{width: 100%; height: auto; min-height: 0; margin-right:0; margin-bottom: 10px; box-sizing: border-box; }
.trade-baojia li h2{ font-size: 1.2rem; }
.trade-baojia li h3{ font-size: 1.2rem; }

#subpages-case{padding: 10px 0; }
.case{width: 100%; }
.case h1{font-size: 1.4rem; margin-bottom: 0; }
.case h3{padding: 15px 2%; border-radius: 5px; box-sizing: border-box; font-size: 0.9rem; line-height: 140%; }
.case-pic{width: 100%; margin: 20px auto; padding: 0; }
.case-pic li{width: 47.0%; height: auto; margin-right: 5px; margin-left: 5px; margin-bottom: 20px; padding: 0; box-sizing: 0; border-radius: 0; }
.case-pic li img{width: 100%; }
.case-pic-div{height: 200px; }

#subpages-company{ padding: 10px 0; }
.company-bar1-tit h2{font-size: 1.2rem; }
.company-bar1-tit h4{font-size: 1.0rem; }
.company-bar1-txt{width: 100%; margin: 10px auto; }
.company-bar1-txt p{margin: 10px 0; font-size: 1.0rem; }
.company-bar1-txt h1{font-size: 1.0rem; margin: 10px auto; }
.company-bar1-txt h1 img{float: left; margin-right: 10px; }
.company-bar1-txt img{width: 100%;}

.company-bar2{margin: 10px auto; }
.company-bar2-tit{padding: 10px 0; }
.company-bar2-tit h2{font-size: 1.2rem; }
.company-bar2-tit h4{font-size: 1.0rem; }
.company-bar2-pic{width: 100%; }
.company-bar2-pic figure{width: 100%; margin-right: 0; margin-bottom: 10px; }
.company-bar2-pic figure img{width: 100%; }
.company-bar2-pic figcaption{padding: 10px 0; background: #f6f6f6 }

.company-bar3{ margin: 10px auto; }
.company-bar3-tit{padding: 10px 0; }
.company-bar3-tit h2{font-size: 1.2rem; }
.company-bar3-tit h4{font-size: 1.0rem; }

.partner{width: 100%; padding-bottom: 45px; margin: 20px auto 0 auto; }
.partner li{width: 100%; height: auto; margin-right: 0; margin-bottom: 25px; padding: 5% 2% 10% 2%; box-sizing: border-box; }
.partner li p{font-size: 0.9rem; }
.partner li h5{ position: absolute; z-index: 111; margin: auto; bottom: -15px; left: 37%; font-size: 0.9rem; }

.partner-02{width: 100%; margin: 20px auto 0 auto; }
.partner-02 figure{width: 49.7%; height: auto; margin-right: 1px; margin-bottom: 1px; padding: 0;  text-align: center; box-sizing: border-box; }
.partner-02 figure img{width: 100%; }

.company-bar4{ margin: 20px auto; background: url(../images/world_map.png) no-repeat 50% 130px; }
.company-bar4-tit{padding: 20px 0; }
.company-bar4-tit h2{font-size: 1.2rem;}
.company-bar4-tit h4{font-size: 1.0rem; }
.company-bar4-txt{width: 100%; margin: 10px auto; }
.company-bar4-txt h1{padding: 0 3%;}
.company-bar4-txt h1 img{width: 100%; }
.company-bar4-txt h2{width: 77%; font-size: 0.9rem; padding-left: 23%; line-height: 180%; }
.followus{ display: none; }

#subpages-template{ padding: 10px 0; }
#subpages-template h6{width: 100%; font-size: 0.9rem; padding: 2%; box-sizing: border-box; line-height: 140%; }
.template{width: 100%; }
.template h1{ font-size: 1.2rem; }
.template-pic{width: 100%; margin: 20px auto; padding: 0; }
.template-pic li{width: 48.4%; margin-right: 5px; margin-left: 0;  margin-bottom: 20px; background-size: 100%; }
.port-1{height: 200px; margin-bottom: 5px; }
.port-1 img{ width: 100%; }
.template-pic p{tpadding-bottom: 5px; font-size: 0.9rem; }
.text-desc{display: none; }

#subpages-news{ padding: 10px 0; }
.news{width: 100%; }
.news-tit h2{font-size: 1.2rem; }
.news-tit h3:before{ width: 300px; left: 8%; bottom: 14px; }
.news-tit h3:after{width: 300px; right: 8%; bottom: 14px; }

.news-list{width: 100%; margin: 20px auto; }
.news-list li{width: 100%;min-height: 530px; margin-right: 0; margin-bottom: 30px; }
.news-pic{width: 100%; height: auto; overflow: hidden; position: relative; }
.news-pic img{width: 100%;  }
.news-bar1{ absolute; top:310px; }
.news-bar1 h2{ margin-left: 10px; }
.news-bar1 h2 img{margin-right: 5px;}
.news-bar1 span{ left: 85px; font-size: 0.9rem; }
.news-bar1 h3{ font-size: 0.9rem; }
.news-bar2{ top: 400px; }
.news-bar2 h5{font-size: 1.2rem;  height: 30px; line-height: 30px;  }

#subpages-newsinfo{padding: 10px 0; }
.newsinfo{width: 100%; }
.newsinfo-bigpic{width: 100%; height: auto; overflow: hidden; position: relative; }
.newsinfo-bigpic img{height: auto; width: 100%; }
.newsinfo-bar1{width: 100%; height: auto; overflow: hidden; bottom: 15px; }
.newsinfo-bar1 h1{display: inline-block; padding-left: 50px; }
.newsinfo-bar1 h1 img{border: rgba(255,255,255,0.60) solid 4px; border-radius: 50%; width: 60px; height: 60px; }
.newsinfo-bar1 h2{display: inline-block; padding-left: 0; }
.newsinfo-bar1 h3{display: inline-block; padding-left: 500px; }
.newsinfo-tit{width: 90%; height: auto; padding: 10px 0; text-align: center; margin: 0 auto; font-size: 30px; line-height: 120%; }
.newsinfo-txt{width: 90%; height: auto; margin: 0 auto; }
.newsinfo-txt img{width: 100%; }
.newsinfo-txt p{margin: 15px 0; font-size: 16px; line-height: 200%; }
.newsinfo-end{width: 90%; height: auto; margin: 30px auto 0 auto; background: url(../images/icon-2.png) no-repeat top center; padding-top: 60px; text-align: center; }









}






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




}

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

.newsinfo-bar1{width: 100%; height: auto; overflow: hidden; bottom: 15px; }
.newsinfo-bar1 h1{display: inline-block; padding-left: 50px; }
.newsinfo-bar1 h1 img{border: rgba(255,255,255,0.60) solid 4px; border-radius: 50%; width: 60px; height: 60px; }
.newsinfo-bar1 h2{display: inline-block; padding-left: 0; }
.newsinfo-bar1 h3{display: inline-block; padding-left: 300px; }



}


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

#subpages-news{ padding: 10px 0; }
.news{width: 100%; }
.news-tit h2{font-size: 1.2rem; }
.news-tit h3:before{ width: 160px; left: 8%; bottom: 14px; }
.news-tit h3:after{width: 160px; right: 8%; bottom: 14px; }

.news-list li{width: 100%;min-height: 430px; margin-right: 0; margin-bottom: 10px; }
.news-bar1{ absolute; top:200px; }
.news-bar1 h2{ margin-left: 10px; }
.news-bar1 h2 img{margin-right: 5px;}
.news-bar1 span{ left: 85px; font-size: 0.9rem; }
.news-bar1 h3{ font-size: 0.9rem; }
.news-bar2{ top: 280px; }
.news-bar2 h5{font-size: 1.2rem;  height: 30px; line-height: 30px;  }

#subpages-banner{ padding-top: 60px;  }
#subpages-banner .banner-1{height: auto; min-height: 150px; background: url(../images/banner-2.jpg) no-repeat center; background-size:  auto 150px; display: block;}

#subpages-newsinfo{padding: 10px 0; }
.newsinfo{width: 100%; }
.newsinfo-bigpic img{height: auto; width: 100%; }
.newsinfo-bar1{ bottom: 15px; }
.newsinfo-bar1 h1{display: inline-block; padding-left: 0; }
.newsinfo-bar1 h2{display: inline-block; padding-left: 0; font-size:0.9rem; }
.newsinfo-bar1 h3{display: inline-block; padding-left: 300px; font-size:0.9rem; }
.newsinfo-tit{width: 100%; padding: 10px 0; text-align: left; margin: 50px auto 0 auto; font-size: 1.4rem; }
.newsinfo-txt{width: 100%; }
.newsinfo-txt p{margin: 15px 0; font-size: 1.0rem;  }
.newsinfo-txt p img{width: 100%; }
.newsinfo-end{width: 100%; background: url(../images/icon-2.png) no-repeat top center; padding-top: 60px; text-align: center; }
.newsinfo-end img{width: 100%; }


  
}

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

#subpages-newsinfo{padding: 10px 0; }
.newsinfo{width: 100%; }
.newsinfo-bigpic img{height: auto; width: 100%; }
.newsinfo-bar1{ bottom: 15px; }
.newsinfo-bar1 h1{display: inline-block; padding-left: 0; }
.newsinfo-bar1 h2{display: inline-block; padding-left: 0; font-size:0.9rem; }
.newsinfo-bar1 h3{display: inline-block; padding-left: 20px; font-size:0.9rem; }
.newsinfo-tit{width: 100%; padding: 10px 0; text-align: left; margin: 50px auto 0 auto; font-size: 1.4rem; }
.newsinfo-txt{width: 100%; }
.newsinfo-txt p{margin: 15px 0; font-size: 1.0rem;  }
.newsinfo-txt p img{width: 100%; }
.newsinfo-end{width: 100%; background: url(../images/icon-2.png) no-repeat top center; padding-top: 60px; text-align: center; }
.newsinfo-end img{width: 100%; }


}

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

#subpages-news{ padding: 10px 0; }
.news{width: 100%; }
.news-tit h2{font-size: 1.2rem; }
.news-tit h3:before{ width: 60px; left: 8%; bottom: 14px; }
.news-tit h3:after{width: 60px; right: 8%; bottom: 14px; }

.news-list{width: 100%; margin: 20px auto; }
.news-list li{width: 100%;min-height: 330px; margin-right: 0; margin-bottom: 10px; }
.news-pic{width: 100%; height: auto; overflow: hidden; position: relative; }
.news-pic img{width: 100%;  }
.news-bar1{ absolute; top:100px; }
.news-bar1 h2{ margin-left: 10px; }
.news-bar1 h2 img{margin-right: 5px;}
.news-bar1 span{ left: 85px; font-size: 0.9rem; }
.news-bar1 h3{ font-size: 0.9rem; }
.news-bar2{ top: 180px; }
.news-bar2 h5{font-size: 1.2rem;  height: 30px; line-height: 30px;  }

#subpages-banner{ padding-top: 60px;  }
#subpages-banner .banner-1{height: auto; min-height: 150px; background: url(../images/banner-2.jpg) no-repeat center; background-size:  auto 150px; display: block;}

#subpages-newsinfo{padding: 10px 0; }
.newsinfo{width: 100%; }
.newsinfo-bigpic img{height: auto; width: 100%; }
.newsinfo-bar1{ bottom: 15px; }
.newsinfo-bar1 h1{display: inline-block; padding-left: 0; }
.newsinfo-bar1 h2{display: inline-block; padding-left: 0; font-size:0.9rem; }
.newsinfo-bar1 h3{display: inline-block; padding-left: 15px; font-size:0.9rem; }
.newsinfo-tit{width: 100%; padding: 10px 0; text-align: left; margin:  0 auto; font-size: 1.4rem; }
.newsinfo-txt{width: 100%; }
.newsinfo-txt p{margin: 15px 0; font-size: 1.0rem;  }
.newsinfo-txt p img{width: 100%; }
.newsinfo-end{width: 100%; background: url(../images/icon-2.png) no-repeat top center; padding-top: 60px; text-align: center; }
.newsinfo-end img{width: 100%; }


}

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



}